From 72672eec1d5c587497ad7913f45a4a06c36f3a27 Mon Sep 17 00:00:00 2001
From: Etienne Santoul <30403047+esantoul@users.noreply.github.com>
Date: Thu, 20 Nov 2025 22:01:32 +0100
Subject: [PATCH 01/25] docs: add comprehensive project documentation

Add detailed documentation to help contributors and developers:

- Add ARCHITECTURE.md with system design and component overview
- Add CONFIGURATION.md with environment and deployment setup
- Add CONTRIBUTING.md with contribution guidelines and standards
- Add DEVELOPMENT.md with setup and development workflow
- Update README.md with links to new documentation

This documentation provides a complete guide for new contributors
to understand the project structure, set up their development
environment, and follow best practices.
---
 README.md             | 107 ++++++-
 docs/ARCHITECTURE.md  | 537 +++++++++++++++++++++++++++++++++++
 docs/CONFIGURATION.md | 369 ++++++++++++++++++++++++
 docs/CONTRIBUTING.md  | 520 ++++++++++++++++++++++++++++++++++
 docs/DEVELOPMENT.md   | 643 ++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 2165 insertions(+), 11 deletions(-)
 create mode 100644 docs/ARCHITECTURE.md
 create mode 100644 docs/CONFIGURATION.md
 create mode 100644 docs/CONTRIBUTING.md
 create mode 100644 docs/DEVELOPMENT.md

diff --git a/README.md b/README.md
index 2f58607..12b13c4 100644
--- a/README.md
+++ b/README.md
@@ -1,21 +1,106 @@
-## Description
+# Arrhes
+
+[![Licence MIT](https://img.shields.io/badge/licence-MIT-blue.svg)](LICENSE)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue.svg)](https://www.typescriptlang.org/)
+[![Node.js](https://img.shields.io/badge/Node.js-24.5-green.svg)](https://nodejs.org/)
 
 Application **open source** de gestion de comptabilité en partie double pour les associations et entreprises françaises. Elle permet de configurer les comptes, d'ajouter les écritures comptables, les pièces justificatives et de consulter les différents états financiers tels que le bilan ou le compte de résultat.
 
+## Table des matières
+
+- [À propos](#à-propos)
+- [Fonctionnalités](#fonctionnalités)
+- [Démarrage rapide](#démarrage-rapide)
+- [Documentation](#documentation)
+- [Licence](#licence)
+- [Support](#support)
+
+## À propos
+
+Arrhes est une solution complète de comptabilité conçue spécifiquement pour répondre aux besoins des associations et entreprises françaises. L'application adopte une architecture monorepo et une interface utilisateur simple et intuitive.
+
+**Public cible :**
+- Associations loi 1901
+- Petites et moyennes entreprises
+- Comptables et experts-comptables
+- Trésoriers d'associations
 
 ## Fonctionnalités
 
-- Configuration des comptes
-- Création et gestion des écritures comptables
-- Gestion des pièces justificatives
-- Configuration et consultation des états financiers (bilan, compte de résultat, etc.)
-- Gestion des exercices comptables
-- Gestion des utilisateurs et des rôles
+- ✅ Configuration et gestion des comptes comptables
+- ✅ Création et gestion des écritures comptables en partie double
+- ✅ Gestion des pièces justificatives avec stockage sécurisé
+- ✅ Configuration et consultation des états financiers (bilan, compte de résultat)
+- ✅ Gestion des exercices comptables
+- ✅ Gestion multi-utilisateurs avec rôles et permissions
+- ✅ Authentification sécurisée par magic link
+- ✅ Support des journaux comptables multiples
+- ✅ Calculs automatiques et validation des écritures
+
+## Démarrage rapide
+
+### Prérequis
+
+- Node.js 24.5+ 
+- pnpm
+- PostgreSQL
+
+### Installation
+
+```bash
+# Cloner le repository
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+
+# Installer les dépendances
+pnpm install
+
+# Configurer les variables d'environnement
+cp packages/api/.env.example packages/api/.env
+cp packages/tools/.env.example packages/tools/.env
+# Éditer les fichiers .env avec vos valeurs
+
+# Initialiser la base de données
+pnpm --filter tools run push
+pnpm --filter tools run seed
 
+# Lancer l'application
+pnpm run dev
+```
+
+L'API sera accessible sur le port configuré (par défaut `http://localhost:3000`) et la plateforme sur `http://localhost:5173`.
+
+**Identifiants de démonstration :** `demo@arrhes.com` / `demo`
+
+## Documentation
+
+- 📚 [Architecture](docs/ARCHITECTURE.md) - Vue d'ensemble de l'architecture et du stack technique
+- ⚙️ [Configuration](docs/CONFIGURATION.md) - Variables d'environnement et configuration des services
+- 🛠️ [Développement](docs/DEVELOPMENT.md) - Guide complet pour les développeurs
+- 🤝 [Contribution](docs/CONTRIBUTING.md) - Guidelines pour contribuer au projet
 
 ## Packages
 
-- API
-- metadata
-- platform
-- tools
+Le projet est organisé en monorepo avec les packages suivants :
+
+- **@arrhes/api** - Backend REST API (Hono, PostgreSQL)
+- **@arrhes/platform** - Interface web (React, TanStack Router)
+- **@arrhes/metadata** - Schémas et modèles partagés (Valibot, Drizzle ORM)
+- **@arrhes/tools** - Outils de migration et seed de base de données
+- **@arrhes/website** - Site vitrine
+
+Pour plus de détails, consultez la [documentation d'architecture](docs/ARCHITECTURE.md).
+
+## Licence
+
+Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de détails.
+
+## Support
+
+- 🐛 [Signaler un bug](https://github.com/arrhes/arrhes/issues)
+- 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes/issues)
+- 📧 Contact : demo@arrhes.com
+
+---
+
+Développé avec ❤️ pour la communauté française
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
new file mode 100644
index 0000000..816644f
--- /dev/null
+++ b/docs/ARCHITECTURE.md
@@ -0,0 +1,537 @@
+# Architecture
+
+Ce document décrit l'architecture globale du projet Arrhes, un système de comptabilité en partie double pour associations et entreprises françaises.
+
+## Table des matières
+
+- [Vue d'ensemble](#vue-densemble)
+- [Architecture monorepo](#architecture-monorepo)
+- [Packages](#packages)
+- [Stack technique](#stack-technique)
+- [Flux de données](#flux-de-données)
+- [Authentification](#authentification)
+- [Base de données](#base-de-données)
+
+## Vue d'ensemble
+
+Arrhes est construit sur une architecture monorepo moderne utilisant **pnpm workspaces**. Le projet est divisé en plusieurs packages indépendants mais interconnectés, chacun ayant une responsabilité spécifique.
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                      Utilisateurs                       │
+└────────────────────────────┬────────────────────────────┘
+                             │
+                  ┌──────────▼──────────┐
+                  │   @arrhes/platform  │  (Frontend React)
+                  │   Port: 5173        │
+                  └──────────┬──────────┘
+                             │
+                             │ HTTP/REST
+                             │
+                  ┌──────────▼──────────┐
+                  │    @arrhes/api      │  (Backend Hono)
+                  │   Port: 3000        │
+                  └──────────┬──────────┘
+                             │
+                 ┌───────────┼───────────┐
+                 │           │           │
+            ┌────▼────┐  ┌───▼────┐  ┌───▼────┐
+            │   DB    │  │   S3   │  │  SMTP  │
+            │ (SQL)   │  │ (File) │  │ (Mail) │
+            └─────────┘  └────────┘  └────────┘
+```
+
+## Architecture monorepo
+
+Le projet utilise **pnpm workspaces** pour gérer plusieurs packages dans un seul repository. Cette approche offre plusieurs avantages :
+
+- **Partage de code** : Les packages peuvent facilement partager du code via `@arrhes/metadata`
+- **Dépendances optimisées** : pnpm déduplique les dépendances communes
+- **Développement simplifié** : Build et développement coordonnés entre packages
+- **Versioning cohérent** : Toutes les parties du projet évoluent ensemble
+
+### Structure du workspace
+
+```
+arrhes/
+├── packages/
+│   ├── api/          # Backend API
+│   ├── platform/     # Interface utilisateur
+│   ├── metadata/     # Schémas et types partagés
+│   ├── tools/        # Outils de migration DB
+│   └── website/      # Site vitrine
+├── pnpm-workspace.yaml
+└── package.json
+```
+
+## Packages
+
+### @arrhes/api
+
+**Rôle :** Backend REST API pour toutes les opérations métier
+
+**Technologies :**
+- **Hono** : Framework web léger et performant
+- **TypeScript** : Typage statique
+- **Drizzle ORM** : ORM pour PostgreSQL
+- **Valibot** : Validation des données
+- **Nodemailer** : Envoi d'emails
+- **AWS SDK** : Stockage de fichiers (S3-compatible)
+- **Puppeteer** : Génération de PDF
+
+**Structure :**
+```
+api/src/
+├── api.ts              # Configuration de l'app Hono
+├── server.ts           # Point d'entrée du serveur
+├── clients/            # Clients pour services externes
+│   ├── sqlClient.ts
+│   ├── emailClient.ts
+│   └── storageClient.ts
+├── factories/          # Factories Hono avec types
+│   ├── apiFactory.ts
+│   ├── authFactory.ts
+│   └── publicFactory.ts
+├── middlewares/        # Middlewares d'authentification
+│   ├── authMiddleware.ts
+│   ├── publicMiddleware.ts
+│   └── userVerificationMiddleware.ts
+├── routes/             # Routes de l'API
+│   ├── auth/           # Routes authentifiées
+│   │   ├── organizations/  # Gestion organisations
+│   │   ├── settings/       # Paramètres utilisateur
+│   │   └── support/        # Support
+│   └── public/         # Routes publiques
+│       ├── signIn.ts
+│       ├── signUp.ts
+│       ├── signOut.ts
+│       └── sendMagicLink.ts
+└── utilities/          # Utilitaires
+    ├── email/          # Templates et envoi emails
+    ├── sql/            # Helpers SQL
+    ├── storage/        # Helpers S3
+    ├── cookies/        # Gestion cookies sécurisés
+    └── workspace/      # Logique métier
+```
+
+**Points d'entrée :**
+- `server.ts` : Lance le serveur HTTP
+- `api.ts` : Configure l'application Hono avec middlewares et routes
+
+**Responsabilités :**
+- Gestion de l'authentification (magic links, sessions)
+- CRUD pour toutes les entités (organisations, comptes, écritures, etc.)
+- Validation des écritures comptables
+- Génération des états financiers
+- Gestion des pièces justificatives (upload/download via S3)
+- Envoi d'emails transactionnels
+
+### @arrhes/platform
+
+**Rôle :** Interface utilisateur web pour interagir avec l'application
+
+**Technologies :**
+- **React 19** : Framework UI
+- **TanStack Router** : Routing type-safe
+- **TanStack Query** : Gestion d'état serveur et cache
+- **TanStack Table** : Tableaux de données performants
+- **TanStack Virtual** : Virtualisation pour grandes listes
+- **Radix UI** : Composants accessibles headless
+- **Tailwind CSS** : Framework CSS utility-first
+- **React Hook Form** : Gestion de formulaires
+- **Valibot** : Validation côté client
+- **Vite** : Build tool et dev server
+
+**Structure :**
+```
+platform/src/
+├── root.tsx            # Point d'entrée React
+├── index.html          # HTML principal
+├── assets/             # Ressources statiques
+│   ├── css/
+│   ├── fonts/
+│   ├── images/
+│   └── manifest/       # PWA manifest
+├── components/         # Composants réutilisables
+│   ├── buttons/
+│   ├── formats/        # Formatage de données
+│   ├── forms/
+│   ├── inputs/
+│   ├── layouts/
+│   └── overlays/       # Modals, dropdowns, tooltips
+├── contexts/           # Contexts React
+│   ├── data/           # Context de données globales
+│   ├── router/         # Configuration du router
+│   └── toasts/         # Notifications
+├── features/           # Features par domaine métier
+│   ├── authLayout.tsx
+│   ├── organizations/  # Gestion organisations
+│   ├── settings/
+│   ├── signIn/
+│   ├── signUp/
+│   └── support/
+├── routes/             # Définition des routes
+│   ├── platformRouter.tsx
+│   ├── platformTree.ts
+│   └── root/           # Routes de l'app
+└── utilities/          # Utilitaires
+    ├── postAPI.ts      # Client API
+    ├── useHTTPData.ts  # Hook pour data fetching
+    └── cookies/        # Gestion cookies
+```
+
+**Responsabilités :**
+- Interface utilisateur complète
+- Formulaires de saisie avec validation
+- Tableaux de données avec tri, filtrage, pagination
+- Visualisation des états financiers
+- Gestion des documents et pièces justificatives
+- Notifications et retours utilisateur
+
+### @arrhes/metadata
+
+**Rôle :** Package partagé contenant tous les schémas, modèles et types utilisés par l'API et la plateforme
+
+**Technologies :**
+- **Drizzle ORM** : Définition des schémas de base de données
+- **Valibot** : Schémas de validation
+- **TypeScript** : Types partagés
+
+**Structure :**
+```
+metadata/src/
+├── models/             # Modèles Drizzle ORM
+│   ├── user.ts
+│   ├── organization.ts
+│   ├── account.ts
+│   ├── journal.ts
+│   ├── record.ts       # Écritures comptables
+│   ├── recordRow.ts    # Lignes d'écriture
+│   ├── document.ts
+│   ├── attachment.ts
+│   ├── year.ts
+│   ├── balanceSheet.ts
+│   ├── incomeStatement.ts
+│   └── computation.ts
+├── schemas/            # Schémas Valibot pour validation
+│   └── [mêmes fichiers que models/]
+├── routes/             # Définitions de routes typées
+│   ├── auth/
+│   └── public/
+├── components/         # Composants métier partagés
+│   ├── models/
+│   ├── schemas/
+│   └── values/         # Valeurs par défaut et constantes
+└── utilities/          # Utilitaires
+    ├── generate.ts
+    ├── generateId.ts
+    └── routeDefinition.ts
+```
+
+**Exports :**
+```typescript
+// Utilisable par l'API et la plateforme
+import { models } from '@arrhes/metadata/models'
+import { schemas } from '@arrhes/metadata/schemas'
+import { routes } from '@arrhes/metadata/routes'
+import { generateId } from '@arrhes/metadata/utilities'
+```
+
+**Responsabilités :**
+- Définition unique des schémas de base de données
+- Validation cohérente des données entre frontend et backend
+- Types TypeScript partagés
+- Génération d'IDs uniques (nanoid)
+- Définitions de routes type-safe
+
+### @arrhes/tools
+
+**Rôle :** Outils de gestion de la base de données (migrations, seed, maintenance)
+
+**Technologies :**
+- **Drizzle Kit** : CLI pour migrations
+- **tsx** : Exécution TypeScript
+- **Postgres** : Client PostgreSQL
+
+**Scripts disponibles :**
+```bash
+# Générer les migrations depuis le schéma
+pnpm --filter tools run generate
+
+# Pousser le schéma directement vers la DB
+pnpm --filter tools run push
+
+# Appliquer les migrations
+pnpm --filter tools run migrate
+
+# Seed avec données de démonstration
+pnpm --filter tools run seed
+
+# Vider la base de données
+pnpm --filter tools run clear
+
+# Reset complet (clear + push + seed)
+pnpm --filter tools run reset
+
+# Supprimer les migrations
+pnpm --filter tools run drop
+```
+
+**Structure :**
+```
+tools/src/
+├── env.ts              # Configuration environnement
+├── schemas.ts          # Import des schémas metadata
+├── migrate.ts          # Script de migration
+├── clearDB.ts          # Script de nettoyage
+└── seed/               # Scripts de seed
+    ├── seed.ts         # Seed principal
+    ├── migration.ts    # Migrations de données
+    ├── records2022.ts  # Données exemple 2022
+    └── records2023.ts  # Données exemple 2023
+```
+
+**Responsabilités :**
+- Gestion du schéma de base de données
+- Migrations de structure et de données
+- Génération de données de test
+- Maintenance de la base de données
+
+### @arrhes/website
+
+**Rôle :** Site vitrine pour présenter l'application
+
+**Technologies :**
+- **React** : Framework UI
+- **Vite** : Build tool
+
+**Note :** Package actuellement minimal, prévu pour évoluer en site marketing/landing page.
+
+## Stack technique
+
+### Backend (API)
+
+| Composant | Technologie | Rôle |
+|-----------|-------------|------|
+| Runtime | Node.js 24.5+ | Environnement d'exécution |
+| Language | TypeScript 5.9 | Langage de programmation |
+| Framework | Hono 4.9 | Framework web minimaliste |
+| ORM | Drizzle 0.44 | Mapping objet-relationnel |
+| Validation | Valibot 1.1 | Validation de schémas |
+| Database | PostgreSQL | Base de données relationnelle |
+| Storage | AWS S3 SDK | Stockage de fichiers |
+| Email | Nodemailer 7.0 | Envoi d'emails |
+| PDF | Puppeteer 24.22 | Génération de PDF |
+
+### Frontend (Platform)
+
+| Composant | Technologie | Rôle |
+|-----------|-------------|------|
+| Framework | React 19.1 | UI framework |
+| Routing | TanStack Router 1.132 | Routing type-safe |
+| State | TanStack Query 5.90 | Server state management |
+| Tables | TanStack Table 8.21 | Data tables |
+| Virtual | TanStack Virtual 3.13 | Virtualisation listes |
+| UI | Radix UI | Composants accessibles |
+| Styling | Tailwind CSS 4.1 | CSS utility-first |
+| Forms | React Hook Form 7.63 | Gestion de formulaires |
+| Validation | Valibot 1.1 | Validation client-side |
+| Icons | Tabler Icons 3.35 | Icônes |
+| Build | Vite 7.1 | Build tool moderne |
+
+### Tooling
+
+| Outil | Version | Rôle |
+|-------|---------|------|
+| pnpm | Latest | Package manager |
+| TypeScript | 5.9 | Compilateur TypeScript |
+| ESLint | 9.36 | Linter JavaScript/TypeScript |
+| Drizzle Kit | 0.31 | Migrations de base de données |
+| tsx | 4.20 | Exécution TypeScript |
+
+## Flux de données
+
+### Authentification par Magic Link
+
+```
+1. Utilisateur entre son email
+   └─> POST /api/public/sendMagicLink
+       └─> Génération token + envoi email
+       
+2. Utilisateur clique sur le lien
+   └─> GET /api/public/signIn?token=xxx
+       └─> Validation token
+       └─> Création session
+       └─> Cookie sécurisé (httpOnly, signed)
+       └─> Redirection vers plateforme
+       
+3. Requêtes authentifiées
+   └─> Cookie envoyé automatiquement
+       └─> authMiddleware vérifie session
+       └─> Accès aux routes protégées
+```
+
+### CRUD standard
+
+```
+Platform                    API                      Database
+────────────────────────────────────────────────────────────
+1. User action
+   └─> postAPI()
+       └─> POST /api/auth/...
+           └─> authMiddleware
+               └─> Validation données (Valibot)
+                   └─> Drizzle ORM
+                       └─> SQL Query
+                           └─> PostgreSQL
+                           
+2. Response
+   ┌─ JSON
+   └─ TanStack Query cache
+      └─ Invalidation automatique
+         └─ Re-fetch et mise à jour UI
+```
+
+### Upload de fichiers
+
+```
+1. Sélection fichier
+   └─> Demande URL signée PUT
+       └─> POST /api/auth/.../generatePutSignedUrl
+           └─> S3 génère URL temporaire (expires 15min)
+           
+2. Upload direct vers S3
+   └─> PUT https://s3.../file
+       (pas de passage par l'API)
+       
+3. Sauvegarde référence
+   └─> POST /api/auth/.../attachment
+       └─> Stocke storageKey en DB
+```
+
+### Download de fichiers
+
+```
+1. Demande URL signée GET
+   └─> POST /api/auth/.../generateGetSignedUrl
+       └─> S3 génère URL temporaire (expires 1h)
+       
+2. Download direct depuis S3
+   └─> GET https://s3.../file
+       (pas de passage par l'API)
+```
+
+## Authentification
+
+### Stratégie
+
+Arrhes utilise une **authentification par magic link** (lien temporaire envoyé par email) combinée à des **sessions persistantes** côté serveur.
+
+### Flow complet
+
+1. **Inscription** (`/api/public/signUp`)
+   - Validation email + alias
+   - Hash du mot de passe (PBKDF2, 128000 itérations)
+   - Création user
+   - Envoi email de vérification
+
+2. **Connexion** (`/api/public/sendMagicLink`)
+   - Génération token de vérification unique
+   - Stockage temporaire en DB
+   - Envoi email avec lien
+
+3. **Validation** (`/api/public/signIn`)
+   - Vérification du token
+   - Création d'une session
+   - Cookie signé et httpOnly
+   - Redirection vers l'application
+
+4. **Requêtes authentifiées**
+   - Cookie envoyé automatiquement
+   - `authMiddleware` vérifie la session
+   - Charge l'utilisateur en contexte
+   - Vérifie l'appartenance à l'organisation si nécessaire
+
+5. **Déconnexion** (`/api/public/signOut`)
+   - Suppression de la session en DB
+   - Suppression du cookie
+
+### Sécurité
+
+- **Cookies signés** : Vérification de l'intégrité avec `COOKIES_KEY`
+- **httpOnly** : Protection contre XSS
+- **sameSite** : Protection contre CSRF
+- **CORS configuré** : Origine autorisée uniquement
+- **Tokens temporaires** : Expiration des magic links
+- **Hashing sécurisé** : PBKDF2 avec salt unique par utilisateur
+
+## Base de données
+
+### Schéma principal
+
+Le schéma PostgreSQL contient les tables suivantes (via Drizzle ORM) :
+
+**Utilisateurs et organisations :**
+- `user` : Utilisateurs de l'application
+- `organization` : Organisations (entreprises/associations)
+- `organizationUser` : Relation many-to-many avec rôles
+- `userSession` : Sessions actives
+
+**Comptabilité :**
+- `year` : Exercices comptables
+- `account` : Plan comptable
+- `journal` : Journaux comptables
+- `record` : Écritures comptables
+- `recordRow` : Lignes d'écriture (débit/crédit)
+- `document` : Documents comptables
+- `attachment` : Pièces justificatives
+
+**États financiers :**
+- `balanceSheet` : Configuration du bilan
+- `incomeStatement` : Configuration du compte de résultat
+- `computation` : Calculs personnalisés
+- `computationIncomeStatement` : Relation calculs/compte de résultat
+
+### Relations clés
+
+```
+organization 1──n organizationUser n──1 user
+     │
+     ├── 1──n year
+     ├── 1──n account
+     ├── 1──n journal
+     └── 1──n document
+              │
+              └── 1──n record
+                       │
+                       └── 1──n recordRow
+                                    │
+                                    └── n──1 account
+```
+
+### Migrations
+
+Les migrations sont gérées par **Drizzle Kit** :
+- Le schéma source est défini dans `@arrhes/metadata`
+- Drizzle Kit génère automatiquement les migrations SQL
+- Application via `drizzle-kit migrate` ou `push` (dev)
+
+## Diagramme de dépendances
+
+```
+@arrhes/platform ──depends on──> @arrhes/metadata
+                                        ▲
+                                        │
+@arrhes/api      ──depends on───────────┘
+                                        ▲
+                                        │
+@arrhes/tools    ──depends on───────────┘
+
+@arrhes/website  (indépendant)
+```
+
+Tous les packages dépendent de `@arrhes/metadata` pour partager les schémas, modèles et types. Cette architecture assure une cohérence totale entre le frontend et le backend.
+
+---
+
+Pour plus d'informations sur la configuration, consultez [CONFIGURATION.md](CONFIGURATION.md).
diff --git a/docs/CONFIGURATION.md b/docs/CONFIGURATION.md
new file mode 100644
index 0000000..888e3a6
--- /dev/null
+++ b/docs/CONFIGURATION.md
@@ -0,0 +1,369 @@
+# Configuration
+
+Ce document décrit toutes les variables d'environnement et les configurations nécessaires pour faire fonctionner Arrhes en développement local.
+
+## Table des matières
+
+- [Vue d'ensemble](#vue-densemble)
+- [Variables d'environnement - API](#variables-denvironnement---api)
+- [Variables d'environnement - Tools](#variables-denvironnement---tools)
+- [Configuration PostgreSQL](#configuration-postgresql)
+- [Configuration S3 (Stockage)](#configuration-s3-stockage)
+- [Configuration SMTP (Email)](#configuration-smtp-email)
+- [Exemples de configuration](#exemples-de-configuration)
+- [Sécurité](#sécurité)
+
+## Vue d'ensemble
+
+Arrhes nécessite deux fichiers de configuration `.env` :
+
+1. **`packages/api/.env`** : Configuration du backend API
+2. **`packages/tools/.env`** : Configuration des outils de base de données
+
+Ces fichiers ne sont **pas versionnés** (`.gitignore`) pour des raisons de sécurité.
+
+## Variables d'environnement - API
+
+Fichier : `packages/api/.env`
+
+### Environnement général
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `ENV` | `"development"` \| `"production"` | Environnement d'exécution | `development` |
+| `VERBOSE` | `"true"` \| `"false"` | Mode verbeux (logs détaillés) | `true` |
+| `PORT` | `string` | Port d'écoute du serveur | `3000` |
+
+### CORS et Cookies
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `CORS_ORIGIN` | `string` | Origines autorisées (séparées par virgule) | `http://localhost:5173` |
+| `COOKIES_DOMAIN` | `string` | Domaine des cookies | `localhost` |
+| `COOKIES_KEY` | `string` | Clé secrète pour signer les cookies (min 32 chars) | `your-super-secret-key-min-32-characters-long` |
+
+### URLs des services
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `API_BASE_URL` | `string` | URL de base de l'API | `http://localhost:3000` |
+| `PLATFORM_BASE_URL` | `string` | URL de la plateforme frontend | `http://localhost:5173` |
+| `WEBSITE_BASE_URL` | `string` | URL du site vitrine | `http://localhost:5174` |
+
+### Base de données
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `SQL_DATABASE_URL` | `string` | URL de connexion PostgreSQL | `postgres://user:password@localhost:5432/arrhes` |
+
+### Stockage S3
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `STORAGE_ENDPOINT` | `string` | Endpoint S3 (ou compatible) | `http://localhost:9000` (MinIO) |
+| `STORAGE_NAME` | `string` | Nom du bucket S3 | `arrhes-files` |
+| `STORAGE_ACCESS_KEY` | `string` | Clé d'accès S3 | `minioadmin` |
+| `STORAGE_SECRET_KEY` | `string` | Clé secrète S3 | `minioadmin` |
+
+### Email SMTP
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `EMAIL_ENDPOINT` | `string` | Serveur SMTP | `smtp.gmail.com` |
+| `EMAIL_USER` | `string` | Utilisateur SMTP | `your-email@gmail.com` |
+| `EMAIL_PASSWORD` | `string` | Mot de passe ou app password SMTP | `your-app-password` |
+
+## Variables d'environnement - Tools
+
+Fichier : `packages/tools/.env`
+
+| Variable | Type | Description | Exemple |
+|----------|------|-------------|---------|
+| `DATABASE_URL` | `string` | URL de connexion PostgreSQL | `postgres://user:password@localhost:5432/arrhes` |
+
+**Note :** Cette variable doit être identique à `SQL_DATABASE_URL` de l'API.
+
+## Configuration PostgreSQL
+
+### Installation
+
+**Ubuntu/Debian :**
+```bash
+sudo apt update
+sudo apt install postgresql postgresql-contrib
+```
+
+**macOS (Homebrew) :**
+```bash
+brew install postgresql@16
+brew services start postgresql@16
+```
+
+**Windows :**
+Télécharger l'installeur depuis [postgresql.org](https://www.postgresql.org/download/windows/)
+
+### Création de la base de données
+
+```bash
+# Se connecter à PostgreSQL
+sudo -u postgres psql
+
+# Créer un utilisateur
+CREATE USER arrhes_user WITH PASSWORD 'your-secure-password';
+
+# Créer la base de données
+CREATE DATABASE arrhes OWNER arrhes_user;
+
+# Donner tous les privilèges
+GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
+
+# Quitter
+\q
+```
+
+### URL de connexion
+
+Format : `postgres://[user]:[password]@[host]:[port]/[database]`
+
+Exemple : `postgres://arrhes_user:your-secure-password@localhost:5432/arrhes`
+
+### Vérification de la connexion
+
+```bash
+psql postgres://arrhes_user:your-secure-password@localhost:5432/arrhes
+```
+
+## Configuration S3 (Stockage)
+
+Le système de stockage utilise l'API AWS S3 mais fonctionne avec n'importe quel service compatible S3.
+
+### Option 1 : MinIO (Développement local recommandé)
+
+**Installation avec Docker :**
+```bash
+docker run -d \
+  -p 9000:9000 \
+  -p 9001:9001 \
+  --name minio \
+  -e "MINIO_ROOT_USER=minioadmin" \
+  -e "MINIO_ROOT_PASSWORD=minioadmin" \
+  -v ~/minio/data:/data \
+  quay.io/minio/minio server /data --console-address ":9001"
+```
+
+**Configuration :**
+```env
+STORAGE_ENDPOINT=http://localhost:9000
+STORAGE_NAME=arrhes-files
+STORAGE_ACCESS_KEY=minioadmin
+STORAGE_SECRET_KEY=minioadmin
+```
+
+**Création du bucket :**
+1. Accéder à la console MinIO : http://localhost:9001
+2. Se connecter avec `minioadmin` / `minioadmin`
+3. Créer un bucket nommé `arrhes-files`
+4. Configurer la politique en lecture/écriture si nécessaire
+
+### Option 2 : AWS S3 (Production)
+
+**Configuration :**
+```env
+STORAGE_ENDPOINT=https://s3.eu-west-3.amazonaws.com
+STORAGE_NAME=your-bucket-name
+STORAGE_ACCESS_KEY=YOUR_AWS_ACCESS_KEY
+STORAGE_SECRET_KEY=YOUR_AWS_SECRET_KEY
+```
+
+**Prérequis :**
+- Créer un bucket S3 dans votre région
+- Créer un utilisateur IAM avec les permissions S3 appropriées
+- Générer des clés d'accès pour cet utilisateur
+
+### Option 3 : Autre service compatible S3
+
+Cloudflare R2, DigitalOcean Spaces, Scaleway Object Storage, etc. sont également compatibles.
+
+## Configuration SMTP (Email)
+
+L'application envoie des emails pour :
+- Magic links d'authentification
+- Notifications importantes
+- Invitations d'utilisateurs
+
+### Option 1 : Gmail (Développement)
+
+**Configuration :**
+```env
+EMAIL_ENDPOINT=smtp.gmail.com
+EMAIL_USER=your-email@gmail.com
+EMAIL_PASSWORD=your-app-specific-password
+```
+
+**Étapes :**
+1. Activer l'authentification à deux facteurs sur votre compte Google
+2. Générer un "mot de passe d'application" : https://myaccount.google.com/apppasswords
+3. Utiliser ce mot de passe dans `EMAIL_PASSWORD`
+
+### Option 2 : Services SMTP dédiés
+
+**Brevo (ex-Sendinblue) :**
+```env
+EMAIL_ENDPOINT=smtp-relay.brevo.com
+EMAIL_USER=your-email@example.com
+EMAIL_PASSWORD=your-smtp-key
+```
+
+**SendGrid :**
+```env
+EMAIL_ENDPOINT=smtp.sendgrid.net
+EMAIL_USER=apikey
+EMAIL_PASSWORD=your-sendgrid-api-key
+```
+
+**Mailgun :**
+```env
+EMAIL_ENDPOINT=smtp.mailgun.org
+EMAIL_USER=postmaster@your-domain.mailgun.org
+EMAIL_PASSWORD=your-smtp-password
+```
+
+### Option 3 : Serveur SMTP local (Test)
+
+Pour tester sans envoyer de vrais emails, utilisez [MailHog](https://github.com/mailhog/MailHog) :
+
+```bash
+# Avec Docker
+docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+```
+
+```env
+EMAIL_ENDPOINT=localhost:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
+```
+
+Interface web disponible sur http://localhost:8025
+
+## Exemples de configuration
+
+### Configuration complète - Développement local
+
+**`packages/api/.env` :**
+```env
+# Environnement
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS et Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=my-super-secret-development-key-at-least-32-chars
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Base de données
+SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+
+# Stockage MinIO
+STORAGE_ENDPOINT=http://localhost:9000
+STORAGE_NAME=arrhes-files
+STORAGE_ACCESS_KEY=minioadmin
+STORAGE_SECRET_KEY=minioadmin
+
+# Email (MailHog pour test)
+EMAIL_ENDPOINT=localhost:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
+```
+
+**`packages/tools/.env` :**
+```env
+DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+```
+
+### Configuration avec services externes
+
+**`packages/api/.env` :**
+```env
+# Environnement
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS et Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=generate-a-strong-random-key-here-minimum-32-characters
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Base de données (PostgreSQL hébergé)
+SQL_DATABASE_URL=postgres://user:pass@db.provider.com:5432/arrhes
+
+# Stockage AWS S3
+STORAGE_ENDPOINT=https://s3.eu-west-3.amazonaws.com
+STORAGE_NAME=my-arrhes-bucket
+STORAGE_ACCESS_KEY=AKIAIOSFODNN7EXAMPLE
+STORAGE_SECRET_KEY=wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY
+
+# Email (Gmail)
+EMAIL_ENDPOINT=smtp.gmail.com
+EMAIL_USER=myemail@gmail.com
+EMAIL_PASSWORD=abcd efgh ijkl mnop
+```
+
+## Sécurité
+
+### Bonnes pratiques
+
+1. **Ne jamais commiter les fichiers `.env`**
+   - Vérifiez que `.env` est dans `.gitignore`
+   - Utilisez des templates `.env.example` sans valeurs sensibles
+
+2. **Générer des secrets forts**
+   ```bash
+   # Générer une clé aléatoire pour COOKIES_KEY
+   openssl rand -base64 32
+   ```
+
+3. **Permissions de fichiers**
+   ```bash
+   # Restreindre l'accès aux fichiers .env
+   chmod 600 packages/api/.env
+   chmod 600 packages/tools/.env
+   ```
+
+4. **Variables séparées par environnement**
+   - Dev : `.env.development`
+   - Production : `.env.production`
+   - Ne jamais mélanger les credentials
+
+5. **Rotation des secrets**
+   - Changez régulièrement `COOKIES_KEY`
+   - Renouvelez les clés API et mots de passe
+   - Révoquez les accès inutilisés
+
+### Vérification de la configuration
+
+Pour vérifier que toutes les variables sont correctement définies, l'API affichera une erreur au démarrage si des variables sont manquantes ou invalides (validation via Valibot dans `getEnv.ts`).
+
+### Valeurs recommandées
+
+| Variable | Recommandation |
+|----------|----------------|
+| `COOKIES_KEY` | Minimum 32 caractères aléatoires |
+| `SQL_DATABASE_URL` | Connexion SSL en production (`?sslmode=require`) |
+| `STORAGE_*` | Credentials avec permissions minimales (lecture/écriture bucket uniquement) |
+| `EMAIL_*` | Utiliser des app passwords, pas le mot de passe principal |
+
+---
+
+Pour poursuivre l'installation, consultez [DEVELOPMENT.md](DEVELOPMENT.md).
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
new file mode 100644
index 0000000..0ba7cd9
--- /dev/null
+++ b/docs/CONTRIBUTING.md
@@ -0,0 +1,520 @@
+# Guide de contribution
+
+Merci de votre intérêt pour contribuer à Arrhes ! Ce document explique comment participer au développement du projet.
+
+## Table des matières
+
+- [Code de conduite](#code-de-conduite)
+- [Comment contribuer](#comment-contribuer)
+- [Configuration de l'environnement](#configuration-de-lenvironnement)
+- [Standards de code](#standards-de-code)
+- [Convention de commits](#convention-de-commits)
+- [Process de pull request](#process-de-pull-request)
+- [Tests](#tests)
+- [Code review](#code-review)
+- [Signaler un bug](#signaler-un-bug)
+- [Proposer une fonctionnalité](#proposer-une-fonctionnalité)
+
+## Code de conduite
+
+En participant à ce projet, vous vous engagez à maintenir un environnement respectueux et inclusif. Nous attendons de tous les contributeurs :
+
+- Respect et courtoisie envers les autres contributeurs
+- Ouverture d'esprit face aux critiques constructives
+- Concentration sur ce qui est le mieux pour la communauté
+- Empathie envers les autres membres de la communauté
+
+Les comportements inacceptables incluent le harcèlement, les insultes, et tout comportement discriminatoire.
+
+## Comment contribuer
+
+Il existe plusieurs façons de contribuer à Arrhes :
+
+### 🐛 Signaler des bugs
+Ouvrez une issue sur GitHub avec le label `bug`
+
+### 💡 Proposer des fonctionnalités
+Ouvrez une issue sur GitHub avec le label `enhancement`
+
+### 📝 Améliorer la documentation
+La documentation est aussi importante que le code !
+
+### 💻 Contribuer du code
+Suivez le process décrit dans ce document
+
+### 🌍 Traductions
+Aidez à traduire l'application dans d'autres langues
+
+### 🎨 Design et UX
+Proposez des améliorations d'interface
+
+## Configuration de l'environnement
+
+Avant de commencer à contribuer, configurez votre environnement de développement :
+
+1. **Fork le repository** sur votre compte GitHub
+
+2. **Cloner votre fork**
+   ```bash
+   git clone https://github.com/votre-username/arrhes.git
+   cd arrhes
+   ```
+
+3. **Ajouter le repository principal comme remote**
+   ```bash
+   git remote add upstream https://github.com/arrhes/arrhes.git
+   ```
+
+4. **Installer les dépendances**
+   ```bash
+   pnpm install
+   ```
+
+5. **Configurer l'environnement**
+   Suivez les instructions dans [DEVELOPMENT.md](DEVELOPMENT.md)
+
+6. **Créer une branche pour votre contribution**
+   ```bash
+   git checkout -b feature/ma-fonctionnalite
+   # ou
+   git checkout -b fix/mon-correctif
+   ```
+
+## Standards de code
+
+### TypeScript
+
+- **Utiliser TypeScript strict** : Pas de `any`, sauf exception justifiée
+- **Typage explicite** pour les fonctions publiques
+- **Interfaces vs Types** : Préférer `type` pour les objets simples, `interface` pour l'extension
+
+**Bon exemple :**
+```typescript
+type User = {
+  id: string
+  email: string
+  alias: string
+}
+
+function createUser(data: { email: string, alias: string }): User {
+  return {
+    id: generateId(),
+    ...data,
+  }
+}
+```
+
+**Mauvais exemple :**
+```typescript
+function createUser(data: any) {  // ❌ any
+  return {
+    id: generateId(),
+    ...data,
+  }
+}
+```
+
+### Naming conventions
+
+- **Variables et fonctions** : `camelCase`
+- **Types et interfaces** : `PascalCase`
+- **Constantes** : `UPPER_SNAKE_CASE` (si vraiment constante)
+- **Fichiers** : `camelCase.ts`
+- **Composants React** : `PascalCase.tsx`
+
+```typescript
+// Variables et fonctions
+const userName = 'John'
+function getUserById(id: string) { }
+
+// Types
+type UserProfile = { }
+interface ApiResponse { }
+
+// Constantes
+const MAX_RETRY_COUNT = 3
+
+// Fichiers
+// api/routes/auth/userProfile.ts
+// platform/components/buttons/PrimaryButton.tsx
+```
+
+### Structure du code
+
+**Ordre des imports :**
+```typescript
+// 1. Imports de packages externes
+import { Hono } from 'hono'
+import * as v from 'valibot'
+
+// 2. Imports de workspace packages
+import { models } from '@arrhes/metadata/models'
+import { schemas } from '@arrhes/metadata/schemas'
+
+// 3. Imports relatifs du package actuel
+import { authFactory } from '#/factories/authFactory.js'
+import { validate } from '#/utilities/validate.js'
+```
+
+**Ordre dans les fichiers :**
+```typescript
+// 1. Imports
+import { ... } from '...'
+
+// 2. Types et interfaces
+type MyType = { }
+
+// 3. Constantes
+const MY_CONSTANT = 'value'
+
+// 4. Fonctions/composants
+export function myFunction() { }
+
+// 5. Export par défaut (si applicable)
+export default MyComponent
+```
+
+### ESLint
+
+Le projet utilise ESLint pour maintenir la qualité du code.
+
+**Vérifier le linting :**
+```bash
+pnpm --filter platform run lint
+```
+
+**Fix automatique :**
+```bash
+pnpm --filter platform run lint --fix
+```
+
+**Configuration :**
+- ESLint est configuré pour TypeScript et React
+- Les règles sont définies dans `packages/platform/eslint.config.js`
+
+### Formatage
+
+**Indentation :** 4 espaces (pas de tabs)
+
+**Longueur de ligne :** Pas de limite stricte, mais restez raisonnable (~120 caractères)
+
+**Points-virgules :** Non requis (sauf cas spécifiques)
+
+**Quotes :** Simples `'` ou doubles `"` (soyez cohérent dans un fichier)
+
+**Trailing commas :** Oui pour les objets et arrays multilignes
+
+```typescript
+const user = {
+    id: '123',
+    name: 'John',
+    email: 'john@example.com',  // trailing comma
+}
+```
+
+### React
+
+**Composants fonctionnels uniquement**
+```typescript
+export function MyComponent() {
+  return <div>Hello</div>
+}
+```
+
+**Hooks en début de composant**
+```typescript
+export function MyComponent() {
+  // Hooks en premier
+  const [state, setState] = useState()
+  const query = useQuery()
+  
+  // Puis logique
+  const handleClick = () => { }
+  
+  // Puis render
+  return <div>...</div>
+}
+```
+
+**Props destructurées**
+```typescript
+export function MyComponent({ title, description, onClose }: MyComponentProps) {
+  return <div>{title}</div>
+}
+```
+
+**Éviter les inline styles** (utiliser Tailwind CSS)
+```typescript
+// ✅ Bon
+<div className="flex items-center gap-2">
+
+// ❌ Éviter
+<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+```
+
+## Convention de commits
+
+Nous utilisons une convention de commits inspirée de [Conventional Commits](https://www.conventionalcommits.org/).
+
+### Format
+
+```
+<type>(<scope>): <description>
+
+[corps optionnel]
+
+[footer optionnel]
+```
+
+### Types
+
+- `feat` : Nouvelle fonctionnalité
+- `fix` : Correction de bug
+- `docs` : Documentation uniquement
+- `style` : Formatage, points-virgules manquants, etc.
+- `refactor` : Refactoring sans changement de fonctionnalité
+- `perf` : Amélioration de performance
+- `test` : Ajout ou correction de tests
+- `chore` : Maintenance, dépendances, etc.
+
+### Scopes (optionnel)
+
+- `api` : Backend
+- `platform` : Frontend
+- `metadata` : Package metadata
+- `tools` : Outils de base de données
+- `docs` : Documentation
+
+### Exemples
+
+```bash
+# Nouvelle fonctionnalité
+git commit -m "feat(platform): add dark mode toggle"
+
+# Correction de bug
+git commit -m "fix(api): correct balance calculation in income statement"
+
+# Documentation
+git commit -m "docs: update installation instructions"
+
+# Refactoring
+git commit -m "refactor(api): extract email templates to separate files"
+
+# Maintenance
+git commit -m "chore(deps): update drizzle to v0.45"
+```
+
+### Description
+
+- Utiliser l'impératif ("add" et non "added" ou "adds")
+- Pas de majuscule au début
+- Pas de point à la fin
+- Maximum 72 caractères
+
+### Corps du commit (optionnel)
+
+Pour les changements complexes, ajoutez un corps explicatif :
+
+```
+feat(api): add export to Excel functionality
+
+Implement Excel export for financial statements using ExcelJS library.
+Users can now export balance sheets and income statements.
+
+- Add ExcelJS dependency
+- Create export utility functions
+- Add export routes for both statement types
+- Update documentation
+```
+
+## Process de pull request
+
+### 1. Vérifier avant de soumettre
+
+```bash
+# Vérifier que tout compile
+pnpm run build
+
+# Vérifier le linting (pour platform)
+pnpm --filter platform run lint
+
+# Tester manuellement les changements
+pnpm run dev
+```
+
+### 2. Mettre à jour votre branche
+
+```bash
+# Récupérer les derniers changements
+git fetch upstream
+git rebase upstream/main
+```
+
+### 3. Pousser votre branche
+
+```bash
+git push origin feature/ma-fonctionnalite
+```
+
+### 4. Créer la pull request
+
+Sur GitHub :
+1. Cliquez sur "New Pull Request"
+2. Sélectionnez votre branche
+3. Remplissez le template de PR :
+
+```markdown
+## Description
+Brève description des changements
+
+## Type de changement
+- [ ] Bug fix
+- [ ] Nouvelle fonctionnalité
+- [ ] Breaking change
+- [ ] Documentation
+
+## Checklist
+- [ ] Mon code suit les standards du projet
+- [ ] J'ai commenté les parties complexes
+- [ ] J'ai mis à jour la documentation si nécessaire
+- [ ] Mes changements ne génèrent pas de nouveaux warnings
+- [ ] J'ai testé localement
+
+## Screenshots (si applicable)
+```
+
+### 5. Attendre la review
+
+- Un mainteneur reviewera votre PR
+- Répondez aux commentaires et effectuez les modifications demandées
+- Une fois approuvée, votre PR sera mergée
+
+## Tests
+
+Actuellement, le projet n'a pas de suite de tests automatisés. Les contributions pour ajouter des tests sont bienvenues !
+
+### Tests manuels requis
+
+Avant de soumettre une PR, testez manuellement :
+
+1. **Fonctionnalité ajoutée/modifiée** : Vérifiez qu'elle fonctionne comme prévu
+2. **Régressions** : Vérifiez que vous n'avez rien cassé
+3. **Cas limites** : Testez les edge cases (valeurs vides, très grandes, etc.)
+4. **Différents navigateurs** : Chrome, Firefox, Safari (si frontend)
+
+### Tests futurs
+
+Nous prévoyons d'ajouter :
+- Tests unitaires (Vitest)
+- Tests d'intégration (Playwright)
+- Tests E2E (Playwright)
+
+Les contributions dans ce sens sont encouragées !
+
+## Code review
+
+### Pour les reviewers
+
+- Soyez constructif et respectueux
+- Expliquez le "pourquoi" de vos suggestions
+- Distinguez les suggestions obligatoires des optionnelles
+- Approuvez si les changements sont satisfaisants
+
+### Pour les auteurs de PR
+
+- Ne prenez pas les commentaires personnellement
+- Répondez à tous les commentaires (même avec "Done" ou "Fixed")
+- Demandez des clarifications si nécessaire
+- Remerciez les reviewers pour leur temps
+
+## Signaler un bug
+
+Pour signaler un bug, ouvrez une issue sur GitHub avec :
+
+### Titre
+Résumé clair et concis du problème
+
+### Description
+- **Description du bug** : Que se passe-t-il ?
+- **Comportement attendu** : Que devrait-il se passer ?
+- **Étapes pour reproduire** :
+  1. Aller sur '...'
+  2. Cliquer sur '...'
+  3. Voir l'erreur
+- **Screenshots** : Si applicable
+- **Environnement** :
+  - OS : [ex: Ubuntu 22.04]
+  - Navigateur : [ex: Chrome 120]
+  - Version Node.js : [ex: 24.5.0]
+  - Version : [ex: commit SHA ou release]
+
+### Exemple
+
+```markdown
+**Description**
+Le calcul du compte de résultat affiche des montants négatifs incorrects.
+
+**Comportement attendu**
+Les charges doivent apparaître en positif et être soustraites du résultat.
+
+**Étapes pour reproduire**
+1. Créer un exercice comptable
+2. Ajouter des écritures de charges
+3. Consulter le compte de résultat
+4. Observer que les montants sont négatifs
+
+**Screenshots**
+[capture d'écran]
+
+**Environnement**
+- OS: macOS 14.2
+- Navigateur: Firefox 121
+- Version: commit abc123
+```
+
+## Proposer une fonctionnalité
+
+Pour proposer une nouvelle fonctionnalité, ouvrez une issue sur GitHub avec :
+
+### Titre
+Description claire de la fonctionnalité
+
+### Description
+- **Problème à résoudre** : Quel besoin cette fonctionnalité comble-t-elle ?
+- **Solution proposée** : Comment voyez-vous cette fonctionnalité ?
+- **Alternatives considérées** : Avez-vous pensé à d'autres approches ?
+- **Contexte supplémentaire** : Captures d'écran, exemples d'autres apps, etc.
+
+### Exemple
+
+```markdown
+**Problème**
+Les utilisateurs ne peuvent pas exporter les données comptables pour les traiter dans Excel.
+
+**Solution proposée**
+Ajouter un bouton "Exporter en Excel" sur chaque état financier qui génère un fichier .xlsx avec les données formatées.
+
+**Alternatives considérées**
+- Export CSV : Moins convivial mais plus simple à implémenter
+- Export PDF : Déjà disponible, mais pas éditable
+
+**Contexte**
+Plusieurs utilisateurs ont demandé cette fonctionnalité pour faire des analyses complémentaires.
+```
+
+## Ressources additionnelles
+
+- [Documentation d'architecture](ARCHITECTURE.md)
+- [Guide de développement](DEVELOPMENT.md)
+- [Configuration](CONFIGURATION.md)
+- [Issues GitHub](https://github.com/arrhes/arrhes/issues)
+- [Discussions GitHub](https://github.com/arrhes/arrhes/discussions)
+
+## Questions ?
+
+Si vous avez des questions sur la contribution, n'hésitez pas à :
+- Ouvrir une discussion sur GitHub
+- Contacter les mainteneurs
+- Consulter les issues et PR existantes
+
+Merci de contribuer à Arrhes ! 🎉
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
new file mode 100644
index 0000000..c210a85
--- /dev/null
+++ b/docs/DEVELOPMENT.md
@@ -0,0 +1,643 @@
+# Guide de développement
+
+Ce document vous guidera pour installer, configurer et développer Arrhes sur votre machine locale.
+
+## Table des matières
+
+- [Prérequis](#prérequis)
+- [Installation](#installation)
+- [Configuration](#configuration)
+- [Initialisation de la base de données](#initialisation-de-la-base-de-données)
+- [Lancement en développement](#lancement-en-développement)
+- [Structure du projet](#structure-du-projet)
+- [Scripts disponibles](#scripts-disponibles)
+- [Workflow de développement](#workflow-de-développement)
+- [Debugging](#debugging)
+- [Conseils](#conseils)
+
+## Prérequis
+
+Avant de commencer, assurez-vous d'avoir installé les outils suivants :
+
+### Node.js et pnpm
+
+- **Node.js** : Version 24.5 ou supérieure
+  ```bash
+  node --version  # Devrait afficher v24.5.x ou supérieur
+  ```
+  
+  Installation : https://nodejs.org/
+
+- **pnpm** : Version 9 ou supérieure
+  ```bash
+  pnpm --version
+  ```
+  
+  Installation :
+  ```bash
+  npm install -g pnpm
+  # ou
+  curl -fsSL https://get.pnpm.io/install.sh | sh -
+  ```
+
+### PostgreSQL
+
+- **PostgreSQL** : Version 14 ou supérieure recommandée
+  ```bash
+  psql --version
+  ```
+
+  **Installation :**
+  
+  **Ubuntu/Debian :**
+  ```bash
+  sudo apt update
+  sudo apt install postgresql postgresql-contrib
+  sudo systemctl start postgresql
+  ```
+
+  **macOS :**
+  ```bash
+  brew install postgresql@16
+  brew services start postgresql@16
+  ```
+
+  **Windows :**
+  Télécharger depuis https://www.postgresql.org/download/windows/
+
+### Services optionnels (pour développement complet)
+
+- **Docker** (pour MinIO et MailHog) : https://www.docker.com/get-started
+- Ou configurez des services S3 et SMTP alternatifs
+
+## Installation
+
+### 1. Cloner le repository
+
+```bash
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+```
+
+### 2. Installer les dépendances
+
+```bash
+pnpm install
+```
+
+Cette commande installera toutes les dépendances de tous les packages du monorepo.
+
+### 3. Vérifier l'installation
+
+```bash
+pnpm ls --depth=0
+```
+
+Vous devriez voir tous les packages workspace listés.
+
+## Configuration
+
+### 1. Créer la base de données PostgreSQL
+
+```bash
+# Se connecter à PostgreSQL
+sudo -u postgres psql
+
+# Dans le shell PostgreSQL :
+CREATE USER arrhes_user WITH PASSWORD 'arrhes_password';
+CREATE DATABASE arrhes OWNER arrhes_user;
+GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
+\q
+```
+
+### 2. Configurer les services externes (optionnel)
+
+#### MinIO (Stockage de fichiers)
+
+```bash
+# Lancer MinIO avec Docker
+docker run -d \
+  -p 9000:9000 \
+  -p 9001:9001 \
+  --name minio \
+  -e "MINIO_ROOT_USER=minioadmin" \
+  -e "MINIO_ROOT_PASSWORD=minioadmin" \
+  -v ~/minio/data:/data \
+  quay.io/minio/minio server /data --console-address ":9001"
+
+# Accéder à la console : http://localhost:9001
+# Créer un bucket nommé "arrhes-files"
+```
+
+#### MailHog (Test d'emails)
+
+```bash
+# Lancer MailHog avec Docker
+docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+
+# Interface web : http://localhost:8025
+```
+
+### 3. Créer les fichiers de configuration
+
+**`packages/api/.env` :**
+
+```bash
+cd packages/api
+cat > .env << 'EOF'
+# Environnement
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS et Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=development-secret-key-change-in-production-min-32-chars
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Base de données
+SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+
+# Stockage MinIO
+STORAGE_ENDPOINT=http://localhost:9000
+STORAGE_NAME=arrhes-files
+STORAGE_ACCESS_KEY=minioadmin
+STORAGE_SECRET_KEY=minioadmin
+
+# Email MailHog
+EMAIL_ENDPOINT=localhost:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
+EOF
+cd ../..
+```
+
+**`packages/tools/.env` :**
+
+```bash
+cd packages/tools
+cat > .env << 'EOF'
+DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+EOF
+cd ../..
+```
+
+Pour plus de détails sur la configuration, consultez [CONFIGURATION.md](CONFIGURATION.md).
+
+## Initialisation de la base de données
+
+### 1. Pousser le schéma vers la base de données
+
+```bash
+pnpm --filter tools run push
+```
+
+Cette commande crée toutes les tables nécessaires dans PostgreSQL à partir des schémas définis dans `@arrhes/metadata`.
+
+### 2. Seed avec des données de démonstration
+
+```bash
+pnpm --filter tools run seed
+```
+
+Cette commande insère :
+- Un utilisateur de démonstration : `demo@arrhes.com` / `demo`
+- Une organisation exemple : "Arrhes"
+- Des comptes comptables de base
+- Des journaux
+- Des écritures comptables d'exemple pour 2022 et 2023
+- Des documents et états financiers
+
+### 3. Réinitialiser la base (si nécessaire)
+
+Pour tout supprimer et recommencer :
+
+```bash
+pnpm --filter tools run reset
+```
+
+Cette commande exécute : `clear` + `push` + `seed`
+
+## Lancement en développement
+
+### Option 1 : Tout lancer ensemble (recommandé)
+
+```bash
+pnpm run dev
+```
+
+Cette commande lance simultanément :
+- **API** sur http://localhost:3000
+- **Platform** sur http://localhost:5173
+
+Les deux processus tournent en parallèle avec hot-reload activé.
+
+### Option 2 : Lancer individuellement
+
+Dans des terminaux séparés :
+
+**Terminal 1 - API :**
+```bash
+pnpm --filter api run dev
+```
+
+**Terminal 2 - Platform :**
+```bash
+pnpm --filter platform run dev
+```
+
+**Terminal 3 - Metadata (optionnel, watch mode) :**
+```bash
+pnpm --filter metadata run dev
+```
+
+### Accès à l'application
+
+- **Frontend** : http://localhost:5173
+- **API** : http://localhost:3000
+- **MinIO Console** : http://localhost:9001 (si configuré)
+- **MailHog** : http://localhost:8025 (si configuré)
+
+### Identifiants de démonstration
+
+```
+Email    : demo@arrhes.com
+Password : demo
+```
+
+## Structure du projet
+
+```
+arrhes/
+├── packages/
+│   ├── api/                    # Backend API
+│   │   ├── src/
+│   │   │   ├── api.ts         # Configuration Hono
+│   │   │   ├── server.ts      # Point d'entrée
+│   │   │   ├── clients/       # Clients services externes
+│   │   │   ├── factories/     # Factories Hono typées
+│   │   │   ├── middlewares/   # Auth, validation, etc.
+│   │   │   ├── routes/        # Routes API
+│   │   │   │   ├── auth/      # Routes authentifiées
+│   │   │   │   └── public/    # Routes publiques
+│   │   │   └── utilities/     # Utilitaires
+│   │   ├── .env               # Variables d'environnement
+│   │   ├── package.json
+│   │   └── tsconfig.json
+│   │
+│   ├── platform/               # Frontend React
+│   │   ├── src/
+│   │   │   ├── root.tsx       # Point d'entrée React
+│   │   │   ├── index.html     # HTML principal
+│   │   │   ├── assets/        # CSS, fonts, images
+│   │   │   ├── components/    # Composants UI réutilisables
+│   │   │   ├── contexts/      # React contexts
+│   │   │   ├── features/      # Features par domaine
+│   │   │   ├── routes/        # Définition routes
+│   │   │   └── utilities/     # Utilitaires
+│   │   ├── package.json
+│   │   ├── tsconfig.json
+│   │   └── vite.config.ts
+│   │
+│   ├── metadata/               # Schémas et types partagés
+│   │   ├── src/
+│   │   │   ├── models/        # Modèles Drizzle ORM
+│   │   │   ├── schemas/       # Schémas Valibot
+│   │   │   ├── routes/        # Définitions routes API
+│   │   │   ├── components/    # Composants métier
+│   │   │   └── utilities/     # Utilitaires
+│   │   ├── package.json
+│   │   └── tsconfig.json
+│   │
+│   ├── tools/                  # Outils base de données
+│   │   ├── src/
+│   │   │   ├── clearDB.ts     # Vider la DB
+│   │   │   ├── migrate.ts     # Migrations
+│   │   │   ├── schemas.ts     # Import schémas
+│   │   │   └── seed/          # Scripts de seed
+│   │   ├── .env               # Variables d'environnement
+│   │   ├── drizzle.config.ts  # Config Drizzle Kit
+│   │   ├── package.json
+│   │   └── tsconfig.json
+│   │
+│   └── website/                # Site vitrine
+│       ├── src/
+│       ├── package.json
+│       └── vite.config.ts
+│
+├── docs/                       # Documentation
+│   ├── ARCHITECTURE.md
+│   ├── CONFIGURATION.md
+│   ├── DEVELOPMENT.md
+│   └── CONTRIBUTING.md
+│
+├── pnpm-workspace.yaml         # Configuration workspace
+├── package.json                # Scripts racine
+├── tsconfig.json               # Config TypeScript globale
+├── LICENSE
+└── README.md
+```
+
+## Scripts disponibles
+
+### Scripts racine (depuis `/`)
+
+```bash
+# Lancer API + Platform en développement
+pnpm run dev
+
+# Builder tous les packages
+pnpm run build
+```
+
+### Scripts API (`packages/api/`)
+
+```bash
+# Développement avec hot-reload
+pnpm --filter api run dev
+
+# Build pour production
+pnpm --filter api run build
+
+# Lancer en production (après build)
+pnpm --filter api run start
+```
+
+### Scripts Platform (`packages/platform/`)
+
+```bash
+# Développement avec hot-reload
+pnpm --filter platform run dev
+
+# Build pour production
+pnpm --filter platform run build
+
+# Linter
+pnpm --filter platform run lint
+```
+
+### Scripts Metadata (`packages/metadata/`)
+
+```bash
+# Build avec watch mode
+pnpm --filter metadata run dev
+
+# Build une fois
+pnpm --filter metadata run build
+```
+
+### Scripts Tools (`packages/tools/`)
+
+```bash
+# Générer les migrations depuis le schéma
+pnpm --filter tools run generate
+
+# Pousser le schéma vers la DB (dev)
+pnpm --filter tools run push
+
+# Appliquer les migrations (production)
+pnpm --filter tools run migrate
+
+# Seed avec données de démo
+pnpm --filter tools run seed
+
+# Vider complètement la DB
+pnpm --filter tools run clear
+
+# Reset complet : clear + push + seed
+pnpm --filter tools run reset
+
+# Supprimer les migrations
+pnpm --filter tools run drop
+```
+
+## Workflow de développement
+
+### Développement typique
+
+1. **Lancer les services externes**
+   ```bash
+   # PostgreSQL (si pas démarré)
+   sudo systemctl start postgresql
+   
+   # MinIO (si arrêté)
+   docker start minio
+   
+   # MailHog (si arrêté)
+   docker start [container-id]
+   ```
+
+2. **Lancer l'application**
+   ```bash
+   pnpm run dev
+   ```
+
+3. **Développer avec hot-reload**
+   - Modifications dans `packages/api/src/` → Rechargement automatique de l'API
+   - Modifications dans `packages/platform/src/` → HMR (Hot Module Replacement)
+   - Modifications dans `packages/metadata/src/` → Nécessite rebuild (ou mode watch)
+
+### Modifier le schéma de base de données
+
+1. **Modifier les modèles** dans `packages/metadata/src/models/`
+
+2. **Rebuild metadata**
+   ```bash
+   pnpm --filter metadata run build
+   ```
+
+3. **Générer la migration** (optionnel, pour production)
+   ```bash
+   pnpm --filter tools run generate
+   ```
+
+4. **Appliquer les changements**
+   ```bash
+   # Développement : push direct
+   pnpm --filter tools run push
+   
+   # Production : migrations
+   pnpm --filter tools run migrate
+   ```
+
+5. **Mettre à jour le seed** si nécessaire dans `packages/tools/src/seed/`
+
+### Ajouter une nouvelle route API
+
+1. **Créer la définition de route** dans `packages/metadata/src/routes/`
+   ```typescript
+   // packages/metadata/src/routes/auth/myFeature.ts
+   import { routeDefinition } from '#src/utilities/routeDefinition.js'
+   import * as v from 'valibot'
+   
+   export const myFeatureRoute = routeDefinition({
+       path: '/api/auth/my-feature',
+       paramsSchema: v.object({ /* ... */ }),
+       bodySchema: v.object({ /* ... */ }),
+       responseSchema: v.object({ /* ... */ }),
+   })
+   ```
+
+2. **Créer l'implémentation** dans `packages/api/src/routes/auth/`
+   ```typescript
+   // packages/api/src/routes/auth/myFeature.ts
+   import { myFeatureRoute } from '@arrhes/metadata/routes'
+   import { authFactory } from '#/factories/authFactory.js'
+   
+   export const myFeature = authFactory.createApp().post(
+       myFeatureRoute.path,
+       async (c) => {
+           // Implémentation
+           return c.json({ /* ... */ })
+       }
+   )
+   ```
+
+3. **Enregistrer la route** dans `packages/api/src/routes/routes.ts`
+
+4. **Utiliser côté frontend** dans `packages/platform/src/utilities/postAPI.ts`
+
+### Ajouter une nouvelle page
+
+1. **Créer le composant** dans `packages/platform/src/features/`
+
+2. **Définir la route** dans `packages/platform/src/routes/root/`
+
+3. **Mettre à jour le tree** dans `packages/platform/src/routes/platformTree.ts`
+
+4. **Ajouter la navigation** si nécessaire dans les layouts
+
+## Debugging
+
+### API (Backend)
+
+**Logs verbeux :**
+```env
+VERBOSE=true
+```
+
+**Debugger Node.js :**
+
+Modifier `packages/api/package.json` :
+```json
+{
+  "scripts": {
+    "dev:debug": "tsx watch --inspect --env-file=.env ./src/server.ts"
+  }
+}
+```
+
+Lancer :
+```bash
+pnpm --filter api run dev:debug
+```
+
+Attacher le debugger dans VS Code avec cette configuration (`.vscode/launch.json`) :
+```json
+{
+  "type": "node",
+  "request": "attach",
+  "name": "Attach to API",
+  "port": 9229,
+  "skipFiles": ["<node_internals>/**"]
+}
+```
+
+### Platform (Frontend)
+
+**Console du navigateur :**
+- Ouvrir DevTools (F12)
+- Voir les erreurs, warnings, et logs
+
+**React DevTools :**
+- Installer l'extension React DevTools
+- Inspecter les composants et leur state
+
+**TanStack Query DevTools :**
+Déjà intégré dans l'application, visible en bas de l'écran en mode dev.
+
+### Base de données
+
+**Inspecter la DB :**
+```bash
+psql postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+```
+
+**Commandes SQL utiles :**
+```sql
+-- Lister les tables
+\dt
+
+-- Voir le schéma d'une table
+\d table_name
+
+-- Compter les enregistrements
+SELECT COUNT(*) FROM users;
+
+-- Voir les derniers enregistrements
+SELECT * FROM users ORDER BY "createdAt" DESC LIMIT 10;
+```
+
+**Drizzle Studio** (GUI pour visualiser la DB) :
+```bash
+pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
+```
+
+## Conseils
+
+### Performance
+
+- **Hot-reload lent ?** Redémarrez le serveur de développement
+- **Build lent ?** Vérifiez que Node.js est à jour
+- **pnpm lent ?** Nettoyez le cache : `pnpm store prune`
+
+### Problèmes courants
+
+**"Cannot connect to database" :**
+- Vérifiez que PostgreSQL est démarré
+- Testez la connexion : `psql <DATABASE_URL>`
+- Vérifiez les credentials dans `.env`
+
+**"Module not found @arrhes/metadata" :**
+- Rebuild metadata : `pnpm --filter metadata run build`
+- Ou lancez en mode watch : `pnpm --filter metadata run dev`
+
+**"CORS error" :**
+- Vérifiez `CORS_ORIGIN` dans `packages/api/.env`
+- Assurez-vous que l'URL correspond exactement
+
+**"Cookie not set" :**
+- Vérifiez `COOKIES_DOMAIN` (doit être `localhost` en dev)
+- Vérifiez que l'API et la platform sont sur le même domaine
+
+**"S3/Storage error" :**
+- Vérifiez que MinIO est démarré : `docker ps`
+- Vérifiez que le bucket existe
+- Testez l'endpoint : `curl http://localhost:9000`
+
+### Bonnes pratiques
+
+1. **Commits atomiques** : Un commit = une fonctionnalité/fix
+2. **Messages de commit clairs** : Suivez les conventions (voir CONTRIBUTING.md)
+3. **Tester avant de commit** : Vérifiez que tout fonctionne
+4. **Suivre les patterns existants** : Regardez le code existant pour rester cohérent
+5. **Documenter les changements** : Commentaires pour la logique complexe
+
+### Ressources utiles
+
+- **Hono** : https://hono.dev/
+- **Drizzle ORM** : https://orm.drizzle.team/
+- **Valibot** : https://valibot.dev/
+- **TanStack Router** : https://tanstack.com/router/
+- **TanStack Query** : https://tanstack.com/query/
+- **Radix UI** : https://www.radix-ui.com/
+- **Tailwind CSS** : https://tailwindcss.com/
+
+---
+
+Pour contribuer au projet, consultez [CONTRIBUTING.md](CONTRIBUTING.md).

From b643d054ee91545574d7705a3d63bd2189f68e4b Mon Sep 17 00:00:00 2001
From: Etienne Santoul <30403047+esantoul@users.noreply.github.com>
Date: Fri, 21 Nov 2025 13:36:41 +0100
Subject: [PATCH 02/25] feat(dev): add dev container and docker compose setup

Add Dev Container configuration for VS Code/Cursor with automatic
environment setup. Add Docker Compose configuration for PostgreSQL,
MinIO, and MailHog services. Update documentation to include three
development options: Dev Container, Docker Compose, and native setup.

- Add .devcontainer configuration (Dockerfile, devcontainer.json, post-create.sh)
- Add docker-compose.yml with PostgreSQL, MinIO, and MailHog services
- Add .dockerignore for Docker builds
- Update README.md with Dev Container quick start guide
- Update docs/DEVELOPMENT.md with environment choice section
- Update docs/CONFIGURATION.md with Docker Compose options
- Update docs/CONTRIBUTING.md with Dev Container instructions
- Add .pnpm-store to .gitignore
- Add # alias to platform vite.config.ts
---
 .devcontainer/Dockerfile         |  20 ++
 .devcontainer/README.md          | 193 ++++++++++++++
 .devcontainer/devcontainer.json  | 118 +++++++++
 .devcontainer/post-create.sh     |  95 +++++++
 .dockerignore                    |  54 ++++
 .gitignore                       |   2 +
 README.md                        |  71 +++++-
 docker-compose.yml               |  78 ++++++
 docs/CONFIGURATION.md            | 230 ++++++++++++++---
 docs/CONTRIBUTING.md             |  41 ++-
 docs/DEVELOPMENT.md              | 423 +++++++++++++++++++++++++++----
 packages/platform/vite.config.ts |   1 +
 12 files changed, 1220 insertions(+), 106 deletions(-)
 create mode 100644 .devcontainer/Dockerfile
 create mode 100644 .devcontainer/README.md
 create mode 100644 .devcontainer/devcontainer.json
 create mode 100644 .devcontainer/post-create.sh
 create mode 100644 .dockerignore
 create mode 100644 docker-compose.yml

diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
new file mode 100644
index 0000000..3451d5f
--- /dev/null
+++ b/.devcontainer/Dockerfile
@@ -0,0 +1,20 @@
+ARG NODE_VERSION=24
+FROM mcr.microsoft.com/devcontainers/typescript-node:${NODE_VERSION}
+
+# Installer pnpm globalement
+RUN npm install -g pnpm
+
+# Installer des outils utiles
+RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+    && apt-get -y install --no-install-recommends \
+    postgresql-client \
+    curl \
+    vim \
+    && apt-get clean -y && rm -rf /var/lib/apt/lists/*
+
+# Configurer le workspace
+WORKDIR /workspace
+
+# Note: Les dépendances seront installées via postCreateCommand
+# car le workspace sera monté depuis le host
+
diff --git a/.devcontainer/README.md b/.devcontainer/README.md
new file mode 100644
index 0000000..f82711d
--- /dev/null
+++ b/.devcontainer/README.md
@@ -0,0 +1,193 @@
+# Dev Container Configuration
+
+Ce répertoire contient la configuration pour développer Arrhes dans un Dev Container (VS Code/Cursor).
+
+## Qu'est-ce qu'un Dev Container ?
+
+Un Dev Container est un environnement de développement complet qui s'exécute dans un container Docker. Il offre :
+- Une configuration d'environnement reproductible
+- Tous les outils nécessaires préinstallés
+- Les extensions d'éditeur recommandées
+- Un onboarding instantané pour les nouveaux contributeurs
+
+## Fichiers
+
+### `devcontainer.json`
+Fichier de configuration principal qui définit :
+- Le container de développement à utiliser
+- Les ports à exposer
+- Les extensions VS Code/Cursor à installer
+- Les commandes à exécuter lors de la création/démarrage du container
+- Les paramètres de l'éditeur
+
+### `Dockerfile`
+Définit l'image Docker pour le container de développement :
+- Basé sur l'image officielle Microsoft Node.js + TypeScript
+- Installe pnpm globalement
+- Installe les outils CLI utiles (PostgreSQL client, curl, vim)
+
+### `post-create.sh`
+Script exécuté automatiquement après la création du container :
+1. Installe les dépendances pnpm
+2. Crée les fichiers `.env` avec les bonnes valeurs
+3. Attend que PostgreSQL soit prêt
+4. Initialise le schéma de base de données
+5. Insère les données de démonstration
+
+## Utilisation
+
+### Première utilisation
+
+1. Ouvrir le projet dans VS Code/Cursor
+2. Cliquer sur "Reopen in Container" quand demandé
+3. Attendre que le container se construise et se configure (2-5 minutes)
+4. Lancer `pnpm run dev`
+
+### Utilisation quotidienne
+
+Le container conserve son état entre les sessions. Lors de la réouverture :
+1. Le container redémarre (quelques secondes)
+2. Les services (PostgreSQL, MinIO, MailHog) se relancent automatiquement
+3. Vous pouvez directement lancer `pnpm run dev`
+
+### Rebuild du container
+
+Si vous modifiez les fichiers de configuration du Dev Container :
+
+**Via VS Code/Cursor :**
+- `Cmd/Ctrl + Shift + P`
+- "Dev Containers: Rebuild Container"
+
+**Via CLI :**
+```bash
+docker-compose build devcontainer
+```
+
+## Services inclus
+
+Tous les services sont automatiquement démarrés et configurés :
+
+| Service | URL/Port | Credentials |
+|---------|----------|-------------|
+| PostgreSQL | `postgres:5432` | `arrhes_user` / `arrhes_password` |
+| MinIO API | `minio:9000` | `minioadmin` / `minioadmin` |
+| MinIO Console | http://localhost:9001 | `minioadmin` / `minioadmin` |
+| MailHog SMTP | `mailhog:1025` | - |
+| MailHog Web | http://localhost:8025 | - |
+
+**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`, `minio`, `mailhog`) plutôt que `localhost`.
+
+## Extensions installées
+
+Le Dev Container installe automatiquement :
+- **ESLint** : Linting JavaScript/TypeScript
+- **Prettier** : Formatage de code
+- **GitLens** : Git amélioré
+- **Tailwind CSS IntelliSense** : Autocomplétion Tailwind
+- **ES7+ React/Redux snippets** : Snippets React
+- **SQLTools** + **PostgreSQL Driver** : Client PostgreSQL intégré
+- **Docker** : Gestion des containers
+- **Error Lens** : Affichage des erreurs inline
+- **Path Intellisense** : Autocomplétion des chemins
+- **Code Spell Checker** : Vérification orthographique
+
+## Configuration de l'éditeur
+
+Le Dev Container applique automatiquement les paramètres suivants :
+- Format on save activé (Prettier)
+- ESLint fix on save
+- TypeScript workspace version
+- Tab size: 4 espaces
+- EOL: LF (Unix)
+
+## Personnalisation
+
+### Ajouter une extension
+
+Éditez `.devcontainer/devcontainer.json` :
+```json
+{
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        // ... extensions existantes
+        "publisher.extension-name"
+      ]
+    }
+  }
+}
+```
+
+Puis rebuild le container.
+
+### Modifier la configuration
+
+Pour personnaliser :
+- **Environnement** : Modifiez `Dockerfile`
+- **Extensions/Settings** : Modifiez `devcontainer.json`
+- **Setup initial** : Modifiez `post-create.sh`
+
+Après toute modification, pensez à rebuild le container.
+
+## Troubleshooting
+
+### Le container ne démarre pas
+```bash
+# Voir les logs du container
+docker logs arrhes-devcontainer-1
+
+# Rebuild depuis zéro
+docker-compose down -v
+docker-compose build --no-cache devcontainer
+```
+
+### PostgreSQL n'est pas prêt
+```bash
+# Vérifier l'état de PostgreSQL
+docker-compose ps postgres
+
+# Voir les logs
+docker-compose logs postgres
+
+# Redémarrer PostgreSQL
+docker-compose restart postgres
+```
+
+### Les dépendances ne s'installent pas
+```bash
+# Dans le terminal du Dev Container
+rm -rf node_modules
+pnpm install
+```
+
+### Réinitialiser complètement
+```bash
+# Fermer VS Code/Cursor
+# Depuis votre machine locale :
+docker-compose down -v
+# Réouvrir le projet dans le Dev Container
+```
+
+## Performance
+
+**Volumes bindés :**
+Le projet utilise des volumes "cached" pour de meilleures performances sur macOS/Windows.
+
+**WSL2 (Windows) :**
+Pour de meilleures performances, clonez le projet dans le filesystem WSL2 :
+```bash
+# Dans WSL2
+cd ~
+git clone https://github.com/arrhes/arrhes.git
+code arrhes
+```
+
+**macOS :**
+Les volumes Docker peuvent être lents. Si vous rencontrez des problèmes de performance, envisagez l'option Docker Compose (sans Dev Container) pour un développement natif.
+
+## Ressources
+
+- [Dev Containers documentation](https://containers.dev/)
+- [VS Code Dev Containers](https://code.visualstudio.com/docs/devcontainers/containers)
+- [Docker Compose documentation](https://docs.docker.com/compose/)
+
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..8cacfda
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,118 @@
+{
+  "name": "Arrhes Development",
+  "dockerComposeFile": "../docker-compose.yml",
+  "service": "devcontainer",
+  "workspaceFolder": "/workspace",
+
+  // Monter le workspace
+  "mounts": [
+    "source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=cached"
+  ],
+
+  // Exposer les ports pour accéder aux services
+  "forwardPorts": [
+    3000,  // API
+    5173,  // Platform (Vite)
+    5432,  // PostgreSQL
+    9000,  // MinIO API
+    9001,  // MinIO Console
+    1025,  // MailHog SMTP
+    8025   // MailHog Web UI
+  ],
+
+  // Labels pour les ports
+  "portsAttributes": {
+    "3000": {
+      "label": "API",
+      "onAutoForward": "notify"
+    },
+    "5173": {
+      "label": "Platform",
+      "onAutoForward": "openBrowser"
+    },
+    "9001": {
+      "label": "MinIO Console",
+      "onAutoForward": "ignore"
+    },
+    "8025": {
+      "label": "MailHog Web",
+      "onAutoForward": "ignore"
+    }
+  },
+
+  // Extensions VS Code/Cursor recommandées
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        // TypeScript
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        
+        // Git
+        "eamodio.gitlens",
+        
+        // Développement
+        "bradlc.vscode-tailwindcss",
+        "formulahendry.auto-rename-tag",
+        "dsznajder.es7-react-js-snippets",
+        
+        // Base de données
+        "mtxr.sqltools",
+        "mtxr.sqltools-driver-pg",
+        
+        // Docker
+        "ms-azuretools.vscode-docker",
+        
+        // Utilitaires
+        "usernamehw.errorlens",
+        "christian-kohler.path-intellisense",
+        "streetsidesoftware.code-spell-checker"
+      ],
+      "settings": {
+        "typescript.tsdk": "node_modules/typescript/lib",
+        "typescript.enablePromptUseWorkspaceTsdk": true,
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "explicit"
+        },
+        "files.eol": "\n",
+        "terminal.integrated.defaultProfile.linux": "bash",
+        "[typescript]": {
+          "editor.defaultFormatter": "esbenp.prettier-vscode"
+        },
+        "[typescriptreact]": {
+          "editor.defaultFormatter": "esbenp.prettier-vscode"
+        }
+      }
+    }
+  },
+
+  // Commandes post-création du container
+  "postCreateCommand": "bash .devcontainer/post-create.sh",
+  
+  // Commande post-démarrage (vide pour éviter les erreurs avec docker-compose)
+  "postStartCommand": "",
+
+  // Fonctionnalités à ajouter
+  "features": {
+    "ghcr.io/devcontainers/features/common-utils:2": {
+      "installZsh": true,
+      "installOhMyZsh": true,
+      "configureZshAsDefaultShell": true,
+      "username": "node"
+    },
+    "ghcr.io/devcontainers/features/git:1": {
+      "version": "latest"
+    }
+  },
+
+  // Utilisateur non-root
+  "remoteUser": "node",
+
+  // Variables d'environnement
+  "remoteEnv": {
+    "NODE_ENV": "development"
+  }
+}
+
diff --git a/.devcontainer/post-create.sh b/.devcontainer/post-create.sh
new file mode 100644
index 0000000..f84e5ce
--- /dev/null
+++ b/.devcontainer/post-create.sh
@@ -0,0 +1,95 @@
+#!/bin/bash
+set -e
+
+echo "🚀 Configuration de l'environnement de développement Arrhes..."
+
+# Installer les dépendances si nécessaire
+if [ ! -d "node_modules" ]; then
+    echo "📦 Installation des dépendances..."
+    pnpm install
+else
+    echo "✅ Dépendances déjà installées"
+fi
+
+# Build les packages nécessaires (metadata doit être compilé avant tools)
+echo "🔨 Compilation des packages..."
+pnpm --filter @arrhes/metadata run build
+
+# Créer les fichiers .env s'ils n'existent pas
+if [ ! -f "packages/api/.env" ]; then
+    echo "⚙️  Création de packages/api/.env..."
+    cat > packages/api/.env << 'EOF'
+# Environnement
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS et Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=development-secret-key-change-in-production-min-32-chars
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Base de données (Docker Compose)
+SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@postgres:5432/arrhes
+
+# Stockage MinIO (Docker Compose)
+STORAGE_ENDPOINT=http://minio:9000
+STORAGE_NAME=arrhes-files
+STORAGE_ACCESS_KEY=minioadmin
+STORAGE_SECRET_KEY=minioadmin
+
+# Email MailHog (Docker Compose)
+EMAIL_ENDPOINT=mailhog:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
+EOF
+else
+    echo "✅ packages/api/.env existe déjà"
+fi
+
+if [ ! -f "packages/tools/.env" ]; then
+    echo "⚙️  Création de packages/tools/.env..."
+    cat > packages/tools/.env << 'EOF'
+DATABASE_URL=postgres://arrhes_user:arrhes_password@postgres:5432/arrhes
+EOF
+else
+    echo "✅ packages/tools/.env existe déjà"
+fi
+
+# Attendre que PostgreSQL soit prêt
+echo "⏳ Attente du démarrage de PostgreSQL..."
+until pg_isready -h postgres -U arrhes_user; do
+    sleep 1
+done
+echo "✅ PostgreSQL est prêt"
+
+# Initialiser la base de données
+echo "🗄️  Initialisation de la base de données..."
+pnpm --filter tools run push
+
+# Seed avec des données de démonstration
+echo "🌱 Insertion des données de démonstration..."
+pnpm --filter tools run seed
+
+echo ""
+echo "✨ Configuration terminée !"
+echo ""
+echo "Pour démarrer le développement, lancez :"
+echo "  pnpm run dev"
+echo ""
+echo "Services disponibles :"
+echo "  - API : http://localhost:3000"
+echo "  - Platform : http://localhost:5173"
+echo "  - MinIO Console : http://localhost:9001"
+echo "  - MailHog : http://localhost:8025"
+echo ""
+echo "Identifiants de démonstration :"
+echo "  Email : demo@arrhes.com"
+echo "  Mot de passe : demo"
+echo ""
+
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..df87d9b
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,54 @@
+# Git
+.git
+.gitignore
+
+# Dependencies
+node_modules
+**/node_modules
+
+# Build outputs
+build
+**/build
+dist
+**/dist
+*.tsbuildinfo
+
+# Environment files
+.env
+**/.env
+.env.*
+**/.env.*
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# IDE
+.vscode
+.idea
+*.swp
+*.swo
+*~
+.DS_Store
+
+# Testing
+coverage
+.nyc_output
+
+# Misc
+.cache
+*.tgz
+.npmrc
+.continue
+.dev
+.old
+
+# Docker
+Dockerfile
+docker-compose.yml
+.dockerignore
+
diff --git a/.gitignore b/.gitignore
index 0a523f4..5fb0e1a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,4 +10,6 @@ build
 .vscode
 
 pnpm-lock.yaml
+.pnpm-store
+
 *.tsbuildinfo
\ No newline at end of file
diff --git a/README.md b/README.md
index 12b13c4..2121aae 100644
--- a/README.md
+++ b/README.md
@@ -39,13 +39,62 @@ Arrhes est une solution complète de comptabilité conçue spécifiquement pour
 
 ## Démarrage rapide
 
-### Prérequis
+### Option 1 : Dev Container 🚀 (Le plus simple)
 
-- Node.js 24.5+ 
-- pnpm
-- PostgreSQL
+Prérequis : Docker, VS Code ou Cursor avec l'extension Dev Containers
 
-### Installation
+```bash
+# Cloner le repository
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+
+# Ouvrir dans VS Code/Cursor
+code .
+
+# Cliquer sur "Reopen in Container" quand demandé
+# Ou : Cmd/Ctrl+Shift+P > "Dev Containers: Reopen in Container"
+
+# L'environnement se configure automatiquement !
+# Une fois prêt, lancer l'application :
+pnpm run dev
+```
+
+Tout est configuré automatiquement : Node.js, pnpm, PostgreSQL, MinIO, MailHog, et les données de démonstration !
+
+### Option 2 : Avec Docker Compose 🐳
+
+Prérequis : Node.js 24.5+, pnpm, Docker
+
+```bash
+# Cloner le repository
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+
+# Installer les dépendances
+pnpm install
+
+# Lancer les services (PostgreSQL, MinIO, MailHog)
+docker-compose up -d
+
+# Créer le bucket MinIO
+# Accéder à http://localhost:9001 (minioadmin / minioadmin)
+# Créer un bucket nommé "arrhes-files"
+
+# Configurer les variables d'environnement
+# Créer packages/api/.env et packages/tools/.env
+# (voir la documentation complète)
+
+# Initialiser la base de données
+pnpm --filter tools run push
+pnpm --filter tools run seed
+
+# Lancer l'application
+pnpm run dev
+```
+
+### Option 3 : Installation native
+
+Prérequis : Node.js 24.5+, pnpm, PostgreSQL
 
 ```bash
 # Cloner le repository
@@ -55,10 +104,12 @@ cd arrhes
 # Installer les dépendances
 pnpm install
 
+# Créer la base de données PostgreSQL
+# (voir la documentation complète)
+
 # Configurer les variables d'environnement
-cp packages/api/.env.example packages/api/.env
-cp packages/tools/.env.example packages/tools/.env
-# Éditer les fichiers .env avec vos valeurs
+# Créer packages/api/.env et packages/tools/.env
+# (voir la documentation complète)
 
 # Initialiser la base de données
 pnpm --filter tools run push
@@ -68,10 +119,12 @@ pnpm --filter tools run seed
 pnpm run dev
 ```
 
-L'API sera accessible sur le port configuré (par défaut `http://localhost:3000`) et la plateforme sur `http://localhost:5173`.
+L'API sera accessible sur `http://localhost:3000` et la plateforme sur `http://localhost:5173`.
 
 **Identifiants de démonstration :** `demo@arrhes.com` / `demo`
 
+**Pour plus de détails, consultez le [Guide de développement](docs/DEVELOPMENT.md).**
+
 ## Documentation
 
 - 📚 [Architecture](docs/ARCHITECTURE.md) - Vue d'ensemble de l'architecture et du stack technique
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..aee6cee
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,78 @@
+version: '3.8'
+
+services:
+  # Container de développement (pour Dev Containers)
+  devcontainer:
+    build:
+      context: .
+      dockerfile: .devcontainer/Dockerfile
+      args:
+        NODE_VERSION: "24"
+    volumes:
+      - .:/workspace:cached
+    command: sleep infinity
+    depends_on:
+      - postgres
+      - minio
+      - mailhog
+    network_mode: service:postgres
+
+  # Base de données PostgreSQL
+  postgres:
+    image: postgres:16-alpine
+    container_name: arrhes-postgres
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: arrhes_user
+      POSTGRES_PASSWORD: arrhes_password
+      POSTGRES_DB: arrhes
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U arrhes_user -d arrhes"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Stockage S3 compatible (MinIO)
+  minio:
+    image: quay.io/minio/minio:latest
+    container_name: arrhes-minio
+    restart: unless-stopped
+    command: server /data --console-address ":9001"
+    environment:
+      MINIO_ROOT_USER: minioadmin
+      MINIO_ROOT_PASSWORD: minioadmin
+    ports:
+      - "9000:9000"  # API
+      - "9001:9001"  # Console web
+    volumes:
+      - minio_data:/data
+    healthcheck:
+      test: ["CMD", "mc", "ready", "local"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Serveur SMTP de test (MailHog)
+  mailhog:
+    image: mailhog/mailhog:latest
+    container_name: arrhes-mailhog
+    restart: unless-stopped
+    ports:
+      - "1025:1025"  # SMTP
+      - "8025:8025"  # Interface web
+    healthcheck:
+      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:8025"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+volumes:
+  postgres_data:
+    name: arrhes_postgres_data
+  minio_data:
+    name: arrhes_minio_data
+
diff --git a/docs/CONFIGURATION.md b/docs/CONFIGURATION.md
index 888e3a6..861bd29 100644
--- a/docs/CONFIGURATION.md
+++ b/docs/CONFIGURATION.md
@@ -22,6 +22,18 @@ Arrhes nécessite deux fichiers de configuration `.env` :
 
 Ces fichiers ne sont **pas versionnés** (`.gitignore`) pour des raisons de sécurité.
 
+### Approches de configuration
+
+**Option 1 : Avec Docker Compose (Recommandé) 🐳**
+
+Le fichier `docker-compose.yml` à la racine du projet lance automatiquement PostgreSQL, MinIO et MailHog avec des valeurs par défaut prêtes à l'emploi. Cette option simplifie grandement la configuration.
+
+**Option 2 : Installation native**
+
+Vous installez et configurez manuellement chaque service sur votre machine.
+
+Ce document couvre les deux approches.
+
 ## Variables d'environnement - API
 
 Fichier : `packages/api/.env`
@@ -85,12 +97,47 @@ Fichier : `packages/tools/.env`
 
 ## Configuration PostgreSQL
 
-### Installation
+### Option 1 : Avec Docker Compose (Recommandé) 🐳
+
+Aucune installation manuelle requise ! Le fichier `docker-compose.yml` configure automatiquement PostgreSQL.
+
+**Lancer PostgreSQL :**
+```bash
+docker-compose up -d postgres
+```
+
+**Configuration par défaut :**
+- **Host** : `localhost`
+- **Port** : `5432`
+- **Database** : `arrhes`
+- **User** : `arrhes_user`
+- **Password** : `arrhes_password`
+- **URL** : `postgres://arrhes_user:arrhes_password@localhost:5432/arrhes`
+
+**Vérification de la connexion :**
+```bash
+psql postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+```
+
+**Commandes utiles :**
+```bash
+# Voir les logs
+docker-compose logs postgres
+
+# Redémarrer
+docker-compose restart postgres
+
+# Arrêter
+docker-compose stop postgres
+```
+
+### Option 2 : Installation native
 
 **Ubuntu/Debian :**
 ```bash
 sudo apt update
 sudo apt install postgresql postgresql-contrib
+sudo systemctl start postgresql
 ```
 
 **macOS (Homebrew) :**
@@ -102,8 +149,7 @@ brew services start postgresql@16
 **Windows :**
 Télécharger l'installeur depuis [postgresql.org](https://www.postgresql.org/download/windows/)
 
-### Création de la base de données
-
+**Création de la base de données :**
 ```bash
 # Se connecter à PostgreSQL
 sudo -u postgres psql
@@ -121,14 +167,13 @@ GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
 \q
 ```
 
-### URL de connexion
+**URL de connexion :**
 
 Format : `postgres://[user]:[password]@[host]:[port]/[database]`
 
 Exemple : `postgres://arrhes_user:your-secure-password@localhost:5432/arrhes`
 
-### Vérification de la connexion
-
+**Vérification de la connexion :**
 ```bash
 psql postgres://arrhes_user:your-secure-password@localhost:5432/arrhes
 ```
@@ -137,21 +182,23 @@ psql postgres://arrhes_user:your-secure-password@localhost:5432/arrhes
 
 Le système de stockage utilise l'API AWS S3 mais fonctionne avec n'importe quel service compatible S3.
 
-### Option 1 : MinIO (Développement local recommandé)
+### Option 1 : Avec Docker Compose (Recommandé) 🐳
 
-**Installation avec Docker :**
+Le fichier `docker-compose.yml` lance automatiquement MinIO.
+
+**Lancer MinIO :**
 ```bash
-docker run -d \
-  -p 9000:9000 \
-  -p 9001:9001 \
-  --name minio \
-  -e "MINIO_ROOT_USER=minioadmin" \
-  -e "MINIO_ROOT_PASSWORD=minioadmin" \
-  -v ~/minio/data:/data \
-  quay.io/minio/minio server /data --console-address ":9001"
+docker-compose up -d minio
 ```
 
-**Configuration :**
+**Configuration par défaut :**
+- **Endpoint** : `http://localhost:9000`
+- **Console** : http://localhost:9001
+- **Access Key** : `minioadmin`
+- **Secret Key** : `minioadmin`
+- **Bucket** : `arrhes-files` (à créer)
+
+**Variables d'environnement :**
 ```env
 STORAGE_ENDPOINT=http://localhost:9000
 STORAGE_NAME=arrhes-files
@@ -160,12 +207,46 @@ STORAGE_SECRET_KEY=minioadmin
 ```
 
 **Création du bucket :**
-1. Accéder à la console MinIO : http://localhost:9001
+
+Via l'interface web :
+1. Accéder à http://localhost:9001
 2. Se connecter avec `minioadmin` / `minioadmin`
-3. Créer un bucket nommé `arrhes-files`
-4. Configurer la politique en lecture/écriture si nécessaire
+3. Cliquer sur "Buckets" > "Create Bucket"
+4. Nommer le bucket `arrhes-files`
+
+Ou via la ligne de commande :
+```bash
+docker exec arrhes-minio mc alias set local http://localhost:9000 minioadmin minioadmin
+docker exec arrhes-minio mc mb local/arrhes-files
+docker exec arrhes-minio mc anonymous set public local/arrhes-files
+```
+
+**Commandes utiles :**
+```bash
+# Voir les logs
+docker-compose logs minio
+
+# Redémarrer
+docker-compose restart minio
+```
+
+### Option 2 : MinIO standalone (sans Docker Compose)
+
+**Installation avec Docker :**
+```bash
+docker run -d \
+  -p 9000:9000 \
+  -p 9001:9001 \
+  --name minio \
+  -e "MINIO_ROOT_USER=minioadmin" \
+  -e "MINIO_ROOT_PASSWORD=minioadmin" \
+  -v ~/minio/data:/data \
+  quay.io/minio/minio server /data --console-address ":9001"
+```
 
-### Option 2 : AWS S3 (Production)
+Suivez ensuite les mêmes étapes de création de bucket que ci-dessus.
+
+### Option 3 : AWS S3 (Production)
 
 **Configuration :**
 ```env
@@ -191,7 +272,52 @@ L'application envoie des emails pour :
 - Notifications importantes
 - Invitations d'utilisateurs
 
-### Option 1 : Gmail (Développement)
+### Option 1 : Avec Docker Compose (Recommandé pour le développement) 🐳
+
+Le fichier `docker-compose.yml` lance automatiquement MailHog, un serveur SMTP de test.
+
+**Lancer MailHog :**
+```bash
+docker-compose up -d mailhog
+```
+
+**Configuration par défaut :**
+- **SMTP** : `localhost:1025`
+- **Interface web** : http://localhost:8025
+
+**Variables d'environnement :**
+```env
+EMAIL_ENDPOINT=localhost:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
+```
+
+**Interface web :**
+Accédez à http://localhost:8025 pour voir tous les emails envoyés par l'application.
+
+**Avantages :**
+- Aucun email réel n'est envoyé
+- Visualisation de tous les emails
+- Idéal pour le développement et les tests
+
+**Commandes utiles :**
+```bash
+# Voir les logs
+docker-compose logs mailhog
+
+# Redémarrer
+docker-compose restart mailhog
+```
+
+### Option 2 : MailHog standalone (sans Docker Compose)
+
+```bash
+docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+```
+
+Utilisez la même configuration que ci-dessus.
+
+### Option 3 : Gmail (Test avec vrais emails)
 
 **Configuration :**
 ```env
@@ -205,7 +331,7 @@ EMAIL_PASSWORD=your-app-specific-password
 2. Générer un "mot de passe d'application" : https://myaccount.google.com/apppasswords
 3. Utiliser ce mot de passe dans `EMAIL_PASSWORD`
 
-### Option 2 : Services SMTP dédiés
+### Option 4 : Services SMTP dédiés (Production)
 
 **Brevo (ex-Sendinblue) :**
 ```env
@@ -228,26 +354,58 @@ EMAIL_USER=postmaster@your-domain.mailgun.org
 EMAIL_PASSWORD=your-smtp-password
 ```
 
-### Option 3 : Serveur SMTP local (Test)
+## Exemples de configuration
+
+### Configuration avec Docker Compose 🐳 (Recommandé)
 
-Pour tester sans envoyer de vrais emails, utilisez [MailHog](https://github.com/mailhog/MailHog) :
+Cette configuration utilise tous les services lancés par `docker-compose.yml`.
 
+**Étape 1 : Lancer les services**
 ```bash
-# Avec Docker
-docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+docker-compose up -d
 ```
 
+**Étape 2 : `packages/api/.env`**
 ```env
+# Environnement
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS et Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=development-secret-key-change-in-production-min-32-chars
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Base de données (Docker Compose)
+SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+
+# Stockage MinIO (Docker Compose)
+STORAGE_ENDPOINT=http://localhost:9000
+STORAGE_NAME=arrhes-files
+STORAGE_ACCESS_KEY=minioadmin
+STORAGE_SECRET_KEY=minioadmin
+
+# Email MailHog (Docker Compose)
 EMAIL_ENDPOINT=localhost:1025
 EMAIL_USER=test
 EMAIL_PASSWORD=test
 ```
 
-Interface web disponible sur http://localhost:8025
+**Étape 3 : `packages/tools/.env`**
+```env
+DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+```
 
-## Exemples de configuration
+**Étape 4 : Créer le bucket MinIO**
+Accédez à http://localhost:9001 (minioadmin / minioadmin) et créez un bucket `arrhes-files`.
 
-### Configuration complète - Développement local
+### Configuration native (PostgreSQL local + MinIO Docker)
 
 **`packages/api/.env` :**
 ```env
@@ -266,16 +424,16 @@ API_BASE_URL=http://localhost:3000
 PLATFORM_BASE_URL=http://localhost:5173
 WEBSITE_BASE_URL=http://localhost:5174
 
-# Base de données
-SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+# Base de données (PostgreSQL local)
+SQL_DATABASE_URL=postgres://arrhes_user:your-password@localhost:5432/arrhes
 
-# Stockage MinIO
+# Stockage MinIO (Docker standalone)
 STORAGE_ENDPOINT=http://localhost:9000
 STORAGE_NAME=arrhes-files
 STORAGE_ACCESS_KEY=minioadmin
 STORAGE_SECRET_KEY=minioadmin
 
-# Email (MailHog pour test)
+# Email (MailHog Docker standalone)
 EMAIL_ENDPOINT=localhost:1025
 EMAIL_USER=test
 EMAIL_PASSWORD=test
@@ -283,10 +441,10 @@ EMAIL_PASSWORD=test
 
 **`packages/tools/.env` :**
 ```env
-DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
+DATABASE_URL=postgres://arrhes_user:your-password@localhost:5432/arrhes
 ```
 
-### Configuration avec services externes
+### Configuration avec services externes (Production)
 
 **`packages/api/.env` :**
 ```env
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 0ba7cd9..89ba2a3 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -65,21 +65,52 @@ Avant de commencer à contribuer, configurez votre environnement de développeme
    git remote add upstream https://github.com/arrhes/arrhes.git
    ```
 
-4. **Installer les dépendances**
+4. **Choisir votre méthode de développement**
+
+   **Option A : Dev Container (Recommandé pour les nouveaux contributeurs) 🚀**
+   
+   C'est la méthode la plus simple pour démarrer rapidement :
+   
+   ```bash
+   # Ouvrir dans VS Code/Cursor
+   code .  # ou cursor .
+   
+   # Cliquer sur "Reopen in Container" quand demandé
+   # Tout sera configuré automatiquement !
+   ```
+   
+   **Option B : Docker Compose**
+   
    ```bash
+   # Installer les dépendances
    pnpm install
+   
+   # Lancer les services
+   docker-compose up -d
+   
+   # Configurer l'environnement
+   # Suivez les instructions dans DEVELOPMENT.md
+   ```
+   
+   **Option C : Installation native**
+   
+   ```bash
+   # Installer les dépendances
+   pnpm install
+   
+   # Configurer l'environnement
+   # Suivez les instructions complètes dans DEVELOPMENT.md
    ```
 
-5. **Configurer l'environnement**
-   Suivez les instructions dans [DEVELOPMENT.md](DEVELOPMENT.md)
-
-6. **Créer une branche pour votre contribution**
+5. **Créer une branche pour votre contribution**
    ```bash
    git checkout -b feature/ma-fonctionnalite
    # ou
    git checkout -b fix/mon-correctif
    ```
 
+Pour plus de détails, consultez [DEVELOPMENT.md](DEVELOPMENT.md).
+
 ## Standards de code
 
 ### TypeScript
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index c210a85..864515d 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -4,6 +4,7 @@ Ce document vous guidera pour installer, configurer et développer Arrhes sur vo
 
 ## Table des matières
 
+- [Choix de l'environnement](#choix-de-lenvironnement)
 - [Prérequis](#prérequis)
 - [Installation](#installation)
 - [Configuration](#configuration)
@@ -15,11 +16,79 @@ Ce document vous guidera pour installer, configurer et développer Arrhes sur vo
 - [Debugging](#debugging)
 - [Conseils](#conseils)
 
+## Choix de l'environnement
+
+Vous avez trois options pour développer Arrhes :
+
+### Option 1 : Dev Container 🚀 (Le plus simple)
+
+**Avantages :**
+- ✨ Configuration 100% automatique
+- Environnement de développement complet dans un container
+- Tous les services préconfigurés (PostgreSQL, MinIO, MailHog)
+- Base de données initialisée automatiquement avec données de démo
+- Extensions VS Code/Cursor installées automatiquement
+- Zéro configuration manuelle
+
+**Prérequis :**
+- Docker et Docker Compose
+- VS Code ou Cursor avec l'extension "Dev Containers"
+
+**Idéal pour :** Nouveaux contributeurs, onboarding ultra-rapide, environnement unifié
+
+### Option 2 : Développement avec Docker Compose 🐳
+
+**Avantages :**
+- Configuration simplifiée (pas d'installation de PostgreSQL, MinIO, etc.)
+- Environnement standardisé et reproductible
+- Isolation complète des services
+- Node.js et pnpm installés localement (meilleure performance)
+
+**Prérequis :**
+- Node.js 24.5+
+- pnpm
+- Docker et Docker Compose
+
+**Idéal pour :** Développement quotidien, bonne balance performance/simplicité
+
+### Option 3 : Développement natif
+
+**Avantages :**
+- Contrôle total sur chaque service
+- Peut être plus rapide sur certaines machines
+- Pas besoin de Docker
+
+**Prérequis :**
+- Node.js 24.5+
+- pnpm
+- PostgreSQL installé localement
+- Optionnellement Docker pour MinIO et MailHog
+
+**Idéal pour :** Développeurs expérimentés, personnalisation avancée
+
+---
+
+**💡 Conseil :** 
+- **Première contribution ?** → Choisissez l'**Option 1 (Dev Container)** pour démarrer en 2 minutes
+- **Développement quotidien ?** → Choisissez l'**Option 2 (Docker Compose)** pour la meilleure expérience
+
 ## Prérequis
 
-Avant de commencer, assurez-vous d'avoir installé les outils suivants :
+### Option 1 : Dev Container
+
+- **Docker** et **Docker Compose** : https://www.docker.com/get-started
+  ```bash
+  docker --version
+  docker-compose --version
+  ```
+
+- **VS Code** ou **Cursor** avec l'extension Dev Containers :
+  - VS Code : https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
+  - Cursor : Installer depuis le marketplace d'extensions
 
-### Node.js et pnpm
+C'est tout ! Node.js, pnpm, PostgreSQL, MinIO et MailHog seront configurés automatiquement dans le container.
+
+### Prérequis communs (Options 2 et 3)
 
 - **Node.js** : Version 24.5 ou supérieure
   ```bash
@@ -40,7 +109,17 @@ Avant de commencer, assurez-vous d'avoir installé les outils suivants :
   curl -fsSL https://get.pnpm.io/install.sh | sh -
   ```
 
-### PostgreSQL
+### Option 2 : Avec Docker Compose
+
+- **Docker** et **Docker Compose** : https://www.docker.com/get-started
+  ```bash
+  docker --version
+  docker-compose --version
+  ```
+
+C'est tout ! PostgreSQL, MinIO et MailHog seront lancés automatiquement dans des containers.
+
+### Option 3 : Développement natif
 
 - **PostgreSQL** : Version 14 ou supérieure recommandée
   ```bash
@@ -65,21 +144,83 @@ Avant de commencer, assurez-vous d'avoir installé les outils suivants :
   **Windows :**
   Télécharger depuis https://www.postgresql.org/download/windows/
 
-### Services optionnels (pour développement complet)
-
-- **Docker** (pour MinIO et MailHog) : https://www.docker.com/get-started
+- **Docker** (optionnel, pour MinIO et MailHog) : https://www.docker.com/get-started
 - Ou configurez des services S3 et SMTP alternatifs
 
 ## Installation
 
-### 1. Cloner le repository
+### Option 1 : Avec Dev Container 🚀
+
+**Étape 1 : Cloner le repository**
+
+```bash
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+```
+
+**Étape 2 : Ouvrir dans VS Code/Cursor**
+
+```bash
+# Avec VS Code
+code .
+
+# Avec Cursor
+cursor .
+```
+
+**Étape 3 : Reopen in Container**
+
+Lorsque VS Code/Cursor détecte le fichier `.devcontainer/devcontainer.json`, une notification apparaît :
+
+> "Folder contains a Dev Container configuration file. Reopen folder to develop in a container?"
+
+Cliquez sur **"Reopen in Container"** ou utilisez la palette de commandes :
+- `Cmd/Ctrl + Shift + P`
+- Tapez "Dev Containers: Reopen in Container"
+- Appuyez sur Entrée
+
+**Ce qui se passe automatiquement :**
+1. 🐳 Construction du container de développement
+2. 📦 Installation de toutes les dépendances (pnpm install)
+3. 🚀 Démarrage de PostgreSQL, MinIO et MailHog
+4. ⏳ Attente que PostgreSQL soit prêt
+5. 🗄️ Création du schéma de base de données
+6. 🌱 Insertion des données de démonstration
+7. ⚙️ Création automatique des fichiers `.env`
+8. 🎨 Installation des extensions VS Code recommandées
+
+**Étape 4 : Lancer l'application**
+
+Une fois le container prêt (vous verrez "✨ Configuration terminée !" dans le terminal) :
+
+```bash
+pnpm run dev
+```
+
+C'est tout ! Vous êtes prêt à développer. 🎉
+
+**URLs d'accès :**
+- **Platform** : http://localhost:5173
+- **API** : http://localhost:3000
+- **MinIO Console** : http://localhost:9001 (minioadmin / minioadmin)
+- **MailHog** : http://localhost:8025
+
+**Identifiants de démonstration :**
+- Email : `demo@arrhes.com`
+- Mot de passe : `demo`
+
+---
+
+### Option 2 : Avec Docker Compose 🐳
+
+**Étape 1 : Cloner le repository**
 
 ```bash
 git clone https://github.com/arrhes/arrhes.git
 cd arrhes
 ```
 
-### 2. Installer les dépendances
+**Étape 2 : Installer les dépendances**
 
 ```bash
 pnpm install
@@ -87,7 +228,7 @@ pnpm install
 
 Cette commande installera toutes les dépendances de tous les packages du monorepo.
 
-### 3. Vérifier l'installation
+**Étape 3 : Vérifier l'installation**
 
 ```bash
 pnpm ls --depth=0
@@ -95,50 +236,85 @@ pnpm ls --depth=0
 
 Vous devriez voir tous les packages workspace listés.
 
-## Configuration
+---
 
-### 1. Créer la base de données PostgreSQL
+### Option 3 : Installation native
+
+**Étape 1 : Cloner le repository**
 
 ```bash
-# Se connecter à PostgreSQL
-sudo -u postgres psql
+git clone https://github.com/arrhes/arrhes.git
+cd arrhes
+```
 
-# Dans le shell PostgreSQL :
-CREATE USER arrhes_user WITH PASSWORD 'arrhes_password';
-CREATE DATABASE arrhes OWNER arrhes_user;
-GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
-\q
+**Étape 2 : Installer les dépendances**
+
+```bash
+pnpm install
+```
+
+**Étape 3 : Vérifier l'installation**
+
+```bash
+pnpm ls --depth=0
 ```
 
-### 2. Configurer les services externes (optionnel)
+## Configuration
+
+### Option 1 : Avec Dev Container 🚀
+
+**Aucune configuration manuelle nécessaire !**
+
+Le script `post-create.sh` s'exécute automatiquement et crée les fichiers `.env` avec les bonnes valeurs pour l'environnement containerisé.
+
+Les fichiers suivants sont créés automatiquement :
+- `packages/api/.env` (avec connexion aux services Docker)
+- `packages/tools/.env` (avec connexion à PostgreSQL)
 
-#### MinIO (Stockage de fichiers)
+**Note importante :** Dans le Dev Container, les URLs pointent vers les noms de services Docker :
+- PostgreSQL : `postgres:5432` (au lieu de `localhost:5432`)
+- MinIO : `minio:9000` (au lieu de `localhost:9000`)
+- MailHog : `mailhog:1025` (au lieu de `localhost:1025`)
+
+Si vous souhaitez modifier la configuration, éditez directement les fichiers `.env` créés.
+
+---
+
+### Option 2 : Configuration avec Docker Compose 🐳
+
+#### 1. Lancer les services avec Docker Compose
 
 ```bash
-# Lancer MinIO avec Docker
-docker run -d \
-  -p 9000:9000 \
-  -p 9001:9001 \
-  --name minio \
-  -e "MINIO_ROOT_USER=minioadmin" \
-  -e "MINIO_ROOT_PASSWORD=minioadmin" \
-  -v ~/minio/data:/data \
-  quay.io/minio/minio server /data --console-address ":9001"
+# Lancer tous les services (PostgreSQL, MinIO, MailHog)
+docker-compose up -d
 
-# Accéder à la console : http://localhost:9001
-# Créer un bucket nommé "arrhes-files"
+# Vérifier que tout fonctionne
+docker-compose ps
 ```
 
-#### MailHog (Test d'emails)
+Les services seront disponibles sur :
+- **PostgreSQL** : `localhost:5432`
+- **MinIO API** : `localhost:9000`
+- **MinIO Console** : http://localhost:9001
+- **MailHog SMTP** : `localhost:1025`
+- **MailHog Web** : http://localhost:8025
+
+#### 2. Créer le bucket MinIO
 
 ```bash
-# Lancer MailHog avec Docker
-docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+# Accéder à la console MinIO : http://localhost:9001
+# Credentials : minioadmin / minioadmin
+# Créer un bucket nommé "arrhes-files"
+```
 
-# Interface web : http://localhost:8025
+Ou via la ligne de commande :
+```bash
+# Installer le client MinIO
+docker exec arrhes-minio mc alias set local http://localhost:9000 minioadmin minioadmin
+docker exec arrhes-minio mc mb local/arrhes-files
 ```
 
-### 3. Créer les fichiers de configuration
+#### 3. Créer les fichiers de configuration
 
 **`packages/api/.env` :**
 
@@ -160,16 +336,16 @@ API_BASE_URL=http://localhost:3000
 PLATFORM_BASE_URL=http://localhost:5173
 WEBSITE_BASE_URL=http://localhost:5174
 
-# Base de données
+# Base de données (Docker Compose)
 SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
 
-# Stockage MinIO
+# Stockage MinIO (Docker Compose)
 STORAGE_ENDPOINT=http://localhost:9000
 STORAGE_NAME=arrhes-files
 STORAGE_ACCESS_KEY=minioadmin
 STORAGE_SECRET_KEY=minioadmin
 
-# Email MailHog
+# Email MailHog (Docker Compose)
 EMAIL_ENDPOINT=localhost:1025
 EMAIL_USER=test
 EMAIL_PASSWORD=test
@@ -187,11 +363,79 @@ EOF
 cd ../..
 ```
 
-Pour plus de détails sur la configuration, consultez [CONFIGURATION.md](CONFIGURATION.md).
+---
+
+### Option 2 : Configuration native
+
+#### 1. Créer la base de données PostgreSQL
+
+```bash
+# Se connecter à PostgreSQL
+sudo -u postgres psql
+
+# Dans le shell PostgreSQL :
+CREATE USER arrhes_user WITH PASSWORD 'arrhes_password';
+CREATE DATABASE arrhes OWNER arrhes_user;
+GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
+\q
+```
+
+#### 2. Configurer les services externes (optionnel)
+
+**MinIO (Stockage de fichiers) :**
+
+```bash
+# Lancer MinIO avec Docker
+docker run -d \
+  -p 9000:9000 \
+  -p 9001:9001 \
+  --name minio \
+  -e "MINIO_ROOT_USER=minioadmin" \
+  -e "MINIO_ROOT_PASSWORD=minioadmin" \
+  -v ~/minio/data:/data \
+  quay.io/minio/minio server /data --console-address ":9001"
+
+# Accéder à la console : http://localhost:9001
+# Créer un bucket nommé "arrhes-files"
+```
+
+**MailHog (Test d'emails) :**
+
+```bash
+# Lancer MailHog avec Docker
+docker run -d -p 1025:1025 -p 8025:8025 mailhog/mailhog
+
+# Interface web : http://localhost:8025
+```
+
+#### 3. Créer les fichiers de configuration
+
+Utilisez les mêmes commandes que dans l'Option 1, étape 3 ci-dessus.
+
+---
+
+**Pour plus de détails sur la configuration, consultez [CONFIGURATION.md](CONFIGURATION.md).**
 
 ## Initialisation de la base de données
 
-### 1. Pousser le schéma vers la base de données
+### Option 1 : Avec Dev Container 🚀
+
+**Aucune action nécessaire !**
+
+La base de données est automatiquement initialisée lors de la création du container. Le script `post-create.sh` exécute :
+1. `pnpm --filter tools run push` (création du schéma)
+2. `pnpm --filter tools run seed` (insertion des données de démo)
+
+Si vous souhaitez réinitialiser la base :
+```bash
+pnpm --filter tools run reset
+```
+
+---
+
+### Options 2 et 3 : Configuration manuelle
+
+**Étape 1 : Pousser le schéma vers la base de données**
 
 ```bash
 pnpm --filter tools run push
@@ -199,7 +443,7 @@ pnpm --filter tools run push
 
 Cette commande crée toutes les tables nécessaires dans PostgreSQL à partir des schémas définis dans `@arrhes/metadata`.
 
-### 2. Seed avec des données de démonstration
+**Étape 2 : Seed avec des données de démonstration**
 
 ```bash
 pnpm --filter tools run seed
@@ -213,7 +457,7 @@ Cette commande insère :
 - Des écritures comptables d'exemple pour 2022 et 2023
 - Des documents et états financiers
 
-### 3. Réinitialiser la base (si nécessaire)
+**Étape 3 : Réinitialiser la base (si nécessaire)**
 
 Pour tout supprimer et recommencer :
 
@@ -225,7 +469,7 @@ Cette commande exécute : `clear` + `push` + `seed`
 
 ## Lancement en développement
 
-### Option 1 : Tout lancer ensemble (recommandé)
+### Commande principale (toutes options)
 
 ```bash
 pnpm run dev
@@ -237,7 +481,7 @@ Cette commande lance simultanément :
 
 Les deux processus tournent en parallèle avec hot-reload activé.
 
-### Option 2 : Lancer individuellement
+### Lancer individuellement (optionnel)
 
 Dans des terminaux séparés :
 
@@ -258,10 +502,10 @@ pnpm --filter metadata run dev
 
 ### Accès à l'application
 
-- **Frontend** : http://localhost:5173
+- **Frontend (Platform)** : http://localhost:5173
 - **API** : http://localhost:3000
-- **MinIO Console** : http://localhost:9001 (si configuré)
-- **MailHog** : http://localhost:8025 (si configuré)
+- **MinIO Console** : http://localhost:9001 (minioadmin / minioadmin)
+- **MailHog Web UI** : http://localhost:8025
 
 ### Identifiants de démonstration
 
@@ -270,6 +514,21 @@ Email    : demo@arrhes.com
 Password : demo
 ```
 
+### Notes par option
+
+**Dev Container :**
+- Les services (PostgreSQL, MinIO, MailHog) sont déjà démarrés automatiquement
+- Les ports sont automatiquement forwardés vers votre machine locale
+- Vous pouvez cliquer sur les ports dans VS Code/Cursor pour ouvrir les URLs
+
+**Docker Compose :**
+- Assurez-vous que les services sont lancés : `docker-compose ps`
+- Si les services ne sont pas démarrés : `docker-compose up -d`
+
+**Natif :**
+- Assurez-vous que PostgreSQL est démarré
+- Si vous utilisez MinIO/MailHog avec Docker, vérifiez qu'ils tournent : `docker ps`
+
 ## Structure du projet
 
 ```
@@ -420,16 +679,48 @@ pnpm --filter tools run drop
 
 ### Développement typique
 
+#### Avec Docker Compose 🐳
+
+1. **Lancer les services**
+   ```bash
+   # Lancer tous les services (PostgreSQL, MinIO, MailHog)
+   docker-compose up -d
+   ```
+
+2. **Lancer l'application**
+   ```bash
+   pnpm run dev
+   ```
+
+3. **Développer avec hot-reload**
+   - Modifications dans `packages/api/src/` → Rechargement automatique de l'API
+   - Modifications dans `packages/platform/src/` → HMR (Hot Module Replacement)
+   - Modifications dans `packages/metadata/src/` → Nécessite rebuild (ou mode watch)
+
+4. **Arrêter les services (à la fin de la session)**
+   ```bash
+   # Arrêter sans supprimer les données
+   docker-compose stop
+   
+   # Ou arrêter et supprimer les containers (garde les volumes)
+   docker-compose down
+   
+   # Ou tout supprimer (containers + volumes = perte de données)
+   docker-compose down -v
+   ```
+
+#### Avec installation native
+
 1. **Lancer les services externes**
    ```bash
    # PostgreSQL (si pas démarré)
    sudo systemctl start postgresql
    
-   # MinIO (si arrêté)
+   # MinIO (si utilisé avec Docker)
    docker start minio
    
-   # MailHog (si arrêté)
-   docker start [container-id]
+   # MailHog (si utilisé avec Docker)
+   docker start mailhog
    ```
 
 2. **Lancer l'application**
@@ -599,8 +890,9 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 ### Problèmes courants
 
 **"Cannot connect to database" :**
-- Vérifiez que PostgreSQL est démarré
-- Testez la connexion : `psql <DATABASE_URL>`
+- **Avec Docker :** Vérifiez que les containers sont lancés : `docker-compose ps`
+- **Natif :** Vérifiez que PostgreSQL est démarré : `sudo systemctl status postgresql`
+- Testez la connexion : `psql postgres://arrhes_user:arrhes_password@localhost:5432/arrhes`
 - Vérifiez les credentials dans `.env`
 
 **"Module not found @arrhes/metadata" :**
@@ -616,9 +908,28 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 - Vérifiez que l'API et la platform sont sur le même domaine
 
 **"S3/Storage error" :**
-- Vérifiez que MinIO est démarré : `docker ps`
-- Vérifiez que le bucket existe
-- Testez l'endpoint : `curl http://localhost:9000`
+- Vérifiez que MinIO est démarré : `docker ps | grep minio`
+- Vérifiez que le bucket existe (console : http://localhost:9001)
+- Testez l'endpoint : `curl http://localhost:9000/minio/health/live`
+
+**Problèmes Docker :**
+- **Port déjà utilisé :** Un autre service utilise le même port
+  ```bash
+  # Voir ce qui utilise le port 5432 (PostgreSQL)
+  sudo lsof -i :5432
+  # Ou arrêter l'autre service
+  ```
+- **Container ne démarre pas :** Voir les logs
+  ```bash
+  docker-compose logs postgres
+  docker-compose logs minio
+  docker-compose logs mailhog
+  ```
+- **Réinitialiser complètement :**
+  ```bash
+  docker-compose down -v
+  docker-compose up -d
+  ```
 
 ### Bonnes pratiques
 
diff --git a/packages/platform/vite.config.ts b/packages/platform/vite.config.ts
index deed5dc..1e94823 100644
--- a/packages/platform/vite.config.ts
+++ b/packages/platform/vite.config.ts
@@ -43,6 +43,7 @@ export default defineConfig(() => {
             alias: {
                 // /esm/icons/index.mjs only exports the icons statically, so no separate chunks are created
                 '@tabler/icons-react': '@tabler/icons-react/dist/esm/icons/index.mjs',
+                "#": resolve(__dirname, "./src"),
                 "assets": resolve(__dirname, "./src/assets"),
                 "contexts": resolve(__dirname, "./src/contexts"),
                 "components": resolve(__dirname, "./src/components"),

From 70b88868c7aa2eec1260e216865e947a6b09cb33 Mon Sep 17 00:00:00 2001
From: Etienne Santoul <30403047+esantoul@users.noreply.github.com>
Date: Fri, 21 Nov 2025 14:16:25 +0100
Subject: [PATCH 03/25] docs: update repository URLs to arrhes-platform

---
 .devcontainer/README.md |  4 ++--
 README.md               | 16 ++++++++--------
 docs/CONTRIBUTING.md    |  6 +++---
 docs/DEVELOPMENT.md     | 12 ++++++------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/.devcontainer/README.md b/.devcontainer/README.md
index f82711d..3548268 100644
--- a/.devcontainer/README.md
+++ b/.devcontainer/README.md
@@ -178,8 +178,8 @@ Pour de meilleures performances, clonez le projet dans le filesystem WSL2 :
 ```bash
 # Dans WSL2
 cd ~
-git clone https://github.com/arrhes/arrhes.git
-code arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+code arrhes-platform
 ```
 
 **macOS :**
diff --git a/README.md b/README.md
index 2121aae..9851061 100644
--- a/README.md
+++ b/README.md
@@ -45,8 +45,8 @@ Prérequis : Docker, VS Code ou Cursor avec l'extension Dev Containers
 
 ```bash
 # Cloner le repository
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 
 # Ouvrir dans VS Code/Cursor
 code .
@@ -67,8 +67,8 @@ Prérequis : Node.js 24.5+, pnpm, Docker
 
 ```bash
 # Cloner le repository
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 
 # Installer les dépendances
 pnpm install
@@ -98,8 +98,8 @@ Prérequis : Node.js 24.5+, pnpm, PostgreSQL
 
 ```bash
 # Cloner le repository
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 
 # Installer les dépendances
 pnpm install
@@ -150,8 +150,8 @@ Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de
 
 ## Support
 
-- 🐛 [Signaler un bug](https://github.com/arrhes/arrhes/issues)
-- 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes/issues)
+- 🐛 [Signaler un bug](https://github.com/arrhes/arrhes-platform/issues)
+- 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes-platform/issues)
 - 📧 Contact : demo@arrhes.com
 
 ---
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 89ba2a3..400b8e3 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -62,7 +62,7 @@ Avant de commencer à contribuer, configurez votre environnement de développeme
 
 3. **Ajouter le repository principal comme remote**
    ```bash
-   git remote add upstream https://github.com/arrhes/arrhes.git
+   git remote add upstream https://github.com/arrhes/arrhes-platform.git
    ```
 
 4. **Choisir votre méthode de développement**
@@ -538,8 +538,8 @@ Plusieurs utilisateurs ont demandé cette fonctionnalité pour faire des analyse
 - [Documentation d'architecture](ARCHITECTURE.md)
 - [Guide de développement](DEVELOPMENT.md)
 - [Configuration](CONFIGURATION.md)
-- [Issues GitHub](https://github.com/arrhes/arrhes/issues)
-- [Discussions GitHub](https://github.com/arrhes/arrhes/discussions)
+- [Issues GitHub](https://github.com/arrhes/arrhes-platform/issues)
+- [Discussions GitHub](https://github.com/arrhes/arrhes-platform/discussions)
 
 ## Questions ?
 
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index 864515d..e7d0284 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -154,8 +154,8 @@ C'est tout ! PostgreSQL, MinIO et MailHog seront lancés automatiquement dans de
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 ```
 
 **Étape 2 : Ouvrir dans VS Code/Cursor**
@@ -216,8 +216,8 @@ C'est tout ! Vous êtes prêt à développer. 🎉
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 ```
 
 **Étape 2 : Installer les dépendances**
@@ -243,8 +243,8 @@ Vous devriez voir tous les packages workspace listés.
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes.git
-cd arrhes
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
 ```
 
 **Étape 2 : Installer les dépendances**

From 1329d7955eb910ff42d7585897ca5f11ade43995 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 28 Nov 2025 19:53:04 +0100
Subject: [PATCH 04/25] Update README to remove MinIO and MailHog details

Removed references to MinIO and MailHog services in the README.
---
 .devcontainer/README.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/.devcontainer/README.md b/.devcontainer/README.md
index 3548268..4c5eeba 100644
--- a/.devcontainer/README.md
+++ b/.devcontainer/README.md
@@ -1,6 +1,6 @@
 # Dev Container Configuration
 
-Ce répertoire contient la configuration pour développer Arrhes dans un Dev Container (VS Code/Cursor).
+Ce répertoire contient la configuration pour développer Arrhes dans un Dev Container.
 
 ## Qu'est-ce qu'un Dev Container ?
 
@@ -70,12 +70,8 @@ Tous les services sont automatiquement démarrés et configurés :
 | Service | URL/Port | Credentials |
 |---------|----------|-------------|
 | PostgreSQL | `postgres:5432` | `arrhes_user` / `arrhes_password` |
-| MinIO API | `minio:9000` | `minioadmin` / `minioadmin` |
-| MinIO Console | http://localhost:9001 | `minioadmin` / `minioadmin` |
-| MailHog SMTP | `mailhog:1025` | - |
-| MailHog Web | http://localhost:8025 | - |
 
-**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`, `minio`, `mailhog`) plutôt que `localhost`.
+**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`) plutôt que `localhost`.
 
 ## Extensions installées
 

From 2b4e6168864db5d22eb8ad9c000257afa440c4b5 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 28 Nov 2025 19:54:27 +0100
Subject: [PATCH 05/25] Modify forwarded ports in devcontainer.json

Updated the forwarded ports and their attributes in the devcontainer configuration.
---
 .devcontainer/devcontainer.json | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 8cacfda..2ec4344 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -11,32 +11,24 @@
 
   // Exposer les ports pour accéder aux services
   "forwardPorts": [
-    3000,  // API
-    5173,  // Platform (Vite)
-    5432,  // PostgreSQL
-    9000,  // MinIO API
-    9001,  // MinIO Console
-    1025,  // MailHog SMTP
-    8025   // MailHog Web UI
+    3100,  // API
+    3101,  // Platform
+    3102,  // Website (with docs)
   ],
 
   // Labels pour les ports
   "portsAttributes": {
-    "3000": {
+    "3100": {
       "label": "API",
       "onAutoForward": "notify"
     },
-    "5173": {
+    "3101": {
       "label": "Platform",
       "onAutoForward": "openBrowser"
     },
-    "9001": {
-      "label": "MinIO Console",
-      "onAutoForward": "ignore"
-    },
-    "8025": {
-      "label": "MailHog Web",
-      "onAutoForward": "ignore"
+   "3102": {
+      "label": "Platform",
+      "onAutoForward": "openBrowser"
     }
   },
 

From c718e54a612a67604fef61daf582316ad570d8c8 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 28 Nov 2025 19:57:54 +0100
Subject: [PATCH 06/25] Update README.md

---
 README.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 9851061..7ac0289 100644
--- a/README.md
+++ b/README.md
@@ -119,7 +119,7 @@ pnpm --filter tools run seed
 pnpm run dev
 ```
 
-L'API sera accessible sur `http://localhost:3000` et la plateforme sur `http://localhost:5173`.
+L'API sera accessible sur `http://localhost:3101`, la plateforme sur `http://localhost:3101` et le website sur `http://localhost:3102.
 
 **Identifiants de démonstration :** `demo@arrhes.com` / `demo`
 
@@ -140,7 +140,7 @@ Le projet est organisé en monorepo avec les packages suivants :
 - **@arrhes/platform** - Interface web (React, TanStack Router)
 - **@arrhes/metadata** - Schémas et modèles partagés (Valibot, Drizzle ORM)
 - **@arrhes/tools** - Outils de migration et seed de base de données
-- **@arrhes/website** - Site vitrine
+- **@arrhes/website** - Site vitrine + Documentation
 
 Pour plus de détails, consultez la [documentation d'architecture](docs/ARCHITECTURE.md).
 
@@ -152,8 +152,9 @@ Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de
 
 - 🐛 [Signaler un bug](https://github.com/arrhes/arrhes-platform/issues)
 - 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes-platform/issues)
-- 📧 Contact : demo@arrhes.com
+- 📧 Contact : contact@arrhes.com
 
 ---
 
 Développé avec ❤️ pour la communauté française
+

From 90d265334f126e74b95a9409dbbbc1ad86ab5565 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 28 Nov 2025 20:08:34 +0100
Subject: [PATCH 07/25] Update devcontainer.json

---
 .devcontainer/devcontainer.json | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 2ec4344..70183db 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -14,6 +14,10 @@
     3100,  // API
     3101,  // Platform
     3102,  // Website (with docs)
+    9000,  // MinIO API
+    9001,  // MinIO Console
+    1025,  // MailHog SMTP
+    8025   // MailHog Web UI
   ],
 
   // Labels pour les ports
@@ -29,7 +33,14 @@
    "3102": {
       "label": "Platform",
       "onAutoForward": "openBrowser"
-    }
+    },
+        "9001": {
+      "label": "MinIO Console",
+      "onAutoForward": "ignore"
+    },
+    "8025": {
+      "label": "MailHog Web",
+      "onAutoForward": "ignore"
   },
 
   // Extensions VS Code/Cursor recommandées

From ac9bd10648aec7ef5deae005ebd94dcd92e895c4 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 28 Nov 2025 20:09:50 +0100
Subject: [PATCH 08/25] Add MinIO service and update access notes

---
 .devcontainer/README.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/.devcontainer/README.md b/.devcontainer/README.md
index 4c5eeba..ad49f4e 100644
--- a/.devcontainer/README.md
+++ b/.devcontainer/README.md
@@ -70,8 +70,12 @@ Tous les services sont automatiquement démarrés et configurés :
 | Service | URL/Port | Credentials |
 |---------|----------|-------------|
 | PostgreSQL | `postgres:5432` | `arrhes_user` / `arrhes_password` |
+| MinIO API | `minio:9000` | `minioadmin` / `minioadmin` |
+| MinIO Console | http://localhost:9001 | `minioadmin` / `minioadmin` |
+| MailHog SMTP | `mailhog:1025` | - |
+| MailHog Web | http://localhost:8025 | - |
 
-**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`) plutôt que `localhost`.
+**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`, `minio`, `mailhog`) plutôt que `localhost`.
 
 ## Extensions installées
 

From aa2eee21484dc0cb72a2cbe51ad1d27ee6387325 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 19 Dec 2025 18:19:06 +0100
Subject: [PATCH 09/25] devcontainer: accept build args via compose; expose
 PNPM_VERSION and NODE_VERSION

---
 .devcontainer/Dockerfile  | 36 ++++++++++-------
 .devcontainer/compose.yml | 81 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 103 insertions(+), 14 deletions(-)
 create mode 100644 .devcontainer/compose.yml

diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
index 3451d5f..a95c64d 100644
--- a/.devcontainer/Dockerfile
+++ b/.devcontainer/Dockerfile
@@ -1,20 +1,28 @@
-ARG NODE_VERSION=24
-FROM mcr.microsoft.com/devcontainers/typescript-node:${NODE_VERSION}
+ARG NODE_VERSION
+ARG PNPM_VERSION
 
-# Installer pnpm globalement
-RUN npm install -g pnpm
+FROM node:${NODE_VERSION}-bullseye-slim
 
-# Installer des outils utiles
-RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
-    && apt-get -y install --no-install-recommends \
-    postgresql-client \
-    curl \
-    vim \
-    && apt-get clean -y && rm -rf /var/lib/apt/lists/*
+# Minimal runtime + tools
+ENV DEBIAN_FRONTEND=noninteractive
 
-# Configurer le workspace
+# Update package lists (no default packages installed here)
+RUN apt-get update
+
+# Install pnpm using the PNPM_VERSION build arg
+RUN npm install -g "pnpm@${PNPM_VERSION}"
+
+# Reduce image size
+RUN apt-get clean
+RUN rm -rf /var/lib/apt/lists/*
+
+# Create workspace directory and set permissions
 WORKDIR /workspace
+RUN mkdir -p /workspace \
+  && chown -R node:node /workspace
 
-# Note: Les dépendances seront installées via postCreateCommand
-# car le workspace sera monté depuis le host
+# Use non-root node user by default
+USER node
 
+# Note: dependencies are installed during the bootstrap step (post-create)
+# The workspace is mounted from the host at runtime.
diff --git a/.devcontainer/compose.yml b/.devcontainer/compose.yml
new file mode 100644
index 0000000..d5930c8
--- /dev/null
+++ b/.devcontainer/compose.yml
@@ -0,0 +1,81 @@
+services:
+  devcontainer:
+    build:
+      context: .
+      dockerfile: .devcontainer/Dockerfile
+      args:
+        NODE_VERSION: "25.2.1"
+        PNPM_VERSION: "10.26.1"
+    volumes:
+      - .:/workspace:cached
+    command: sleep infinity
+    ports:
+      - "3000:3000"  # API dev port (pnpm run dev)
+      - "5173:5173"  # Platform dev port (Vite)
+      - "5174:5174"  # Website dev port (Vite)
+    depends_on:
+      - postgres
+      - rustfs
+      - mailhog
+
+  # Base de données PostgreSQL
+  postgres:
+    image: postgres:16-alpine
+    container_name: arrhes-postgres
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: arrhes_user
+      POSTGRES_PASSWORD: arrhes_password
+      POSTGRES_DB: arrhes
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U arrhes_user -d arrhes"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Object storage (RustFS)
+  rustfs:
+    image: rustfs/rustfs:latest
+    container_name: arrhes-rustfs
+    restart: unless-stopped
+    command: server /data --web-ui-address ":9001"
+    environment:
+      RUSTFS_ROOT_USER: arrhes_rustfs
+      RUSTFS_ROOT_PASSWORD: arrhes_rustfs_secret
+      STORAGE_ACCESS_KEY: arrhes_rustfs
+      STORAGE_SECRET_KEY: arrhes_rustfs_secret
+    ports:
+      - "9000:9000"  # API
+      - "9001:9001"  # Web UI
+    volumes:
+      - rustfs_data:/data
+    healthcheck:
+      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 || exit 1"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Serveur SMTP de test (MailHog)
+  mailhog:
+    image: mailhog/mailhog:latest
+    container_name: arrhes-mailhog
+    restart: unless-stopped
+    ports:
+      - "1025:1025"  # SMTP
+      - "8025:8025"  # Interface web
+    healthcheck:
+      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:8025"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+volumes:
+  postgres_data:
+    name: arrhes_postgres_data
+  rustfs_data:
+    name: arrhes_rustfs_data
+

From 012fce8cc42f24d8e22bea69161b41740939cf38 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 19 Dec 2025 18:32:52 +0100
Subject: [PATCH 10/25] replace MailHog with Mailpit

---
 .dev-container/compose.yml | 81 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 .dev-container/compose.yml

diff --git a/.dev-container/compose.yml b/.dev-container/compose.yml
new file mode 100644
index 0000000..ef4f29e
--- /dev/null
+++ b/.dev-container/compose.yml
@@ -0,0 +1,81 @@
+services:
+  arrhes-platform:
+    container_name: arrhes-platform
+    build:
+      context: .
+      dockerfile: .devcontainer/Dockerfile
+      args:
+        NODE_VERSION: "25.2.1"
+        PNPM_VERSION: "10.26.1"
+    volumes:
+      - .:/workspace:cached
+    command: sleep infinity
+    ports:
+      - "3000:3000"  # API dev port (pnpm run dev)
+      - "5173:5173"  # Platform dev port (Vite)
+      - "5174:5174"  # Website dev port (Vite)
+    depends_on:
+      - postgres
+      - rustfs
+      - mailhog
+
+  # Base de données PostgreSQL
+  postgres:
+    image: postgres:18.1
+    container_name: arrhes-postgres
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: demo
+      POSTGRES_DB: default
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres -d arrhes"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Object storage (RustFS)
+  rustfs:
+    image: rustfs/rustfs:latest
+    container_name: arrhes-rustfs
+    restart: unless-stopped
+    command: server /data --web-ui-address ":9001"
+    environment:
+      RUSTFS_CONSOLE_ENABLE: true
+      RUSTFS_ACCESS_KEY: rustfsadmin
+      RUSTFS_SECRET_KEY: rustfsadmin
+    ports:
+      - "9000:9000"  # API
+      - "9001:9001"  # Web UI
+    volumes:
+      - rustfs_data:/data
+    healthcheck:
+      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 || exit 1"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # Serveur SMTP de test (Mailpit)
+  mailpit:
+    image: axllent/mailpit:latest
+    container_name: arrhes-mailpit
+    restart: unless-stopped
+    ports:
+      - "1025:1025"  # SMTP
+      - "8025:8025"  # Web UI
+    healthcheck:
+      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:8025 || exit 1"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+volumes:
+  postgres_data:
+    name: arrhes_postgres_data
+  rustfs_data:
+    name: arrhes_rustfs_data
+

From f937ec11812c91d20be1aad84515488f7af98896 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 19 Dec 2025 22:58:52 +0100
Subject: [PATCH 11/25] chore: apply workspace updates (dev scripts, docs,
 tooling, package configs)

---
 .dockerignore => .dev/.dockerignore           |   3 +-
 {.devcontainer => .dev}/Dockerfile            |   4 +-
 .dev/README.md                                |  99 +++++++
 {.dev-container => .dev}/compose.yml          |  15 +-
 .dev/scripts/.api.env                         |  28 ++
 .dev/scripts/.tools.env                       |   2 +
 .dev/scripts/initialize.sh                    |  73 +++++
 .dev/scripts/start.sh                         |  33 +++
 .devcontainer/README.md                       | 193 -------------
 .devcontainer/compose.yml                     |  81 ------
 .devcontainer/devcontainer.json               | 121 ---------
 .devcontainer/post-create.sh                  |  95 -------
 .gitignore                                    |   5 +-
 .old.env                                      |  22 ++
 AGENTS.md                                     |  23 ++
 README.md                                     |  61 +++--
 docker-compose.yml                            |  78 ------
 docs/CONFIGURATION.md                         | 103 ++-----
 docs/DEVELOPMENT.md                           |  80 +++---
 packages/api/src/utilities/getEnv.ts          |   2 +-
 .../api/src/utilities/storage/deleteObject.ts |   2 +-
 .../storage/generateDeleteSignedUrl.ts        |   2 +-
 .../utilities/storage/generateGetSignedUrl.ts |   2 +-
 .../utilities/storage/generatePutSignedUrl.ts |   2 +-
 .../api/src/utilities/storage/getObject.ts    |   2 +-
 .../api/src/utilities/storage/putObject.ts    |   2 +-
 packages/platform/vite.config.ts              |   2 +-
 packages/tools/package.json                   |  12 +-
 packages/tools/src/clearDB.ts                 |  12 +-
 packages/tools/src/dbClient.ts                |   7 +-
 packages/tools/{ => src}/drizzle.config.ts    |   4 +-
 packages/tools/src/env.ts                     |   2 +-
 packages/tools/src/migrate.ts                 |   2 +-
 packages/tools/src/seed/migration.ts          |   9 +-
 packages/tools/src/seed/recordRows.ts         |  11 +-
 packages/tools/src/seed/seed.ts               | 257 +++++++++---------
 packages/tools/src/utilities/insertMany.ts    |   2 +-
 packages/tools/src/utilities/insertOne.ts     |   2 +-
 packages/tools/tsconfig.json                  |   9 +-
 packages/website/package.json                 |   2 +-
 packages/website/vite.config.ts               |   2 +-
 41 files changed, 563 insertions(+), 905 deletions(-)
 rename .dockerignore => .dev/.dockerignore (98%)
 rename {.devcontainer => .dev}/Dockerfile (92%)
 create mode 100644 .dev/README.md
 rename {.dev-container => .dev}/compose.yml (85%)
 create mode 100644 .dev/scripts/.api.env
 create mode 100644 .dev/scripts/.tools.env
 create mode 100644 .dev/scripts/initialize.sh
 create mode 100644 .dev/scripts/start.sh
 delete mode 100644 .devcontainer/README.md
 delete mode 100644 .devcontainer/compose.yml
 delete mode 100644 .devcontainer/devcontainer.json
 delete mode 100644 .devcontainer/post-create.sh
 create mode 100644 .old.env
 create mode 100644 AGENTS.md
 delete mode 100644 docker-compose.yml
 rename packages/tools/{ => src}/drizzle.config.ts (71%)

diff --git a/.dockerignore b/.dev/.dockerignore
similarity index 98%
rename from .dockerignore
rename to .dev/.dockerignore
index df87d9b..4ad3745 100644
--- a/.dockerignore
+++ b/.dev/.dockerignore
@@ -44,7 +44,6 @@ coverage
 *.tgz
 .npmrc
 .continue
-.dev
 .old
 
 # Docker
@@ -52,3 +51,5 @@ Dockerfile
 docker-compose.yml
 .dockerignore
 
+
+!.dev
diff --git a/.devcontainer/Dockerfile b/.dev/Dockerfile
similarity index 92%
rename from .devcontainer/Dockerfile
rename to .dev/Dockerfile
index a95c64d..0e8de7f 100644
--- a/.devcontainer/Dockerfile
+++ b/.dev/Dockerfile
@@ -1,5 +1,5 @@
-ARG NODE_VERSION
-ARG PNPM_VERSION
+ARG NODE_VERSION="latest"
+ARG PNPM_VERSION="latest"
 
 FROM node:${NODE_VERSION}-bullseye-slim
 
diff --git a/.dev/README.md b/.dev/README.md
new file mode 100644
index 0000000..0cbb6cb
--- /dev/null
+++ b/.dev/README.md
@@ -0,0 +1,99 @@
+# Dev Container Configuration
+
+Ce répertoire contient la configuration pour développer Arrhes dans un environnement de developpement (docker container).
+
+## Aperçu
+
+Le projet utilise désormais un fichier Compose canonique situé dans `.dev/compose.yml` et un script d'orchestration simple `.dev/scripts/start.sh` à la racine du dépôt pour démarrer et initialiser l'environnement de développement.
+
+- Le script `.dev/scripts/start.sh` : démarre les services Docker (Postgres, RustFS, Mailpit, devcontainer) puis exécute le script de bootstrap à l'intérieur du conteneur de développement.
+- Le bootstrap (`.dev/scripts/initialize.sh`) installe les dépendances, construit `@arrhes/metadata`, crée les fichiers `.env`, initialise la base de données et injecte les données de démonstration.
+
+## Fichiers importants
+
+- `.dev/scripts/start.sh` — script d'aide pour démarrer les services et lancer le bootstrap (à la racine).
+- `.dev/compose.yml` — compose canonique utilisé par les scripts.
+- `.dev/Dockerfile` — image du devcontainer (Node + pnpm, utilisateur non-root).
+- `.dev/scripts/initialize.sh` — script exécuté dans le conteneur après démarrage pour préparer l'environnement.
+
+## Démarrage rapide (recommandé)
+
+1. Depuis la racine du dépôt, lancer :
+
+   ```bash
+   .dev/scripts/start.sh
+   ```
+
+   - Cette commande exécute `docker compose -f .dev/compose.yml up -d` puis lance le bootstrap à l'intérieur du service `arrhes-platform`.
+   - Le bootstrap crée les fichiers `.env` nécessaires si absents, construit `@arrhes/metadata`, pousse la migration de la BDD et insère les données de démonstration.
+
+2. Ouvrir un shell dans le conteneur (si nécessaire) :
+
+   ```bash
+   docker compose -f .dev/compose.yml exec arrhes-platform bash
+   ```
+
+
+## Ports & services
+
+- PostgreSQL : `localhost:5432` (container `postgres`)
+- RustFS API : `http://localhost:9000` (service `rustfs`)
+- RustFS Console (web) : `http://localhost:9001`
+- Mailpit SMTP : `1025` (SMTP)
+- Mailpit UI (web) : `http://localhost:8025`
+- API : `http://localhost:3000`
+- Platform : `http://localhost:5173`
+- Website : `http://localhost:5174`
+
+> Dans le conteneur, les services sont accessibles par leur nom Docker (`postgres`, `rustfs`, `mailpit`) ; depuis l'hôte, utilisez `localhost` et les ports exposés ci‑dessus.
+
+## Rebuild du container
+
+Si vous modifiez le `Dockerfile` ou le compose, rebuild l'image :
+
+```bash
+# Reconstruire l'image devcontainer
+docker compose -f .dev/compose.yml build --no-cache arrhes-platform
+
+# Redémarrer les services
+docker compose -f .dev/compose.yml up -d
+```
+
+
+## Troubleshooting
+
+- Voir les services en cours :
+
+```bash
+docker compose -f .dev/compose.yml ps
+```
+
+- Logs d'un service (ex : `postgres`) :
+
+```bash
+docker compose -f .dev/compose.yml logs postgres
+```
+
+- Forcer une remise à zéro (supprime les volumes) :
+
+```bash
+docker compose -f .dev/compose.yml down -v
+```
+
+- Si les dépendances ne s'installent pas correctement (dans le conteneur) :
+
+```bash
+rm -rf node_modules
+pnpm install
+```
+
+## Performance
+
+- Le dépôt utilise un bind mount (`.:/workspace`) pour que les modifications effectuées depuis l'IDE hôte soient visibles immédiatement dans le conteneur (HMR, tests, etc.).
+- Si vous développez sur macOS/Windows et constatez des lenteurs, testez les options Docker (volumes `cached`) ou développez via WSL2 sous Windows.
+
+## Ressources
+
+- Docker Compose : https://docs.docker.com/compose/
+
+
diff --git a/.dev-container/compose.yml b/.dev/compose.yml
similarity index 85%
rename from .dev-container/compose.yml
rename to .dev/compose.yml
index ef4f29e..f3c0403 100644
--- a/.dev-container/compose.yml
+++ b/.dev/compose.yml
@@ -3,10 +3,11 @@ services:
     container_name: arrhes-platform
     build:
       context: .
-      dockerfile: .devcontainer/Dockerfile
+      dockerfile: .dev/Dockerfile
       args:
         NODE_VERSION: "25.2.1"
         PNPM_VERSION: "10.26.1"
+    image: arrhes-platform
     volumes:
       - .:/workspace:cached
     command: sleep infinity
@@ -17,7 +18,7 @@ services:
     depends_on:
       - postgres
       - rustfs
-      - mailhog
+      - mailpit
 
   # Base de données PostgreSQL
   postgres:
@@ -26,14 +27,14 @@ services:
     restart: unless-stopped
     environment:
       POSTGRES_USER: postgres
-      POSTGRES_PASSWORD: demo
+      POSTGRES_PASSWORD: admin
       POSTGRES_DB: default
     ports:
       - "5432:5432"
     volumes:
       - postgres_data:/var/lib/postgresql
     healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U postgres -d arrhes"]
+      test: ["CMD-SHELL", "pg_isready -U postgres -d default"]
       interval: 10s
       timeout: 5s
       retries: 5
@@ -43,16 +44,18 @@ services:
     image: rustfs/rustfs:latest
     container_name: arrhes-rustfs
     restart: unless-stopped
-    command: server /data --web-ui-address ":9001"
+    command: server /data --console-address ":9001"
     environment:
       RUSTFS_CONSOLE_ENABLE: true
       RUSTFS_ACCESS_KEY: rustfsadmin
       RUSTFS_SECRET_KEY: rustfsadmin
+      RUSTFS_VOLUMES: /data
     ports:
       - "9000:9000"  # API
       - "9001:9001"  # Web UI
     volumes:
       - rustfs_data:/data
+    init: true
     healthcheck:
       test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 || exit 1"]
       interval: 10s
@@ -76,6 +79,8 @@ services:
 volumes:
   postgres_data:
     name: arrhes_postgres_data
+    external: true
   rustfs_data:
     name: arrhes_rustfs_data
+    external: true
 
diff --git a/.dev/scripts/.api.env b/.dev/scripts/.api.env
new file mode 100644
index 0000000..c1c1db5
--- /dev/null
+++ b/.dev/scripts/.api.env
@@ -0,0 +1,28 @@
+# Environment
+ENV="development"
+VERBOSE="true"
+PORT="3000"
+
+# CORS and Cookies
+CORS_ORIGIN="http://localhost:5173"
+COOKIES_DOMAIN="localhost"
+COOKIES_KEY="development-secret-key-change-in-production-min-32-chars"
+
+# URLs
+API_BASE_URL="http://localhost:3000"
+PLATFORM_BASE_URL="http://localhost:5173"
+WEBSITE_BASE_URL="http://localhost:5174"
+
+# Database (Docker Compose)
+SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
+
+# Storage (RustFS via Docker Compose)
+STORAGE_ENDPOINT="http://rustfs:9000"
+STORAGE_BUCKET_NAME="arrhes-files"
+STORAGE_ACCESS_KEY="rustfsadmin"
+STORAGE_SECRET_KEY="rustfsadmin"
+
+# Email Mailpit (Docker Compose)
+EMAIL_ENDPOINT="mailpit:1025"
+EMAIL_USER="test"
+EMAIL_PASSWORD="test"
diff --git a/.dev/scripts/.tools.env b/.dev/scripts/.tools.env
new file mode 100644
index 0000000..c2697d4
--- /dev/null
+++ b/.dev/scripts/.tools.env
@@ -0,0 +1,2 @@
+NODE_ENV="development"
+SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
diff --git a/.dev/scripts/initialize.sh b/.dev/scripts/initialize.sh
new file mode 100644
index 0000000..38fb8c8
--- /dev/null
+++ b/.dev/scripts/initialize.sh
@@ -0,0 +1,73 @@
+#!/bin/bash
+set -e
+
+echo "🚀 Configuring Arrhes development environment..."
+
+# Install dependencies if needed
+if [ ! -d "node_modules" ]; then
+    echo "📦 Installing dependencies..."
+    pnpm install
+else
+    echo "✅ Dependencies already installed"
+fi
+
+# Build packages (metadata must be built before tools)
+echo "🔨 Building packages..."
+pnpm --filter @arrhes/metadata run build
+
+# Create .env files if they don't exist
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+API_ENV_SOURCE="$SCRIPT_DIR/.api.env"
+if [ ! -f "packages/api/.env" ]; then
+    if [ -f "$API_ENV_SOURCE" ]; then
+        echo "⚙️ Creating packages/api/.env from $API_ENV_SOURCE..."
+        cp "$API_ENV_SOURCE" packages/api/.env
+    else
+        echo "❌ Missing $API_ENV_SOURCE. Please create it before running this script."
+        echo "   You can copy .dev/scripts/.api.env as a starting point."
+        exit 1
+    fi
+else
+    echo "✅ packages/api/.env already exists"
+fi
+
+TOOLS_ENV_SOURCE="$SCRIPT_DIR/.tools.env"
+if [ ! -f "packages/tools/.env" ]; then
+    if [ -f "$TOOLS_ENV_SOURCE" ]; then
+        echo "⚙️ Creating packages/tools/.env from $TOOLS_ENV_SOURCE..."
+        cp "$TOOLS_ENV_SOURCE" packages/tools/.env
+    else
+        echo "❌ Missing $TOOLS_ENV_SOURCE. Please create it before running this script."
+        echo "   You can copy .dev/scripts/.tools.env as a starting point."
+        exit 1
+    fi
+else
+    echo "✅ packages/tools/.env already exists"
+fi
+
+# Initialize database
+echo "🗄️  Initializing database..."
+pnpm --filter="tools" run push
+
+# Seed demo data
+echo "🌱 Seeding demo data..."
+pnpm --filter="tools" run seed
+
+# Starting
+echo "🚀 Starting dev server..."
+pnpm run dev
+
+echo ""
+echo "✨ Setup complete!"
+echo ""
+echo "Services available:"
+echo "  - API : http://localhost:3000"
+echo "  - Platform : http://localhost:5173"
+echo "  - Rustfs Console : http://localhost:9001"
+echo "  - Mailpit : http://localhost:8025"
+echo ""
+echo "Demo credentials:"
+echo "  Email : demo@arrhes.com"
+echo "  Password : demo"
+echo ""
diff --git a/.dev/scripts/start.sh b/.dev/scripts/start.sh
new file mode 100644
index 0000000..f6b1abc
--- /dev/null
+++ b/.dev/scripts/start.sh
@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+COMPOSE_FILE=".dev/compose.yml"
+SERVICE="arrhes-platform"
+
+echo "Remove previous containers"
+docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
+
+ensure_volume() {
+  name="$1"
+  if ! docker volume inspect "$name" >/dev/null 2>&1; then
+    echo "Creating docker volume: $name"
+    docker volume create --name "$name"
+  else
+    echo "Volume exists: $name"
+  fi
+}
+ensure_volume arrhes_postgres_data
+ensure_volume arrhes_rustfs_data
+
+echo "Starting dev services (docker compose up -d)..."
+docker compose --project-directory="." --file="$COMPOSE_FILE" up -d --build
+
+echo "Services started:"
+docker compose --project-directory="." --file="$COMPOSE_FILE" ps
+
+echo "Bootstrapping workspace inside the dev container (install deps, build metadata, push/seed DB)..."
+# Run the bootstrap as the node user to match container expectations
+docker compose --project-directory="." --file="$COMPOSE_FILE" exec -u node $SERVICE bash -lc "bash .dev/scripts/initialize.sh"
+
+echo "Bootstrap complete. To open a shell inside the dev container run:"
+echo "  docker compose -f $COMPOSE_FILE exec $SERVICE bash"
diff --git a/.devcontainer/README.md b/.devcontainer/README.md
deleted file mode 100644
index ad49f4e..0000000
--- a/.devcontainer/README.md
+++ /dev/null
@@ -1,193 +0,0 @@
-# Dev Container Configuration
-
-Ce répertoire contient la configuration pour développer Arrhes dans un Dev Container.
-
-## Qu'est-ce qu'un Dev Container ?
-
-Un Dev Container est un environnement de développement complet qui s'exécute dans un container Docker. Il offre :
-- Une configuration d'environnement reproductible
-- Tous les outils nécessaires préinstallés
-- Les extensions d'éditeur recommandées
-- Un onboarding instantané pour les nouveaux contributeurs
-
-## Fichiers
-
-### `devcontainer.json`
-Fichier de configuration principal qui définit :
-- Le container de développement à utiliser
-- Les ports à exposer
-- Les extensions VS Code/Cursor à installer
-- Les commandes à exécuter lors de la création/démarrage du container
-- Les paramètres de l'éditeur
-
-### `Dockerfile`
-Définit l'image Docker pour le container de développement :
-- Basé sur l'image officielle Microsoft Node.js + TypeScript
-- Installe pnpm globalement
-- Installe les outils CLI utiles (PostgreSQL client, curl, vim)
-
-### `post-create.sh`
-Script exécuté automatiquement après la création du container :
-1. Installe les dépendances pnpm
-2. Crée les fichiers `.env` avec les bonnes valeurs
-3. Attend que PostgreSQL soit prêt
-4. Initialise le schéma de base de données
-5. Insère les données de démonstration
-
-## Utilisation
-
-### Première utilisation
-
-1. Ouvrir le projet dans VS Code/Cursor
-2. Cliquer sur "Reopen in Container" quand demandé
-3. Attendre que le container se construise et se configure (2-5 minutes)
-4. Lancer `pnpm run dev`
-
-### Utilisation quotidienne
-
-Le container conserve son état entre les sessions. Lors de la réouverture :
-1. Le container redémarre (quelques secondes)
-2. Les services (PostgreSQL, MinIO, MailHog) se relancent automatiquement
-3. Vous pouvez directement lancer `pnpm run dev`
-
-### Rebuild du container
-
-Si vous modifiez les fichiers de configuration du Dev Container :
-
-**Via VS Code/Cursor :**
-- `Cmd/Ctrl + Shift + P`
-- "Dev Containers: Rebuild Container"
-
-**Via CLI :**
-```bash
-docker-compose build devcontainer
-```
-
-## Services inclus
-
-Tous les services sont automatiquement démarrés et configurés :
-
-| Service | URL/Port | Credentials |
-|---------|----------|-------------|
-| PostgreSQL | `postgres:5432` | `arrhes_user` / `arrhes_password` |
-| MinIO API | `minio:9000` | `minioadmin` / `minioadmin` |
-| MinIO Console | http://localhost:9001 | `minioadmin` / `minioadmin` |
-| MailHog SMTP | `mailhog:1025` | - |
-| MailHog Web | http://localhost:8025 | - |
-
-**Note :** Dans le Dev Container, les services sont accessibles via leur nom Docker (`postgres`, `minio`, `mailhog`) plutôt que `localhost`.
-
-## Extensions installées
-
-Le Dev Container installe automatiquement :
-- **ESLint** : Linting JavaScript/TypeScript
-- **Prettier** : Formatage de code
-- **GitLens** : Git amélioré
-- **Tailwind CSS IntelliSense** : Autocomplétion Tailwind
-- **ES7+ React/Redux snippets** : Snippets React
-- **SQLTools** + **PostgreSQL Driver** : Client PostgreSQL intégré
-- **Docker** : Gestion des containers
-- **Error Lens** : Affichage des erreurs inline
-- **Path Intellisense** : Autocomplétion des chemins
-- **Code Spell Checker** : Vérification orthographique
-
-## Configuration de l'éditeur
-
-Le Dev Container applique automatiquement les paramètres suivants :
-- Format on save activé (Prettier)
-- ESLint fix on save
-- TypeScript workspace version
-- Tab size: 4 espaces
-- EOL: LF (Unix)
-
-## Personnalisation
-
-### Ajouter une extension
-
-Éditez `.devcontainer/devcontainer.json` :
-```json
-{
-  "customizations": {
-    "vscode": {
-      "extensions": [
-        // ... extensions existantes
-        "publisher.extension-name"
-      ]
-    }
-  }
-}
-```
-
-Puis rebuild le container.
-
-### Modifier la configuration
-
-Pour personnaliser :
-- **Environnement** : Modifiez `Dockerfile`
-- **Extensions/Settings** : Modifiez `devcontainer.json`
-- **Setup initial** : Modifiez `post-create.sh`
-
-Après toute modification, pensez à rebuild le container.
-
-## Troubleshooting
-
-### Le container ne démarre pas
-```bash
-# Voir les logs du container
-docker logs arrhes-devcontainer-1
-
-# Rebuild depuis zéro
-docker-compose down -v
-docker-compose build --no-cache devcontainer
-```
-
-### PostgreSQL n'est pas prêt
-```bash
-# Vérifier l'état de PostgreSQL
-docker-compose ps postgres
-
-# Voir les logs
-docker-compose logs postgres
-
-# Redémarrer PostgreSQL
-docker-compose restart postgres
-```
-
-### Les dépendances ne s'installent pas
-```bash
-# Dans le terminal du Dev Container
-rm -rf node_modules
-pnpm install
-```
-
-### Réinitialiser complètement
-```bash
-# Fermer VS Code/Cursor
-# Depuis votre machine locale :
-docker-compose down -v
-# Réouvrir le projet dans le Dev Container
-```
-
-## Performance
-
-**Volumes bindés :**
-Le projet utilise des volumes "cached" pour de meilleures performances sur macOS/Windows.
-
-**WSL2 (Windows) :**
-Pour de meilleures performances, clonez le projet dans le filesystem WSL2 :
-```bash
-# Dans WSL2
-cd ~
-git clone https://github.com/arrhes/arrhes-platform.git
-code arrhes-platform
-```
-
-**macOS :**
-Les volumes Docker peuvent être lents. Si vous rencontrez des problèmes de performance, envisagez l'option Docker Compose (sans Dev Container) pour un développement natif.
-
-## Ressources
-
-- [Dev Containers documentation](https://containers.dev/)
-- [VS Code Dev Containers](https://code.visualstudio.com/docs/devcontainers/containers)
-- [Docker Compose documentation](https://docs.docker.com/compose/)
-
diff --git a/.devcontainer/compose.yml b/.devcontainer/compose.yml
deleted file mode 100644
index d5930c8..0000000
--- a/.devcontainer/compose.yml
+++ /dev/null
@@ -1,81 +0,0 @@
-services:
-  devcontainer:
-    build:
-      context: .
-      dockerfile: .devcontainer/Dockerfile
-      args:
-        NODE_VERSION: "25.2.1"
-        PNPM_VERSION: "10.26.1"
-    volumes:
-      - .:/workspace:cached
-    command: sleep infinity
-    ports:
-      - "3000:3000"  # API dev port (pnpm run dev)
-      - "5173:5173"  # Platform dev port (Vite)
-      - "5174:5174"  # Website dev port (Vite)
-    depends_on:
-      - postgres
-      - rustfs
-      - mailhog
-
-  # Base de données PostgreSQL
-  postgres:
-    image: postgres:16-alpine
-    container_name: arrhes-postgres
-    restart: unless-stopped
-    environment:
-      POSTGRES_USER: arrhes_user
-      POSTGRES_PASSWORD: arrhes_password
-      POSTGRES_DB: arrhes
-    ports:
-      - "5432:5432"
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U arrhes_user -d arrhes"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-  # Object storage (RustFS)
-  rustfs:
-    image: rustfs/rustfs:latest
-    container_name: arrhes-rustfs
-    restart: unless-stopped
-    command: server /data --web-ui-address ":9001"
-    environment:
-      RUSTFS_ROOT_USER: arrhes_rustfs
-      RUSTFS_ROOT_PASSWORD: arrhes_rustfs_secret
-      STORAGE_ACCESS_KEY: arrhes_rustfs
-      STORAGE_SECRET_KEY: arrhes_rustfs_secret
-    ports:
-      - "9000:9000"  # API
-      - "9001:9001"  # Web UI
-    volumes:
-      - rustfs_data:/data
-    healthcheck:
-      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 || exit 1"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-  # Serveur SMTP de test (MailHog)
-  mailhog:
-    image: mailhog/mailhog:latest
-    container_name: arrhes-mailhog
-    restart: unless-stopped
-    ports:
-      - "1025:1025"  # SMTP
-      - "8025:8025"  # Interface web
-    healthcheck:
-      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:8025"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-volumes:
-  postgres_data:
-    name: arrhes_postgres_data
-  rustfs_data:
-    name: arrhes_rustfs_data
-
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
deleted file mode 100644
index 70183db..0000000
--- a/.devcontainer/devcontainer.json
+++ /dev/null
@@ -1,121 +0,0 @@
-{
-  "name": "Arrhes Development",
-  "dockerComposeFile": "../docker-compose.yml",
-  "service": "devcontainer",
-  "workspaceFolder": "/workspace",
-
-  // Monter le workspace
-  "mounts": [
-    "source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=cached"
-  ],
-
-  // Exposer les ports pour accéder aux services
-  "forwardPorts": [
-    3100,  // API
-    3101,  // Platform
-    3102,  // Website (with docs)
-    9000,  // MinIO API
-    9001,  // MinIO Console
-    1025,  // MailHog SMTP
-    8025   // MailHog Web UI
-  ],
-
-  // Labels pour les ports
-  "portsAttributes": {
-    "3100": {
-      "label": "API",
-      "onAutoForward": "notify"
-    },
-    "3101": {
-      "label": "Platform",
-      "onAutoForward": "openBrowser"
-    },
-   "3102": {
-      "label": "Platform",
-      "onAutoForward": "openBrowser"
-    },
-        "9001": {
-      "label": "MinIO Console",
-      "onAutoForward": "ignore"
-    },
-    "8025": {
-      "label": "MailHog Web",
-      "onAutoForward": "ignore"
-  },
-
-  // Extensions VS Code/Cursor recommandées
-  "customizations": {
-    "vscode": {
-      "extensions": [
-        // TypeScript
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode",
-        
-        // Git
-        "eamodio.gitlens",
-        
-        // Développement
-        "bradlc.vscode-tailwindcss",
-        "formulahendry.auto-rename-tag",
-        "dsznajder.es7-react-js-snippets",
-        
-        // Base de données
-        "mtxr.sqltools",
-        "mtxr.sqltools-driver-pg",
-        
-        // Docker
-        "ms-azuretools.vscode-docker",
-        
-        // Utilitaires
-        "usernamehw.errorlens",
-        "christian-kohler.path-intellisense",
-        "streetsidesoftware.code-spell-checker"
-      ],
-      "settings": {
-        "typescript.tsdk": "node_modules/typescript/lib",
-        "typescript.enablePromptUseWorkspaceTsdk": true,
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.codeActionsOnSave": {
-          "source.fixAll.eslint": "explicit"
-        },
-        "files.eol": "\n",
-        "terminal.integrated.defaultProfile.linux": "bash",
-        "[typescript]": {
-          "editor.defaultFormatter": "esbenp.prettier-vscode"
-        },
-        "[typescriptreact]": {
-          "editor.defaultFormatter": "esbenp.prettier-vscode"
-        }
-      }
-    }
-  },
-
-  // Commandes post-création du container
-  "postCreateCommand": "bash .devcontainer/post-create.sh",
-  
-  // Commande post-démarrage (vide pour éviter les erreurs avec docker-compose)
-  "postStartCommand": "",
-
-  // Fonctionnalités à ajouter
-  "features": {
-    "ghcr.io/devcontainers/features/common-utils:2": {
-      "installZsh": true,
-      "installOhMyZsh": true,
-      "configureZshAsDefaultShell": true,
-      "username": "node"
-    },
-    "ghcr.io/devcontainers/features/git:1": {
-      "version": "latest"
-    }
-  },
-
-  // Utilisateur non-root
-  "remoteUser": "node",
-
-  // Variables d'environnement
-  "remoteEnv": {
-    "NODE_ENV": "development"
-  }
-}
-
diff --git a/.devcontainer/post-create.sh b/.devcontainer/post-create.sh
deleted file mode 100644
index f84e5ce..0000000
--- a/.devcontainer/post-create.sh
+++ /dev/null
@@ -1,95 +0,0 @@
-#!/bin/bash
-set -e
-
-echo "🚀 Configuration de l'environnement de développement Arrhes..."
-
-# Installer les dépendances si nécessaire
-if [ ! -d "node_modules" ]; then
-    echo "📦 Installation des dépendances..."
-    pnpm install
-else
-    echo "✅ Dépendances déjà installées"
-fi
-
-# Build les packages nécessaires (metadata doit être compilé avant tools)
-echo "🔨 Compilation des packages..."
-pnpm --filter @arrhes/metadata run build
-
-# Créer les fichiers .env s'ils n'existent pas
-if [ ! -f "packages/api/.env" ]; then
-    echo "⚙️  Création de packages/api/.env..."
-    cat > packages/api/.env << 'EOF'
-# Environnement
-ENV=development
-VERBOSE=true
-PORT=3000
-
-# CORS et Cookies
-CORS_ORIGIN=http://localhost:5173
-COOKIES_DOMAIN=localhost
-COOKIES_KEY=development-secret-key-change-in-production-min-32-chars
-
-# URLs
-API_BASE_URL=http://localhost:3000
-PLATFORM_BASE_URL=http://localhost:5173
-WEBSITE_BASE_URL=http://localhost:5174
-
-# Base de données (Docker Compose)
-SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@postgres:5432/arrhes
-
-# Stockage MinIO (Docker Compose)
-STORAGE_ENDPOINT=http://minio:9000
-STORAGE_NAME=arrhes-files
-STORAGE_ACCESS_KEY=minioadmin
-STORAGE_SECRET_KEY=minioadmin
-
-# Email MailHog (Docker Compose)
-EMAIL_ENDPOINT=mailhog:1025
-EMAIL_USER=test
-EMAIL_PASSWORD=test
-EOF
-else
-    echo "✅ packages/api/.env existe déjà"
-fi
-
-if [ ! -f "packages/tools/.env" ]; then
-    echo "⚙️  Création de packages/tools/.env..."
-    cat > packages/tools/.env << 'EOF'
-DATABASE_URL=postgres://arrhes_user:arrhes_password@postgres:5432/arrhes
-EOF
-else
-    echo "✅ packages/tools/.env existe déjà"
-fi
-
-# Attendre que PostgreSQL soit prêt
-echo "⏳ Attente du démarrage de PostgreSQL..."
-until pg_isready -h postgres -U arrhes_user; do
-    sleep 1
-done
-echo "✅ PostgreSQL est prêt"
-
-# Initialiser la base de données
-echo "🗄️  Initialisation de la base de données..."
-pnpm --filter tools run push
-
-# Seed avec des données de démonstration
-echo "🌱 Insertion des données de démonstration..."
-pnpm --filter tools run seed
-
-echo ""
-echo "✨ Configuration terminée !"
-echo ""
-echo "Pour démarrer le développement, lancez :"
-echo "  pnpm run dev"
-echo ""
-echo "Services disponibles :"
-echo "  - API : http://localhost:3000"
-echo "  - Platform : http://localhost:5173"
-echo "  - MinIO Console : http://localhost:9001"
-echo "  - MailHog : http://localhost:8025"
-echo ""
-echo "Identifiants de démonstration :"
-echo "  Email : demo@arrhes.com"
-echo "  Mot de passe : demo"
-echo ""
-
diff --git a/.gitignore b/.gitignore
index 5fb0e1a..a4d08a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,11 +5,12 @@ build
 .env
 .npmrc
 .continue
-.dev
 .old
 .vscode
 
 pnpm-lock.yaml
 .pnpm-store
 
-*.tsbuildinfo
\ No newline at end of file
+*.tsbuildinfo
+
+!.dev
diff --git a/.old.env b/.old.env
new file mode 100644
index 0000000..c541bcf
--- /dev/null
+++ b/.old.env
@@ -0,0 +1,22 @@
+ENV="development"
+VERBOSE="true"
+PORT="3000" 
+
+CORS_ORIGIN="http://localhost:3101,http://localhost:3102"
+COOKIES_DOMAIN="localhost"
+COOKIES_KEY="nLR54unTYqW%Pn"
+
+API_BASE_URL="http://localhost:3100"
+PLATFORM_BASE_URL="http://localhost:3101"
+WEBSITE_BASE_URL="https//localhost:3102"
+
+SQL_DATABASE_URL="postgres://development:76KeGDObGLjzn1s12&@195.154.70.77:20960/development"
+
+STORAGE_ENDPOINT="https://s3.fr-par.scw.cloud"
+STORAGE_BUCKET_NAME="arrhes.development"
+STORAGE_ACCESS_KEY="SCW0MY50MZT3B2HHZM1K"
+STORAGE_SECRET_KEY="11126f13-73bf-4c42-b555-4a8108bb2c82"
+
+EMAIL_ENDPOINT="smtp.tem.scw.cloud"
+EMAIL_USER="17d4af36-78b5-4175-8b2b-8f8c497b616b"
+EMAIL_PASSWORD="c37e79af-2b9e-4e44-9d21-ce22526d8fa0"
\ No newline at end of file
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..15928b4
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,23 @@
+# Agent Guidelines
+
+## Commands
+- Build (all packages): `pnpm build` (recursive across packages)
+- Dev (parallel): `pnpm dev`
+- Lint: `pnpm -w --filter packages/platform run lint` (or `cd packages/platform && npm run lint`)
+- Test: repository has no global test framework; to run a single package/test, install its dev deps and run that package's test script, e.g. `cd packages/tools && pnpm test` or `pnpm -w --filter packages/tools test`
+
+## Code Style
+- Imports: external deps first, then internal; use package-specific path prefixes: `#/` (api), `#/*` (platform), `#src/*` (metadata)
+- Formatting & Types: TypeScript strict mode enabled; ES modules (`"type": "module"`); API uses Hono JSX; Platform uses React with StrictMode; use `valibot` for validation
+- Naming: models `camelCase` with `Model` suffix (e.g. `accountModel`), files `camelCase.ts[x]`, components `PascalCase.tsx`, utilities `camelCase.ts`
+- Error handling: prefer try/catch with structured logging; handle `uncaughtException` and `unhandledRejection` in server entry; return structured error responses via Hono
+
+## Contributing Notes
+- Monorepo layout: `packages/{api,platform,metadata,tools}`
+- Prefer editing existing files; follow local tsconfig and lint rules
+- Running a single test: use package scope with PNPM filters: `pnpm -w --filter packages/<pkg> test`
+
+## Tooling Rules
+- No Cursor or Copilot rules detected in `.cursor/` or `.github/copilot-instructions.md`; if added, include them here and follow their directives.
+
+(Keep this file short; agents must follow these conventions when modifying code.)
\ No newline at end of file
diff --git a/README.md b/README.md
index 7ac0289..97bed75 100644
--- a/README.md
+++ b/README.md
@@ -39,27 +39,40 @@ Arrhes est une solution complète de comptabilité conçue spécifiquement pour
 
 ## Démarrage rapide
 
-### Option 1 : Dev Container 🚀 (Le plus simple)
-
-Prérequis : Docker, VS Code ou Cursor avec l'extension Dev Containers
-
-```bash
-# Cloner le repository
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
-
-# Ouvrir dans VS Code/Cursor
-code .
-
-# Cliquer sur "Reopen in Container" quand demandé
-# Ou : Cmd/Ctrl+Shift+P > "Dev Containers: Reopen in Container"
-
-# L'environnement se configure automatiquement !
-# Une fois prêt, lancer l'application :
-pnpm run dev
-```
-
-Tout est configuré automatiquement : Node.js, pnpm, PostgreSQL, MinIO, MailHog, et les données de démonstration !
+### Option 1 : Dev Container 🚀 (Le plus simple)
+
+Prérequis : Docker
+
+Quick CLI workflow (no editor integration required):
+
+```bash
+# Clone & enter repo
+git clone https://github.com/arrhes/arrhes-platform.git
+cd arrhes-platform
+
+# Start the devcontainer services (bind-mounts your workspace)
+./devcontainer-start.sh
+
+# Bootstrap the workspace (run inside the devcontainer): installs deps, builds metadata, pushes schema and seeds DB
+./dev/scripts/initialize.sh
+
+# Open an interactive shell inside the devcontainer (one-line)
+docker compose -f .dev/compose.yml exec devcontainer bash
+
+# From that shell you can start the dev servers (they must bind to 0.0.0.0 to be reachable from the host):
+# API
+pnpm --filter api run dev
+# Platform (Vite) - ensure host binding
+pnpm --filter platform run dev -- --host
+# Website (Vite) - ensure host binding
+pnpm --filter website run dev -- --host
+```
+
+If you prefer to attach VS Code to the running container instead of using an in-container shell, install the "Dev Containers" extension and use "Dev Containers: Attach to Running Container..." then select the `devcontainer` container. Edits are persisted on the host because the service mount `.:/workspace` is a bind mount.
+
+
+
+Tout est configuré automatiquement : Node.js, pnpm, PostgreSQL, RustFS, MailHog, et les données de démonstration !
 
 ### Option 2 : Avec Docker Compose 🐳
 
@@ -73,11 +86,11 @@ cd arrhes-platform
 # Installer les dépendances
 pnpm install
 
-# Lancer les services (PostgreSQL, MinIO, MailHog)
+# Lancer les services (PostgreSQL, RustFS, MailHog)
 docker-compose up -d
 
-# Créer le bucket MinIO
-# Accéder à http://localhost:9001 (minioadmin / minioadmin)
+# Créer le bucket RustFS
+# Accéder à http://localhost:9001 (arrhes_rustfs / arrhes_rustfs_secret)
 # Créer un bucket nommé "arrhes-files"
 
 # Configurer les variables d'environnement
diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100644
index aee6cee..0000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,78 +0,0 @@
-version: '3.8'
-
-services:
-  # Container de développement (pour Dev Containers)
-  devcontainer:
-    build:
-      context: .
-      dockerfile: .devcontainer/Dockerfile
-      args:
-        NODE_VERSION: "24"
-    volumes:
-      - .:/workspace:cached
-    command: sleep infinity
-    depends_on:
-      - postgres
-      - minio
-      - mailhog
-    network_mode: service:postgres
-
-  # Base de données PostgreSQL
-  postgres:
-    image: postgres:16-alpine
-    container_name: arrhes-postgres
-    restart: unless-stopped
-    environment:
-      POSTGRES_USER: arrhes_user
-      POSTGRES_PASSWORD: arrhes_password
-      POSTGRES_DB: arrhes
-    ports:
-      - "5432:5432"
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-    healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U arrhes_user -d arrhes"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-  # Stockage S3 compatible (MinIO)
-  minio:
-    image: quay.io/minio/minio:latest
-    container_name: arrhes-minio
-    restart: unless-stopped
-    command: server /data --console-address ":9001"
-    environment:
-      MINIO_ROOT_USER: minioadmin
-      MINIO_ROOT_PASSWORD: minioadmin
-    ports:
-      - "9000:9000"  # API
-      - "9001:9001"  # Console web
-    volumes:
-      - minio_data:/data
-    healthcheck:
-      test: ["CMD", "mc", "ready", "local"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-  # Serveur SMTP de test (MailHog)
-  mailhog:
-    image: mailhog/mailhog:latest
-    container_name: arrhes-mailhog
-    restart: unless-stopped
-    ports:
-      - "1025:1025"  # SMTP
-      - "8025:8025"  # Interface web
-    healthcheck:
-      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:8025"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-
-volumes:
-  postgres_data:
-    name: arrhes_postgres_data
-  minio_data:
-    name: arrhes_minio_data
-
diff --git a/docs/CONFIGURATION.md b/docs/CONFIGURATION.md
index 861bd29..5a92889 100644
--- a/docs/CONFIGURATION.md
+++ b/docs/CONFIGURATION.md
@@ -26,7 +26,7 @@ Ces fichiers ne sont **pas versionnés** (`.gitignore`) pour des raisons de séc
 
 **Option 1 : Avec Docker Compose (Recommandé) 🐳**
 
-Le fichier `docker-compose.yml` à la racine du projet lance automatiquement PostgreSQL, MinIO et MailHog avec des valeurs par défaut prêtes à l'emploi. Cette option simplifie grandement la configuration.
+Le fichier `docker-compose.yml` à la racine du projet lance automatiquement PostgreSQL, RustFS et MailHog avec des valeurs par défaut prêtes à l'emploi. Cette option simplifie la configuration.
 
 **Option 2 : Installation native**
 
@@ -72,10 +72,10 @@ Fichier : `packages/api/.env`
 
 | Variable | Type | Description | Exemple |
 |----------|------|-------------|---------|
-| `STORAGE_ENDPOINT` | `string` | Endpoint S3 (ou compatible) | `http://localhost:9000` (MinIO) |
-| `STORAGE_NAME` | `string` | Nom du bucket S3 | `arrhes-files` |
-| `STORAGE_ACCESS_KEY` | `string` | Clé d'accès S3 | `minioadmin` |
-| `STORAGE_SECRET_KEY` | `string` | Clé secrète S3 | `minioadmin` |
+| `STORAGE_ENDPOINT` | `string` | Endpoint S3 (ou compatible) | `http://localhost:9000` (RustFS) |
+| `STORAGE_BUCKET_NAME` | `string` | Nom du bucket S3 | `arrhes-files` |
+| `STORAGE_ACCESS_KEY` | `string` | Clé d'accès S3 | `arrhes_rustfs` |
+| `STORAGE_SECRET_KEY` | `string` | Clé secrète S3 | `arrhes_rustfs_secret` |
 
 ### Email SMTP
 
@@ -184,50 +184,43 @@ Le système de stockage utilise l'API AWS S3 mais fonctionne avec n'importe quel
 
 ### Option 1 : Avec Docker Compose (Recommandé) 🐳
 
-Le fichier `docker-compose.yml` lance automatiquement MinIO.
+Le fichier `docker-compose.yml` lance automatiquement RustFS.
 
-**Lancer MinIO :**
+**Lancer RustFS :**
 ```bash
-docker-compose up -d minio
+docker-compose up -d rustfs
 ```
 
 **Configuration par défaut :**
 - **Endpoint** : `http://localhost:9000`
-- **Console** : http://localhost:9001
-- **Access Key** : `minioadmin`
-- **Secret Key** : `minioadmin`
+- **Web UI** : http://localhost:9001
+- **Access Key** : `arrhes_rustfs`
+- **Secret Key** : `arrhes_rustfs_secret`
 - **Bucket** : `arrhes-files` (à créer)
 
 **Variables d'environnement :**
 ```env
 STORAGE_ENDPOINT=http://localhost:9000
-STORAGE_NAME=arrhes-files
-STORAGE_ACCESS_KEY=minioadmin
-STORAGE_SECRET_KEY=minioadmin
+STORAGE_BUCKET_NAME=arrhes-files
+STORAGE_ACCESS_KEY=arrhes_rustfs
+STORAGE_SECRET_KEY=arrhes_rustfs_secret
 ```
 
 **Création du bucket :**
 
 Via l'interface web :
 1. Accéder à http://localhost:9001
-2. Se connecter avec `minioadmin` / `minioadmin`
+2. Se connecter avec `arrhes_rustfs` / `arrhes_rustfs_secret`
 3. Cliquer sur "Buckets" > "Create Bucket"
 4. Nommer le bucket `arrhes-files`
 
-Ou via la ligne de commande :
-```bash
-docker exec arrhes-minio mc alias set local http://localhost:9000 minioadmin minioadmin
-docker exec arrhes-minio mc mb local/arrhes-files
-docker exec arrhes-minio mc anonymous set public local/arrhes-files
-```
-
 **Commandes utiles :**
 ```bash
 # Voir les logs
-docker-compose logs minio
+docker-compose logs rustfs
 
 # Redémarrer
-docker-compose restart minio
+docker-compose restart rustfs
 ```
 
 ### Option 2 : MinIO standalone (sans Docker Compose)
@@ -237,11 +230,12 @@ docker-compose restart minio
 docker run -d \
   -p 9000:9000 \
   -p 9001:9001 \
-  --name minio \
-  -e "MINIO_ROOT_USER=minioadmin" \
-  -e "MINIO_ROOT_PASSWORD=minioadmin" \
-  -v ~/minio/data:/data \
-  quay.io/minio/minio server /data --console-address ":9001"
+  --name rustfs \
+
+  -e "RUSTFS_ROOT_USER=arrhes_rustfs" \
+  -e "RUSTFS_ROOT_PASSWORD=arrhes_rustfs_secret" \
+  -v ~/rustfs/data:/data \
+  rustfs/rustfs:latest server /data --web-ui-address ":9001"
 ```
 
 Suivez ensuite les mêmes étapes de création de bucket que ci-dessus.
@@ -251,7 +245,7 @@ Suivez ensuite les mêmes étapes de création de bucket que ci-dessus.
 **Configuration :**
 ```env
 STORAGE_ENDPOINT=https://s3.eu-west-3.amazonaws.com
-STORAGE_NAME=your-bucket-name
+STORAGE_BUCKET_NAME=your-bucket-name
 STORAGE_ACCESS_KEY=YOUR_AWS_ACCESS_KEY
 STORAGE_SECRET_KEY=YOUR_AWS_SECRET_KEY
 ```
@@ -387,51 +381,10 @@ SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
 
 # Stockage MinIO (Docker Compose)
 STORAGE_ENDPOINT=http://localhost:9000
-STORAGE_NAME=arrhes-files
-STORAGE_ACCESS_KEY=minioadmin
-STORAGE_SECRET_KEY=minioadmin
-
-# Email MailHog (Docker Compose)
-EMAIL_ENDPOINT=localhost:1025
-EMAIL_USER=test
-EMAIL_PASSWORD=test
-```
-
-**Étape 3 : `packages/tools/.env`**
-```env
-DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
-```
-
-**Étape 4 : Créer le bucket MinIO**
-Accédez à http://localhost:9001 (minioadmin / minioadmin) et créez un bucket `arrhes-files`.
-
-### Configuration native (PostgreSQL local + MinIO Docker)
-
-**`packages/api/.env` :**
-```env
-# Environnement
-ENV=development
-VERBOSE=true
-PORT=3000
-
-# CORS et Cookies
-CORS_ORIGIN=http://localhost:5173
-COOKIES_DOMAIN=localhost
-COOKIES_KEY=my-super-secret-development-key-at-least-32-chars
-
-# URLs
-API_BASE_URL=http://localhost:3000
-PLATFORM_BASE_URL=http://localhost:5173
-WEBSITE_BASE_URL=http://localhost:5174
+STORAGE_BUCKET_NAME=arrhes-files
+STORAGE_ACCESS_KEY=arrhes_rustfs
+STORAGE_SECRET_KEY=arrhes_rustfs_secret
 
-# Base de données (PostgreSQL local)
-SQL_DATABASE_URL=postgres://arrhes_user:your-password@localhost:5432/arrhes
-
-# Stockage MinIO (Docker standalone)
-STORAGE_ENDPOINT=http://localhost:9000
-STORAGE_NAME=arrhes-files
-STORAGE_ACCESS_KEY=minioadmin
-STORAGE_SECRET_KEY=minioadmin
 
 # Email (MailHog Docker standalone)
 EMAIL_ENDPOINT=localhost:1025
@@ -468,7 +421,7 @@ SQL_DATABASE_URL=postgres://user:pass@db.provider.com:5432/arrhes
 
 # Stockage AWS S3
 STORAGE_ENDPOINT=https://s3.eu-west-3.amazonaws.com
-STORAGE_NAME=my-arrhes-bucket
+STORAGE_BUCKET_NAME=my-arrhes-bucket
 STORAGE_ACCESS_KEY=AKIAIOSFODNN7EXAMPLE
 STORAGE_SECRET_KEY=wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY
 
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index e7d0284..93ba59c 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -25,7 +25,7 @@ Vous avez trois options pour développer Arrhes :
 **Avantages :**
 - ✨ Configuration 100% automatique
 - Environnement de développement complet dans un container
-- Tous les services préconfigurés (PostgreSQL, MinIO, MailHog)
+- Tous les services préconfigurés (PostgreSQL, RustFS, MailHog)
 - Base de données initialisée automatiquement avec données de démo
 - Extensions VS Code/Cursor installées automatiquement
 - Zéro configuration manuelle
@@ -39,7 +39,7 @@ Vous avez trois options pour développer Arrhes :
 ### Option 2 : Développement avec Docker Compose 🐳
 
 **Avantages :**
-- Configuration simplifiée (pas d'installation de PostgreSQL, MinIO, etc.)
+- Configuration simplifiée (pas d'installation de PostgreSQL, RustFS, etc.)
 - Environnement standardisé et reproductible
 - Isolation complète des services
 - Node.js et pnpm installés localement (meilleure performance)
@@ -62,7 +62,7 @@ Vous avez trois options pour développer Arrhes :
 - Node.js 24.5+
 - pnpm
 - PostgreSQL installé localement
-- Optionnellement Docker pour MinIO et MailHog
+- Optionnellement Docker pour RustFS et MailHog
 
 **Idéal pour :** Développeurs expérimentés, personnalisation avancée
 
@@ -86,7 +86,7 @@ Vous avez trois options pour développer Arrhes :
   - VS Code : https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
   - Cursor : Installer depuis le marketplace d'extensions
 
-C'est tout ! Node.js, pnpm, PostgreSQL, MinIO et MailHog seront configurés automatiquement dans le container.
+C'est tout ! Node.js, pnpm, PostgreSQL, RustFS et MailHog seront configurés automatiquement dans le container.
 
 ### Prérequis communs (Options 2 et 3)
 
@@ -117,7 +117,7 @@ C'est tout ! Node.js, pnpm, PostgreSQL, MinIO et MailHog seront configurés auto
   docker-compose --version
   ```
 
-C'est tout ! PostgreSQL, MinIO et MailHog seront lancés automatiquement dans des containers.
+C'est tout ! PostgreSQL, RustFS et MailHog seront lancés automatiquement dans des containers.
 
 ### Option 3 : Développement natif
 
@@ -144,7 +144,7 @@ C'est tout ! PostgreSQL, MinIO et MailHog seront lancés automatiquement dans de
   **Windows :**
   Télécharger depuis https://www.postgresql.org/download/windows/
 
-- **Docker** (optionnel, pour MinIO et MailHog) : https://www.docker.com/get-started
+- **Docker** (optionnel, pour RustFS et MailHog) : https://www.docker.com/get-started
 - Ou configurez des services S3 et SMTP alternatifs
 
 ## Installation
@@ -170,7 +170,7 @@ cursor .
 
 **Étape 3 : Reopen in Container**
 
-Lorsque VS Code/Cursor détecte le fichier `.devcontainer/devcontainer.json`, une notification apparaît :
+Lorsque VS Code/Cursor détecte le fichier `.dev/devcontainer.json`, une notification apparaît :
 
 > "Folder contains a Dev Container configuration file. Reopen folder to develop in a container?"
 
@@ -182,7 +182,7 @@ Cliquez sur **"Reopen in Container"** ou utilisez la palette de commandes :
 **Ce qui se passe automatiquement :**
 1. 🐳 Construction du container de développement
 2. 📦 Installation de toutes les dépendances (pnpm install)
-3. 🚀 Démarrage de PostgreSQL, MinIO et MailHog
+3. 🚀 Démarrage de PostgreSQL, RustFS et MailHog
 4. ⏳ Attente que PostgreSQL soit prêt
 5. 🗄️ Création du schéma de base de données
 6. 🌱 Insertion des données de démonstration
@@ -202,7 +202,7 @@ C'est tout ! Vous êtes prêt à développer. 🎉
 **URLs d'accès :**
 - **Platform** : http://localhost:5173
 - **API** : http://localhost:3000
-- **MinIO Console** : http://localhost:9001 (minioadmin / minioadmin)
+- **RustFS Console** : http://localhost:9001 (arrhes_rustfs / arrhes_rustfs_secret)
 - **MailHog** : http://localhost:8025
 
 **Identifiants de démonstration :**
@@ -273,7 +273,7 @@ Les fichiers suivants sont créés automatiquement :
 
 **Note importante :** Dans le Dev Container, les URLs pointent vers les noms de services Docker :
 - PostgreSQL : `postgres:5432` (au lieu de `localhost:5432`)
-- MinIO : `minio:9000` (au lieu de `localhost:9000`)
+- RustFS : `rustfs:9000` (au lieu de `localhost:9000`)
 - MailHog : `mailhog:1025` (au lieu de `localhost:1025`)
 
 Si vous souhaitez modifier la configuration, éditez directement les fichiers `.env` créés.
@@ -285,7 +285,7 @@ Si vous souhaitez modifier la configuration, éditez directement les fichiers `.
 #### 1. Lancer les services avec Docker Compose
 
 ```bash
-# Lancer tous les services (PostgreSQL, MinIO, MailHog)
+# Lancer tous les services (PostgreSQL, RustFS, MailHog)
 docker-compose up -d
 
 # Vérifier que tout fonctionne
@@ -294,24 +294,23 @@ docker-compose ps
 
 Les services seront disponibles sur :
 - **PostgreSQL** : `localhost:5432`
-- **MinIO API** : `localhost:9000`
-- **MinIO Console** : http://localhost:9001
+- **RustFS API** : `localhost:9000`
+- **RustFS Console** : http://localhost:9001
 - **MailHog SMTP** : `localhost:1025`
 - **MailHog Web** : http://localhost:8025
 
-#### 2. Créer le bucket MinIO
+#### 2. Créer le bucket RustFS
 
 ```bash
-# Accéder à la console MinIO : http://localhost:9001
-# Credentials : minioadmin / minioadmin
+# Accéder à la console RustFS : http://localhost:9001
+# Credentials : arrhes_rustfs / arrhes_rustfs_secret
 # Créer un bucket nommé "arrhes-files"
 ```
 
 Ou via la ligne de commande :
 ```bash
-# Installer le client MinIO
-docker exec arrhes-minio mc alias set local http://localhost:9000 minioadmin minioadmin
-docker exec arrhes-minio mc mb local/arrhes-files
+# Installer le client RustFS
+# Create the bucket via the RustFS web UI at http://localhost:9001 or use an S3-compatible client to create `arrhes-files`.
 ```
 
 #### 3. Créer les fichiers de configuration
@@ -339,11 +338,11 @@ WEBSITE_BASE_URL=http://localhost:5174
 # Base de données (Docker Compose)
 SQL_DATABASE_URL=postgres://arrhes_user:arrhes_password@localhost:5432/arrhes
 
-# Stockage MinIO (Docker Compose)
+# Stockage RustFS (Docker Compose)
 STORAGE_ENDPOINT=http://localhost:9000
-STORAGE_NAME=arrhes-files
-STORAGE_ACCESS_KEY=minioadmin
-STORAGE_SECRET_KEY=minioadmin
+STORAGE_BUCKET_NAME=arrhes-files
+STORAGE_ACCESS_KEY=arrhes_rustfs
+STORAGE_SECRET_KEY=arrhes_rustfs_secret
 
 # Email MailHog (Docker Compose)
 EMAIL_ENDPOINT=localhost:1025
@@ -382,20 +381,21 @@ GRANT ALL PRIVILEGES ON DATABASE arrhes TO arrhes_user;
 
 #### 2. Configurer les services externes (optionnel)
 
-**MinIO (Stockage de fichiers) :**
+**RustFS (Stockage de fichiers) :**
 
 ```bash
-# Lancer MinIO avec Docker
+# Lancer RustFS avec Docker
 docker run -d \
   -p 9000:9000 \
   -p 9001:9001 \
-  --name minio \
-  -e "MINIO_ROOT_USER=minioadmin" \
-  -e "MINIO_ROOT_PASSWORD=minioadmin" \
-  -v ~/minio/data:/data \
-  quay.io/minio/minio server /data --console-address ":9001"
+  --name rustfs \
 
-# Accéder à la console : http://localhost:9001
+  -e "RUSTFS_ROOT_USER=arrhes_rustfs" \
+  -e "RUSTFS_ROOT_PASSWORD=arrhes_rustfs_secret" \
+  -v ~/rustfs/data:/data \
+  rustfs/rustfs:latest server /data --web-ui-address ":9001"
+
+# Accéder à la web UI : http://localhost:9001
 # Créer un bucket nommé "arrhes-files"
 ```
 
@@ -504,7 +504,7 @@ pnpm --filter metadata run dev
 
 - **Frontend (Platform)** : http://localhost:5173
 - **API** : http://localhost:3000
-- **MinIO Console** : http://localhost:9001 (minioadmin / minioadmin)
+- **RustFS Console** : http://localhost:9001 (arrhes_rustfs / arrhes_rustfs_secret)
 - **MailHog Web UI** : http://localhost:8025
 
 ### Identifiants de démonstration
@@ -517,7 +517,7 @@ Password : demo
 ### Notes par option
 
 **Dev Container :**
-- Les services (PostgreSQL, MinIO, MailHog) sont déjà démarrés automatiquement
+- Les services (PostgreSQL, RustFS, MailHog) sont déjà démarrés automatiquement
 - Les ports sont automatiquement forwardés vers votre machine locale
 - Vous pouvez cliquer sur les ports dans VS Code/Cursor pour ouvrir les URLs
 
@@ -527,7 +527,7 @@ Password : demo
 
 **Natif :**
 - Assurez-vous que PostgreSQL est démarré
-- Si vous utilisez MinIO/MailHog avec Docker, vérifiez qu'ils tournent : `docker ps`
+- Si vous utilisez RustFS/MailHog avec Docker, vérifiez qu'ils tournent : `docker ps`
 
 ## Structure du projet
 
@@ -683,7 +683,7 @@ pnpm --filter tools run drop
 
 1. **Lancer les services**
    ```bash
-   # Lancer tous les services (PostgreSQL, MinIO, MailHog)
+   # Lancer tous les services (PostgreSQL, RustFS, MailHog)
    docker-compose up -d
    ```
 
@@ -716,8 +716,8 @@ pnpm --filter tools run drop
    # PostgreSQL (si pas démarré)
    sudo systemctl start postgresql
    
-   # MinIO (si utilisé avec Docker)
-   docker start minio
+   # RustFS (si utilisé avec Docker)
+   docker start rustfs
    
    # MailHog (si utilisé avec Docker)
    docker start mailhog
@@ -908,9 +908,9 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 - Vérifiez que l'API et la platform sont sur le même domaine
 
 **"S3/Storage error" :**
-- Vérifiez que MinIO est démarré : `docker ps | grep minio`
+- Vérifiez que RustFS est démarré : `docker ps | grep rustfs`
 - Vérifiez que le bucket existe (console : http://localhost:9001)
-- Testez l'endpoint : `curl http://localhost:9000/minio/health/live`
+- Testez l'endpoint : `curl http://localhost:9000/health || curl http://localhost:9000/health/live`
 
 **Problèmes Docker :**
 - **Port déjà utilisé :** Un autre service utilise le même port
@@ -922,7 +922,7 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 - **Container ne démarre pas :** Voir les logs
   ```bash
   docker-compose logs postgres
-  docker-compose logs minio
+  docker-compose logs rustfs
   docker-compose logs mailhog
   ```
 - **Réinitialiser complètement :**
diff --git a/packages/api/src/utilities/getEnv.ts b/packages/api/src/utilities/getEnv.ts
index 2b80264..2307402 100644
--- a/packages/api/src/utilities/getEnv.ts
+++ b/packages/api/src/utilities/getEnv.ts
@@ -23,7 +23,7 @@ const envSchema = v.object({
     SQL_DATABASE_URL: v.string(),
 
     STORAGE_ENDPOINT: v.string(),
-    STORAGE_NAME: v.string(),
+    STORAGE_BUCKET_NAME: v.string(),
     STORAGE_ACCESS_KEY: v.string(),
     STORAGE_SECRET_KEY: v.string(),
 
diff --git a/packages/api/src/utilities/storage/deleteObject.ts b/packages/api/src/utilities/storage/deleteObject.ts
index 667ec6b..4031767 100644
--- a/packages/api/src/utilities/storage/deleteObject.ts
+++ b/packages/api/src/utilities/storage/deleteObject.ts
@@ -14,7 +14,7 @@ export async function deleteObject(parameters: {
     try {
 
         const command = new DeleteObjectCommand({
-            Bucket: parameters.var.env.STORAGE_NAME,
+            Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
             Key: parameters.storageKey
         })
 
diff --git a/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts b/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
index 5666260..e273e3c 100644
--- a/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
@@ -17,7 +17,7 @@ export async function generateDeleteSignedUrl(parameters: {
         const signedUrl = await getSignedUrl(
             parameters.var.clients.storage,
             new DeleteObjectCommand({
-                Bucket: parameters.var.env.STORAGE_NAME,
+                Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
                 Key: parameters.storageKey
             }),
             {
diff --git a/packages/api/src/utilities/storage/generateGetSignedUrl.ts b/packages/api/src/utilities/storage/generateGetSignedUrl.ts
index 296551c..9e71b40 100644
--- a/packages/api/src/utilities/storage/generateGetSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generateGetSignedUrl.ts
@@ -18,7 +18,7 @@ export async function generateGetSignedUrl(parameters: {
         const signedUrl = await getSignedUrl(
             parameters.var.clients.storage,
             new GetObjectCommand({
-                Bucket: parameters.var.env.STORAGE_NAME,
+                Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
                 Key: parameters.storageKey
             }),
             {
diff --git a/packages/api/src/utilities/storage/generatePutSignedUrl.ts b/packages/api/src/utilities/storage/generatePutSignedUrl.ts
index a3d6d7c..6b705d9 100644
--- a/packages/api/src/utilities/storage/generatePutSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generatePutSignedUrl.ts
@@ -21,7 +21,7 @@ export async function generatePutSignedUrl(parameters: {
             parameters.var.clients.storage,
             new PutObjectCommand({
                 ACL: "private",
-                Bucket: parameters.var.env.STORAGE_NAME,
+                Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
                 Key: parameters.storageKey,
                 ContentLength: parameters.contentLength,
                 ContentType: parameters.contentType,
diff --git a/packages/api/src/utilities/storage/getObject.ts b/packages/api/src/utilities/storage/getObject.ts
index 569eb47..9ed7c48 100644
--- a/packages/api/src/utilities/storage/getObject.ts
+++ b/packages/api/src/utilities/storage/getObject.ts
@@ -14,7 +14,7 @@ export async function getObject(parameters: {
     try {
 
         const command = new GetObjectCommand({
-            Bucket: parameters.var.env.STORAGE_NAME,
+            Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
             Key: parameters.storageKey ?? undefined
         })
 
diff --git a/packages/api/src/utilities/storage/putObject.ts b/packages/api/src/utilities/storage/putObject.ts
index 6bcdb63..7cdb68d 100644
--- a/packages/api/src/utilities/storage/putObject.ts
+++ b/packages/api/src/utilities/storage/putObject.ts
@@ -19,7 +19,7 @@ export async function putObject(parameters: {
 
         const command = new PutObjectCommand({
             ACL: "private",
-            Bucket: parameters.var.env.STORAGE_NAME,
+            Bucket: parameters.var.env.STORAGE_BUCKET_NAME,
             Key: parameters.storageKey,
             ContentLength: parameters.contentLength,
             ContentType: parameters.contentType,
diff --git a/packages/platform/vite.config.ts b/packages/platform/vite.config.ts
index 1e94823..dde45b2 100644
--- a/packages/platform/vite.config.ts
+++ b/packages/platform/vite.config.ts
@@ -16,7 +16,7 @@ export default defineConfig(() => {
         envDir: "../",
         server: {
             host: true,
-            port: 3101,
+            port: 5173,
             watch: {
                 usePolling: true
             },
diff --git a/packages/tools/package.json b/packages/tools/package.json
index aab3422..9faa32a 100644
--- a/packages/tools/package.json
+++ b/packages/tools/package.json
@@ -3,15 +3,15 @@
     "type": "module",
     "private": true,
     "scripts": {
-        "generate": "pnpm drizzle-kit generate --config=drizzle.config.ts",
-        "push": "pnpm drizzle-kit push --config=drizzle.config.ts",
-        "pull": "pnpm drizzle-kit introspect --config=drizzle.config.ts",
-        "migrate": "pnpm drizzle-kit migrate --config=drizzle.config.ts",
+        "generate": "pnpm drizzle-kit generate --config=./src/drizzle.config.ts",
+        "push": "pnpm drizzle-kit push --config=./src/drizzle.config.ts",
+        "pull": "pnpm drizzle-kit introspect --config=./src/drizzle.config.ts",
+        "migrate": "pnpm drizzle-kit migrate --config=./src/drizzle.config.ts",
         "seed": "tsx --env-file=.env ./src/seed/seed.ts",
         "clear": "tsx --env-file=.env ./src/clearDB.ts",
         "sendSQL": "tsx --env-file=.env ./src/sendSQL.ts",
         "reset": "tsx --env-file=.env ./src/clearDB.ts && pnpm run push && tsx --env-file=.env ./src/seed/seed.ts",
-        "drop": "pnpm drizzle-kit drop --config=drizzle.config.ts"
+        "drop": "pnpm drizzle-kit drop --config=./src/drizzle.config.ts"
     },
     "devDependencies": {
         "@types/node": "24.10.1",
@@ -27,4 +27,4 @@
         "postgres": "3.4.7",
         "valibot": "1.2.0"
     }
-}
+}
\ No newline at end of file
diff --git a/packages/tools/src/clearDB.ts b/packages/tools/src/clearDB.ts
index feaa13f..1bdc1a9 100644
--- a/packages/tools/src/clearDB.ts
+++ b/packages/tools/src/clearDB.ts
@@ -1,11 +1,5 @@
 import { sql } from 'drizzle-orm'
-import { drizzle } from "drizzle-orm/postgres-js"
-import postgres from "postgres"
-import { env } from './env.js'
-
-
-const connection = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
-const db = drizzle(connection)
+import { dbClient } from './dbClient.js'
 
 
 async function clearDb() {
@@ -17,11 +11,11 @@ async function clearDb() {
     `
     // CREATE EXTENSION IF NOT EXISTS pg_trgm;
 
-    const tables = await db.execute(query)
+    const tables = await dbClient.execute(query)
 
     for (let table of tables) {
         const query = sql.raw(`DROP TABLE ${table.table_name} CASCADE;`)
-        await db.execute(query)
+        await dbClient.execute(query)
     }
 
     return
diff --git a/packages/tools/src/dbClient.ts b/packages/tools/src/dbClient.ts
index 66a24f7..516a74f 100644
--- a/packages/tools/src/dbClient.ts
+++ b/packages/tools/src/dbClient.ts
@@ -1,7 +1,8 @@
-import { env } from "#/env.js"
+import { modelSchemas } from "@arrhes/metadata/models"
 import { drizzle } from "drizzle-orm/postgres-js"
 import postgres from "postgres"
+import { env } from "./env.js"
 
 
-const connection = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
-export const dbClient = drizzle(connection)
+const connection = postgres(env()?.SQL_DATABASE_URL ?? "", { max: 1 })
+export const dbClient = drizzle(connection, { schema: modelSchemas })
diff --git a/packages/tools/drizzle.config.ts b/packages/tools/src/drizzle.config.ts
similarity index 71%
rename from packages/tools/drizzle.config.ts
rename to packages/tools/src/drizzle.config.ts
index fb657d4..ae95a24 100644
--- a/packages/tools/drizzle.config.ts
+++ b/packages/tools/src/drizzle.config.ts
@@ -1,5 +1,5 @@
 import type { Config } from "drizzle-kit"
-import { env } from "./src/env"
+import { env } from "./env.js"
 
 
 export default {
@@ -8,7 +8,7 @@ export default {
     dialect: "postgresql",
     strict: true,
     dbCredentials: {
-        url: env()?.DATABASE_URL ?? "",
+        url: env()?.SQL_DATABASE_URL ?? "",
     },
     verbose: true,
 } satisfies Config
diff --git a/packages/tools/src/env.ts b/packages/tools/src/env.ts
index f277b69..0bc16dc 100644
--- a/packages/tools/src/env.ts
+++ b/packages/tools/src/env.ts
@@ -6,7 +6,7 @@ export function env() {
         return v.parse(
             v.object({
                 NODE_ENV: v.picklist(["development", "production"]),
-                DATABASE_URL: v.string()
+                SQL_DATABASE_URL: v.string()
             }),
             process.env,
         )
diff --git a/packages/tools/src/migrate.ts b/packages/tools/src/migrate.ts
index 0170a2a..24512c3 100644
--- a/packages/tools/src/migrate.ts
+++ b/packages/tools/src/migrate.ts
@@ -4,7 +4,7 @@ import postgres from "postgres"
 import { env } from "./env.js"
 
 
-const sql = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
+const sql = postgres(env()?.SQL_DATABASE_URL ?? "", { max: 1 })
 const db = drizzle(sql)
 
 await migrate(db, { migrationsFolder: "drizzle" })
diff --git a/packages/tools/src/seed/migration.ts b/packages/tools/src/seed/migration.ts
index eb856c7..d730f09 100644
--- a/packages/tools/src/seed/migration.ts
+++ b/packages/tools/src/seed/migration.ts
@@ -1,14 +1,9 @@
-import { drizzle } from "drizzle-orm/postgres-js"
-import postgres from "postgres"
-import { env } from '../env.js'
+import { dbClient } from "../dbClient.js"
 
 
-const connection = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
-const db = drizzle(connection)
-
 async function migration() {
     try {
-        await db.transaction(async (tx) => {
+        await dbClient.transaction(async (tx) => {
 
         })
 
diff --git a/packages/tools/src/seed/recordRows.ts b/packages/tools/src/seed/recordRows.ts
index e96e877..b8be2ed 100644
--- a/packages/tools/src/seed/recordRows.ts
+++ b/packages/tools/src/seed/recordRows.ts
@@ -1,17 +1,10 @@
-import { modelSchemas } from "@arrhes/metadata/models"
 import { and, eq } from "drizzle-orm"
-import { drizzle } from "drizzle-orm/postgres-js"
-import postgres from "postgres"
-import { env } from '../env.js'
-
-
-const connection = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
-const db = drizzle(connection, { schema: modelSchemas })
+import { dbClient } from "../dbClient.js"
 
 
 async function recordRows() {
     try {
-        await db.transaction(async (tx) => {
+        await dbClient.transaction(async (tx) => {
 
 
             // recordrows
diff --git a/packages/tools/src/seed/seed.ts b/packages/tools/src/seed/seed.ts
index 4445059..3faa6b4 100644
--- a/packages/tools/src/seed/seed.ts
+++ b/packages/tools/src/seed/seed.ts
@@ -1,20 +1,14 @@
-import { DefaultBalanceSheet, defaultCompanyBalanceSheets, defaultCompanyIncomeStatements, DefaultComputation, defaultComputations, defaultJournals } from '@arrhes/metadata/components'
+import { defaultJournals } from '@arrhes/metadata/components'
 import { models } from '@arrhes/metadata/models'
 import { generateId } from '@arrhes/metadata/utilities'
 import { randFirstName } from '@ngneat/falso'
 import { pbkdf2Sync, randomBytes } from "crypto"
-import { drizzle } from "drizzle-orm/postgres-js"
-import postgres from "postgres"
-import { env } from '../env.js'
-
-
-const connection = postgres(env()?.DATABASE_URL ?? "", { max: 1 })
-const db = drizzle(connection)
+import { dbClient } from '../dbClient.js'
 
 
 async function seed() {
     try {
-        await db.transaction(async (tx) => {
+        await dbClient.transaction(async (tx) => {
 
 
             // User
@@ -41,7 +35,7 @@ async function seed() {
                 isArchived: false,
                 scope: "company",
                 siren: "123456789",
-                name: "Arrhes",
+                name: "Demo company",
                 email: "demo@arrhes.com",
                 createdAt: new Date().toISOString(),
             }
@@ -63,13 +57,14 @@ async function seed() {
 
             // Years
             console.log("Add years")
+            const currentDate = new Date()
             const newYear: (typeof models.year.$inferInsert) = {
                 id: generateId(),
                 idOrganization: newOrganization.id,
                 isClosed: false,
-                label: "Exercice 2024",
-                startingAt: new Date(2024, 0, 1, 0, 0).toISOString(),
-                endingAt: new Date(2024, 11, 31, 23, 59, 99).toISOString(),
+                label: `Exercice ${currentDate.getFullYear()}`,
+                startingAt: new Date(currentDate.getFullYear(), 0, 1, 0, 0).toISOString(),
+                endingAt: new Date(currentDate.getFullYear(), 11, 31, 23, 59, 99).toISOString(),
                 createdAt: new Date().toISOString(),
             }
             await tx.insert(models.year).values(newYear)
@@ -88,138 +83,138 @@ async function seed() {
             await tx.insert(models.journal).values(newJournals)
 
 
-            // Accounts
-            // console.log("Add accounts")
-            // let newAccounts: (typeof models.account.$inferInsert)[] = defaultCompanyAccounts.map((_account) => ({
+            // // Accounts
+            // // console.log("Add accounts")
+            // // let newAccounts: (typeof models.account.$inferInsert)[] = defaultCompanyAccounts.map((_account) => ({
+            // //     id: generateId(),
+            // //     idOrganization: newOrganization.id,
+            // //     idYear: newYear.id,
+            // //     idParent: undefined,
+            // //     isDefault: true,
+            // //     number: _account.number.toString(),
+            // //     isMandatory: _account.isMandatory,
+            // //     isClass: _account.isClass,
+            // //     isSelectable: _account.isSelectable,
+            // //     label: _account.label,
+            // //     type: _account.type,
+            // //     scope: "company",
+            // //     createdAt: new Date().toISOString(),
+            // // }))
+            // // newAccounts = newAccounts.map((_account) => {
+            // //     const parent = newAccounts.find((x) => x.number !== _account.number && _account.number.toString().includes(x.number.toString()) && _account.number.toString().length === x.number.toString().length + 1)
+
+            // //     return ({
+            // //         ..._account,
+            // //         idParent: parent?.id
+            // //     })
+            // // })
+            // // await tx.insert(models.account).values(newAccounts)
+
+
+            // // Sheets
+            // console.log("Add sheets")
+            // let newBalanceSheets: (typeof models.balanceSheet.$inferInsert & { numberParent: number | undefined, accounts: DefaultBalanceSheet["accounts"][number][] })[] = defaultCompanyBalanceSheets.map((_balanceSheet) => ({
             //     id: generateId(),
             //     idOrganization: newOrganization.id,
             //     idYear: newYear.id,
-            //     idParent: undefined,
             //     isDefault: true,
-            //     number: _account.number.toString(),
-            //     isMandatory: _account.isMandatory,
-            //     isClass: _account.isClass,
-            //     isSelectable: _account.isSelectable,
-            //     label: _account.label,
-            //     type: _account.type,
-            //     scope: "company",
+            //     isComputed: true,
+            //     side: _balanceSheet.side,
+            //     number: _balanceSheet.number.toString(),
+            //     label: _balanceSheet.label,
+            //     grossAmountAdded: "0",
+            //     amortizationAmountAdded: "0",
+            //     netAmountAdded: "0",
             //     createdAt: new Date().toISOString(),
+            //     numberParent: _balanceSheet.numberParent,
+            //     accounts: _balanceSheet.accounts,
             // }))
-            // newAccounts = newAccounts.map((_account) => {
-            //     const parent = newAccounts.find((x) => x.number !== _account.number && _account.number.toString().includes(x.number.toString()) && _account.number.toString().length === x.number.toString().length + 1)
-
+            // // newSheets = newSheets.map((_sheet) => {
+            // //     const parent = newSheets.find((x) => (x.number === _sheet.numberParent) && (x.side === _sheet.side))
+
+            // //     return ({
+            // //         ..._sheet,
+            // //         idParent: parent?.id
+            // //     })
+            // // })
+            // await tx.insert(models.balanceSheet).values(newBalanceSheets)
+
+
+            // // Statements
+            // console.log("Add statements")
+            // let newIncomeStatements: Array<
+            //     & typeof models.incomeStatement.$inferInsert
+            //     & {
+            //         numberParent: number | undefined,
+            //         accounts: number[]
+            //     }
+            // > = defaultCompanyIncomeStatements
+            //     .map((_incomeStatement) => ({
+            //         id: generateId(),
+            //         idOrganization: newOrganization.id,
+            //         idYear: newYear.id,
+            //         isDefault: true,
+            //         isComputed: true,
+            //         number: _incomeStatement.number.toString(),
+            //         label: _incomeStatement.label,
+            //         netAmountAdded: "0",
+            //         createdAt: new Date().toISOString(),
+            //         numberParent: _incomeStatement.numberParent,
+            //         accounts: _incomeStatement.accounts
+            //     }))
+            // // newStatements = newStatements.map((_statement) => {
+            // //     const parent = newStatements.find((x) => x.number === _statement.numberParent)
+
+            // //     return ({
+            // //         ..._statement,
+            // //         idParent: parent?.id
+            // //     })
+            // // })
+            // await tx.insert(models.incomeStatement).values(newIncomeStatements)
+
+
+
+            // // Computations
+            // console.log("Add computations")
+            // const newComputations: Array<
+            //     & typeof models.computation.$inferInsert
+            //     & { incomeStatements: DefaultComputation["incomeStatements"][number][] }
+            // > = defaultComputations.map((_computation, index) => {
             //     return ({
-            //         ..._account,
-            //         idParent: parent?.id
+            //         id: generateId(),
+            //         idOrganization: newOrganization.id,
+            //         idYear: newYear.id,
+            //         index: index,
+            //         number: _computation.number.toString(),
+            //         label: _computation.label,
+            //         createdAt: new Date().toISOString(),
+            //         incomeStatements: _computation.incomeStatements
             //     })
             // })
-            // await tx.insert(models.account).values(newAccounts)
+            // await tx.insert(models.computation).values(newComputations)
 
 
-            // Sheets
-            console.log("Add sheets")
-            let newBalanceSheets: (typeof models.balanceSheet.$inferInsert & { numberParent: number | undefined, accounts: DefaultBalanceSheet["accounts"][number][] })[] = defaultCompanyBalanceSheets.map((_balanceSheet) => ({
-                id: generateId(),
-                idOrganization: newOrganization.id,
-                idYear: newYear.id,
-                isDefault: true,
-                isComputed: true,
-                side: _balanceSheet.side,
-                number: _balanceSheet.number.toString(),
-                label: _balanceSheet.label,
-                grossAmountAdded: "0",
-                amortizationAmountAdded: "0",
-                netAmountAdded: "0",
-                createdAt: new Date().toISOString(),
-                numberParent: _balanceSheet.numberParent,
-                accounts: _balanceSheet.accounts,
-            }))
-            // newSheets = newSheets.map((_sheet) => {
-            //     const parent = newSheets.find((x) => (x.number === _sheet.numberParent) && (x.side === _sheet.side))
-
-            //     return ({
-            //         ..._sheet,
-            //         idParent: parent?.id
-            //     })
-            // })
-            await tx.insert(models.balanceSheet).values(newBalanceSheets)
-
-
-            // Statements
-            console.log("Add statements")
-            let newIncomeStatements: Array<
-                & typeof models.incomeStatement.$inferInsert
-                & {
-                    numberParent: number | undefined,
-                    accounts: number[]
-                }
-            > = defaultCompanyIncomeStatements
-                .map((_incomeStatement) => ({
-                    id: generateId(),
-                    idOrganization: newOrganization.id,
-                    idYear: newYear.id,
-                    isDefault: true,
-                    isComputed: true,
-                    number: _incomeStatement.number.toString(),
-                    label: _incomeStatement.label,
-                    netAmountAdded: "0",
-                    createdAt: new Date().toISOString(),
-                    numberParent: _incomeStatement.numberParent,
-                    accounts: _incomeStatement.accounts
-                }))
-            // newStatements = newStatements.map((_statement) => {
-            //     const parent = newStatements.find((x) => x.number === _statement.numberParent)
+            // // ComputationStatements
+            // console.log("Add computationStatements")
+            // const newComputationIncomeStatements: Array<(typeof models.computationIncomeStatement.$inferInsert)> = []
+            // newComputations.forEach((_computation) => {
+            //     _computation.incomeStatements.forEach((_incomeStatement, index) => {
+            //         const incomeStatement = newIncomeStatements.find((x) => x.number === _incomeStatement.number.toString())
 
-            //     return ({
-            //         ..._statement,
-            //         idParent: parent?.id
+            //         if (!incomeStatement) return console.log(`Statement not found ${_computation.number} ${_incomeStatement.number}`)
+            //         newComputationIncomeStatements.push({
+            //             id: generateId(),
+            //             idOrganization: newOrganization.id,
+            //             idYear: newYear.id,
+            //             idComputation: _computation.id,
+            //             idIncomeStatement: incomeStatement.id,
+            //             index: index,
+            //             operation: _incomeStatement.operation,
+            //             createdAt: new Date().toISOString(),
+            //         })
             //     })
             // })
-            await tx.insert(models.incomeStatement).values(newIncomeStatements)
-
-
-
-            // Computations
-            console.log("Add computations")
-            const newComputations: Array<
-                & typeof models.computation.$inferInsert
-                & { incomeStatements: DefaultComputation["incomeStatements"][number][] }
-            > = defaultComputations.map((_computation, index) => {
-                return ({
-                    id: generateId(),
-                    idOrganization: newOrganization.id,
-                    idYear: newYear.id,
-                    index: index,
-                    number: _computation.number.toString(),
-                    label: _computation.label,
-                    createdAt: new Date().toISOString(),
-                    incomeStatements: _computation.incomeStatements
-                })
-            })
-            await tx.insert(models.computation).values(newComputations)
-
-
-            // ComputationStatements
-            console.log("Add computationStatements")
-            const newComputationIncomeStatements: Array<(typeof models.computationIncomeStatement.$inferInsert)> = []
-            newComputations.forEach((_computation) => {
-                _computation.incomeStatements.forEach((_incomeStatement, index) => {
-                    const incomeStatement = newIncomeStatements.find((x) => x.number === _incomeStatement.number.toString())
-
-                    if (!incomeStatement) return console.log(`Statement not found ${_computation.number} ${_incomeStatement.number}`)
-                    newComputationIncomeStatements.push({
-                        id: generateId(),
-                        idOrganization: newOrganization.id,
-                        idYear: newYear.id,
-                        idComputation: _computation.id,
-                        idIncomeStatement: incomeStatement.id,
-                        index: index,
-                        operation: _incomeStatement.operation,
-                        createdAt: new Date().toISOString(),
-                    })
-                })
-            })
-            await tx.insert(models.computationIncomeStatement).values(newComputationIncomeStatements)
+            // await tx.insert(models.computationIncomeStatement).values(newComputationIncomeStatements)
 
 
             // Check accounts
diff --git a/packages/tools/src/utilities/insertMany.ts b/packages/tools/src/utilities/insertMany.ts
index fb6cf17..01c2d98 100644
--- a/packages/tools/src/utilities/insertMany.ts
+++ b/packages/tools/src/utilities/insertMany.ts
@@ -1,5 +1,5 @@
-import { dbClient } from "#/dbClient.js"
 import { PgInsertValue, PgTable, TableConfig } from "drizzle-orm/pg-core"
+import { dbClient } from "../dbClient.js"
 
 
 // : Promise<Array<T["$inferInsert"]>>
diff --git a/packages/tools/src/utilities/insertOne.ts b/packages/tools/src/utilities/insertOne.ts
index 97f495d..be2fc93 100644
--- a/packages/tools/src/utilities/insertOne.ts
+++ b/packages/tools/src/utilities/insertOne.ts
@@ -1,6 +1,6 @@
-import { dbClient } from "#/dbClient.js"
 import { TableConfig } from "drizzle-orm"
 import { PgInsertValue, PgTable } from "drizzle-orm/pg-core"
+import { dbClient } from "../dbClient.js"
 
 
 export async function insertOne<
diff --git a/packages/tools/tsconfig.json b/packages/tools/tsconfig.json
index 21f1b21..9931605 100644
--- a/packages/tools/tsconfig.json
+++ b/packages/tools/tsconfig.json
@@ -2,19 +2,14 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "verbatimModuleSyntax": false,
-        "rootDir": "./src",
+        "rootDir": ".",
         "outDir": "./build",
-        "paths": {
-            "#/*": [
-                "./src/*"
-            ]
-        }
     },
     "exclude": [
         "./node_modules",
         "./build",
     ],
     "include": [
-        "./src"
+        "./src",
     ]
 }
\ No newline at end of file
diff --git a/packages/website/package.json b/packages/website/package.json
index adb1dab..bf3a84b 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "website",
+  "name": "@arrhes/website",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/packages/website/vite.config.ts b/packages/website/vite.config.ts
index 1a2974f..f2bfe88 100644
--- a/packages/website/vite.config.ts
+++ b/packages/website/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
   assetsInclude: ["**/*.md", "**/*.woff2"],
   server: {
     host: true,
-    port: 3102,
+    port: 5174,
     watch: {
       usePolling: true
     },

From 581b511db78082b0dcf002493e9642a199b969c4 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Mon, 22 Dec 2025 00:12:49 +0100
Subject: [PATCH 12/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(platform):?=
 =?UTF-8?q?=20consolidate=20dashboard=20into=20platform=20and=20add=20dev?=
 =?UTF-8?q?=20docker=20scripts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- move packages/dashboard to packages/platform and update assets, components, and routes
- add development .dev files: .dev/packages/api/Dockerfile, entrypoint.sh, .dev/compose.yml, and updated start.sh
- remove .dev/scripts/.api.env and .dev/scripts/.tools.env
- add justfile for developer tasks
- update README.md, docs/CONTRIBUTING.md, docs/DEVELOPMENT.md
- update packages/api package.json and tsconfig.json
---
 .dev/Dockerfile                               |  28 -------
 .dev/README.md                                |   6 +-
 .dev/compose.yml                              |  62 +++++++-------
 .dev/packages/api/Dockerfile                  |  41 ++++++++++
 .dev/packages/api/entrypoint.sh               |  71 ++++++++++++++++
 .dev/scripts/.api.env                         |  28 -------
 .dev/scripts/.tools.env                       |   2 -
 .dev/scripts/start.sh                         |   2 +-
 README.md                                     |  76 +++++++++---------
 docs/CONTRIBUTING.md                          |   6 +-
 docs/DEVELOPMENT.md                           |  12 +--
 justfile                                      |  10 +++
 packages/api/package.json                     |   4 +-
 packages/api/tsconfig.json                    |  16 +++-
 .../.docker/.dockerignore                     |   0
 .../.docker/Dockerfile                        |   0
 .../.docker/nginx/default.conf                |   0
 .../{platform => dashboard}/eslint.config.js  |   0
 packages/{platform => dashboard}/package.json |   4 +-
 .../{platform => dashboard}/public/robots.txt |   0
 .../public/sitemap.xml                        |   0
 .../src/assets/css/fonts.css                  |   0
 .../src/assets/css/root.css                   |   0
 .../src/assets/css/theme.css                  |   0
 .../fonts/SometypeMono-VariableFont_wght.ttf  | Bin
 .../images/favicons/apple-touch-icon.png      | Bin
 .../assets/images/favicons/favicon-96x96.png  | Bin
 .../src/assets/images/favicons/favicon.ico    | Bin
 .../src/assets/images/favicons/favicon.svg    |   0
 .../src/assets/manifest/site.webmanifest      |   0
 .../manifest/web-app-manifest-192x192.png     | Bin
 .../manifest/web-app-manifest-512x512.png     | Bin
 .../src/components/buttons/button.tsx         |   0
 .../src/components/buttons/buttonGhost.tsx    |   0
 .../components/buttons/buttonGhostContent.tsx |   0
 .../src/components/buttons/buttonOutline.tsx  |   0
 .../buttons/buttonOutlineContent.tsx          |   0
 .../src/components/buttons/buttonPlain.tsx    |   0
 .../components/buttons/buttonPlainContent.tsx |   0
 .../src/components/formats/formatBase.tsx     |   0
 .../src/components/formats/formatBoolean.tsx  |   0
 .../src/components/formats/formatDate.tsx     |   0
 .../src/components/formats/formatDateTime.tsx |   0
 .../src/components/formats/formatError.tsx    |   0
 .../src/components/formats/formatFileSize.tsx |   0
 .../src/components/formats/formatLink.tsx     |   0
 .../src/components/formats/formatNull.tsx     |   0
 .../src/components/formats/formatPrice.tsx    |   0
 .../src/components/formats/formatSelect.tsx   |   0
 .../src/components/formats/formatText.tsx     |   0
 .../src/components/forms/formControl.tsx      |   0
 .../src/components/forms/formError.tsx        |   0
 .../src/components/forms/formField.tsx        |   0
 .../src/components/forms/formFieldContext.tsx |   0
 .../src/components/forms/formItem.tsx         |   0
 .../src/components/forms/formItemContext.tsx  |   0
 .../src/components/forms/formLabel.tsx        |   0
 .../src/components/forms/formRoot.tsx         |   0
 .../src/components/forms/formSubmit.tsx       |   0
 .../src/components/forms/useFormField.tsx     |   0
 .../src/components/inputs/inputCombobox.tsx   |   0
 .../inputs/inputComboboxMultiple.tsx          |   0
 .../components/inputs/inputDataCombobox.tsx   |   0
 .../src/components/inputs/inputDate.tsx       |   0
 .../src/components/inputs/inputDebounced.tsx  |   0
 .../src/components/inputs/inputDisabled.tsx   |   0
 .../src/components/inputs/inputFile.tsx       |   0
 .../src/components/inputs/inputNumber.tsx     |   0
 .../src/components/inputs/inputPassword.tsx   |   0
 .../src/components/inputs/inputRating.tsx     |   0
 .../src/components/inputs/inputSelect.tsx     |   0
 .../src/components/inputs/inputSwitch.tsx     |   0
 .../src/components/inputs/inputText.tsx       |   0
 .../src/components/inputs/inputTextArea.tsx   |   0
 .../src/components/inputs/inputToggle.tsx     |   0
 .../src/components/layouts/banner.tsx         |   0
 .../src/components/layouts/box.tsx            |   0
 .../src/components/layouts/card/card.tsx      |   0
 .../components/layouts/card/cardContent.tsx   |   0
 .../components/layouts/card/cardHeader.tsx    |   0
 .../src/components/layouts/card/cardRoot.tsx  |   0
 .../src/components/layouts/chip.tsx           |   0
 .../src/components/layouts/circularLoader.tsx |   0
 .../src/components/layouts/command.tsx        |   0
 .../layouts/dataBlock/dataBlock.tsx           |   0
 .../layouts/dataBlock/dataBlockContent.tsx    |   0
 .../layouts/dataBlock/dataBlockHeader.tsx     |   0
 .../layouts/dataBlock/dataBlockItem.tsx       |   0
 .../layouts/dataBlock/dataBlockRoot.tsx       |   0
 .../src/components/layouts/dataTable.tsx      |   0
 .../src/components/layouts/dataWrapper.tsx    |   0
 .../layouts/dropdownMenu/dropdown.tsx         |   0
 .../layouts/dropdownMenu/dropdownContent.tsx  |   0
 .../layouts/dropdownMenu/dropdownItem.tsx     |   0
 .../layouts/dropdownMenu/dropdownLabel.tsx    |   0
 .../layouts/dropdownMenu/dropdownRoot.tsx     |   0
 .../dropdownMenu/dropdownSeparator.tsx        |   0
 .../layouts/dropdownMenu/dropdownTrigger.tsx  |   0
 .../src/components/layouts/logo.tsx           |   0
 .../src/components/layouts/page/page.tsx      |   0
 .../components/layouts/page/pageContent.tsx   |   0
 .../components/layouts/page/pageHeader.tsx    |   0
 .../src/components/layouts/page/pageRoot.tsx  |   0
 .../components/layouts/page/pageSeparator.tsx |   0
 .../src/components/layouts/pageLayout.tsx     |   0
 .../components/layouts/section/section.tsx    |   0
 .../layouts/section/sectionItem.tsx           |   0
 .../layouts/section/sectionRoot.tsx           |   0
 .../src/components/layouts/subPageLayout.tsx  |   0
 .../src/components/layouts/table/table.tsx    |   0
 .../layouts/table/tableBody/tableBodyCell.tsx |   0
 .../layouts/table/tableBody/tableBodyRoot.tsx |   0
 .../layouts/table/tableBody/tableBodyRow.tsx  |   0
 .../table/tableHeader/tableHeaderCell.tsx     |   0
 .../table/tableHeader/tableHeaderRoot.tsx     |   0
 .../table/tableHeader/tableHeaderRow.tsx      |   0
 .../components/layouts/table/tableRoot.tsx    |   0
 .../src/components/layouts/title.tsx          |   0
 .../src/components/layouts/virtualizer.tsx    |   0
 .../src/components/overlays/dialog/dialog.tsx |   0
 .../overlays/dialog/dialogContent.tsx         |   0
 .../overlays/dialog/dialogDescription.tsx     |   0
 .../overlays/dialog/dialogFooter.tsx          |   0
 .../overlays/dialog/dialogHeader.tsx          |   0
 .../overlays/dialog/dialogOverlay.tsx         |   0
 .../overlays/dialog/dialogPortal.tsx          |   0
 .../components/overlays/dialog/dialogRoot.tsx |   0
 .../overlays/dialog/dialogTitle.tsx           |   0
 .../overlays/dialog/dialogTrigger.tsx         |   0
 .../src/components/overlays/drawer/drawer.tsx |   0
 .../components/overlays/drawer/drawerBody.tsx |   0
 .../overlays/drawer/drawerContent.tsx         |   0
 .../overlays/drawer/drawerHeader.tsx          |   0
 .../components/overlays/drawer/drawerRoot.tsx |   0
 .../overlays/drawer/drawerTrigger.tsx         |   0
 .../components/overlays/popover/popover.tsx   |   0
 .../overlays/popover/popoverClose.tsx         |   0
 .../overlays/popover/popoverContent.tsx       |   0
 .../overlays/popover/popoverRoot.tsx          |   0
 .../overlays/popover/popoverTrigger.tsx       |   0
 .../src/components/overlays/toast/toast.tsx   |   0
 .../components/overlays/toast/toastAction.tsx |   0
 .../components/overlays/toast/toastClose.tsx  |   0
 .../overlays/toast/toastContent.tsx           |   0
 .../overlays/toast/toastDescription.tsx       |   0
 .../overlays/toast/toastProvider.tsx          |   0
 .../components/overlays/toast/toastTitle.tsx  |   0
 .../overlays/toast/toastViewport.tsx          |   0
 .../components/overlays/tooltip/tooltip.tsx   |   0
 .../overlays/tooltip/tooltipContent.tsx       |   0
 .../overlays/tooltip/tooltipPortal.tsx        |   0
 .../overlays/tooltip/tooltipProvider.tsx      |   0
 .../overlays/tooltip/tooltipRoot.tsx          |   0
 .../overlays/tooltip/tooltipTrigger.tsx       |   0
 .../src/contexts/data/dataProvider.tsx        |   0
 .../src/contexts/data/queryClient.ts          |   0
 .../src/contexts/rootProvider.tsx             |   0
 .../src/contexts/router/routerProvider.tsx    |   0
 .../src/contexts/toasts/toastProvider.tsx     |   0
 .../src/contexts/toasts/useToast.ts           |   0
 .../src/features/authLayout.tsx               |   0
 .../src/features/breadcrumbs.tsx              |   0
 .../src/features/error/errorPage.tsx          |   0
 .../src/features/home/documentationBanner.tsx |   0
 .../src/features/home/homePage.tsx            |   0
 .../src/features/home/organizationsBanner.tsx |   0
 .../$idOrganization/organizationLayout.tsx    |   0
 .../deleteOneOrganization.tsx                 |   0
 .../organizationSettingsLayout.tsx            |   0
 .../organizationSettingsPage.tsx              |   0
 .../deleteOneOrganizationUser.tsx             |   0
 .../updateOneOrganizationUser.tsx             |   0
 .../createOneOrganizationUser.tsx             |   0
 .../organizationUsersPage.tsx                 |   0
 .../organizationUsersTable.tsx                |   0
 .../updateOneOrganization.tsx                 |   0
 .../$idAttachment/attachmentData.tsx          |   0
 .../$idAttachment/attachmentFile.tsx          |   0
 .../$idAttachment/attachmentPage.tsx          |   0
 .../$idAttachment/deleteOneAttachment.tsx     |   0
 .../$idAttachment/updateOneAttachment.tsx     |   0
 .../$idYear/attachments/attachmentSelect.tsx  |   0
 .../$idYear/attachments/attachmentsPage.tsx   |   0
 .../$idYear/attachments/attachmentsTable.tsx  |   0
 .../attachments/createOneAttachment.tsx       |   0
 .../$idRecordRow/deleteOneRecordRow.tsx       |   0
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |   0
 .../$idRecordRow/updateOneRecordRow.tsx       |   0
 .../records/$idRecord/createOneRecordRow.tsx  |   0
 .../records/$idRecord/deleteOneRecord.tsx     |   0
 .../records/$idRecord/duplicateOneRecord.tsx  |   0
 .../$idYear/records/$idRecord/recordPage.tsx  |   0
 .../records/$idRecord/recordRowsTable.tsx     |   0
 .../$idRecord/updateManyRecordRows.tsx        |   0
 .../records/$idRecord/updateOneRecord.tsx     |   0
 .../years/$idYear/records/createOneRecord.tsx |   0
 .../years/$idYear/records/recordsPage.tsx     |   0
 .../balanceReport/balanceReportPage.tsx       |   0
 .../balanceReport/balanceReportTable.tsx      |   0
 .../balanceSheetAssetsReportItem.tsx          |   0
 .../balanceSheetAssetsReportRow.tsx           |   0
 .../balanceSheetAssetsReportTable.tsx         |   0
 .../balanceSheetLiabilitiesReportItem.tsx     |   0
 .../balanceSheetLiabilitiesReportTable.tsx    |   0
 .../balanceSheetLiabilityiesReportRow.tsx     |   0
 .../balanceSheetReportPage.tsx                |   0
 .../downloadBalanceSheetReport.tsx            |   0
 .../downloadIncomeStatementReport.tsx         |   0
 .../incomeStatementReportItem.tsx             |   0
 .../incomeStatementReportPage.tsx             |   0
 .../incomeStatementReportRow.tsx              |   0
 .../incomeStatementsReportTable.tsx           |   0
 .../journalReport/journalReportPage.tsx       |   0
 .../journalReport/journalReportTable.tsx      |   0
 .../reports/ledgerReport/ledgerReportPage.tsx |   0
 .../ledgerReport/ledgerReportTable.tsx        |   0
 .../years/$idYear/reports/reportsLayout.tsx   |   0
 .../years/$idYear/yearLayout.tsx              |   0
 .../accounts/$idAccount/accountPage.tsx       |   0
 .../accounts/$idAccount/deleteOneAccount.tsx  |   0
 .../accounts/$idAccount/updateOneAccount.tsx  |   0
 .../yearSettings/accounts/accountItem.tsx     |   0
 .../yearSettings/accounts/accountSelect.tsx   |   0
 .../yearSettings/accounts/accountsPage.tsx    |   0
 .../yearSettings/accounts/accountsTable.tsx   |   0
 .../accounts/createOneAccount.tsx             |   0
 .../accounts/generateAccounts.tsx             |   0
 .../yearSettings/accounts/groupAccounts.tsx   |   0
 .../yearSettings/accounts/sortAccounts.tsx    |   0
 .../$idBalanceSheet/balanceSheetPage.tsx      |   0
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |   0
 .../$idBalanceSheet/updateOneBalanceSheet.tsx |   0
 .../balanceSheets/balanceSheetItem.tsx        |   0
 .../balanceSheets/balanceSheetRow.tsx         |   0
 .../balanceSheets/balanceSheetSelect.tsx      |   0
 .../balanceSheets/balanceSheetTable.tsx       |   0
 .../balanceSheets/balanceSheetsPage.tsx       |   0
 .../connectAccountsToBalanceSheets.tsx        |   0
 .../balanceSheets/createOneBalanceSheet.tsx   |   0
 .../balanceSheets/generateBalanceSheets.tsx   |   0
 .../balanceSheets/getBalanceSheetChildren.tsx |   0
 .../balanceSheets/getBalanceSheetLevel.tsx    |   0
 .../$idYear/yearSettings/deleteOneYear.tsx    |   0
 .../deleteOneIncomeStatement.tsx              |   0
 .../incomeStatementPage.tsx                   |   0
 .../updateOneIncomeStatement.tsx              |   0
 .../computationIncomeStatementPage.tsx        |   0
 .../deleteOneComputationIncomeStatement.tsx   |   0
 .../updateOneComputationIncomeStatement.tsx   |   0
 .../computationIncomeStatementTable.tsx       |   0
 .../createOneComputationIncomeStatement.tsx   |   0
 .../$idComputation/computationPage.tsx        |   0
 .../$idComputation/deleteOneComputation.tsx   |   0
 .../$idComputation/updateOneComputation.tsx   |   0
 .../computations/computationsTable.tsx        |   0
 .../computations/createOneComputation.tsx     |   0
 .../computations/generateComputations.tsx     |   0
 .../connectAccountsToIncomeStatements.tsx     |   0
 .../createOneIncomeStatement.tsx              |   0
 .../generateIncomeStatement.tsx               |   0
 .../getIncomeStatementChildren.tsx            |   0
 .../getIncomeStatementLevel.tsx               |   0
 .../incomeStatements/incomeStatementItem.tsx  |   0
 .../incomeStatements/incomeStatementRow.tsx   |   0
 .../incomeStatements/incomeStatementsPage.tsx |   0
 .../incomeStatementsTable.tsx                 |   0
 .../journals/$idJournal/deleteOneJournal.tsx  |   0
 .../journals/$idJournal/journalPage.tsx       |   0
 .../journals/$idJournal/updateOneJournal.tsx  |   0
 .../journals/createOneJournal.tsx             |   0
 .../journals/generateJournals.tsx             |   0
 .../yearSettings/journals/journalSelect.tsx   |   0
 .../yearSettings/journals/journalsPage.tsx    |   0
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |   0
 .../$idRecordLabel/recordLabelPage.tsx        |   0
 .../$idRecordLabel/updateOneRecordLabel.tsx   |   0
 .../recordLabels/createOneRecordLabel.tsx     |   0
 .../recordLabels/recordLabelSelect.tsx        |   0
 .../recordLabels/recordLabelsPage.tsx         |   0
 .../$idYear/yearSettings/updateOneYear.tsx    |   0
 .../yearSettings/yearSettingsLayout.tsx       |   0
 .../$idYear/yearSettings/yearSettingsPage.tsx |   0
 .../$idOrganization/years/createOneYear.tsx   |   0
 .../$idOrganization/years/yearSelect.tsx      |   0
 .../$idOrganization/years/yearsPage.tsx       |   0
 .../organizations/addNewOrganization.tsx      |   0
 .../organizations/organizationsPage.tsx       |   0
 .../src/features/rootLayout.tsx               |   0
 .../src/features/settings/settingsPage.tsx    |   0
 .../features/signIn/resetPassword.form.tsx    |   0
 .../src/features/signIn/signInPage.tsx        |   0
 .../src/features/signUp/signUpPage.tsx        |   0
 .../features/support/contactSupportForm.tsx   |   0
 .../src/features/support/supportPage.tsx      |   0
 .../{platform => dashboard}/src/index.html    |   0
 packages/{platform => dashboard}/src/root.tsx |   0
 .../src/routes/catchRoute.tsx                 |   0
 .../src/routes/platformRouter.tsx             |   0
 .../src/routes/platformTree.ts                |   0
 .../src/routes/root/auth/homeRoute.tsx        |   0
 .../organizationLayoutRoute.tsx               |   0
 .../$idOrganization/organizationPathRoute.tsx |   0
 .../$idOrganization/organizationRoute.tsx     |   0
 .../organizationSettingsLayoutRoute.tsx       |   0
 .../organizationSettingsRoute.tsx             |   0
 .../organizationUsersLayoutRoute.tsx          |   0
 .../organizationUsersRoute.tsx                |   0
 .../$idAttachment/attachmentLayoutRoute.tsx   |   0
 .../$idAttachment/attachmentRoute.tsx         |   0
 .../attachments/attachmentsLayoutRoute.tsx    |   0
 .../$idYear/attachments/attachmentsRoute.tsx  |   0
 .../$idRecordRow/recordRowLayoutRoute.tsx     |   0
 .../$idRecord/$idRecordRow/recordRowRoute.tsx |   0
 .../records/$idRecord/recordLayoutRoute.tsx   |   0
 .../$idYear/records/$idRecord/recordRoute.tsx |   0
 .../$idYear/records/recordsLayoutRoute.tsx    |   0
 .../years/$idYear/records/recordsRoute.tsx    |   0
 .../$idYear/reports/balanceReportRoute.tsx    |   0
 .../reports/balanceSheetReportRoute.tsx       |   0
 .../reports/incomeStatementReportRoute.tsx    |   0
 .../$idYear/reports/journalReportRoute.tsx    |   0
 .../$idYear/reports/ledgerReportRoute.tsx     |   0
 .../$idYear/reports/reportsLayoutRoute.tsx    |   0
 .../years/$idYear/reports/reportsRoute.tsx    |   0
 .../years/$idYear/yearLayoutRoute.tsx         |   0
 .../years/$idYear/yearPathRoute.tsx           |   0
 .../years/$idYear/yearRoute.tsx               |   0
 .../$idAccount/accountLayoutRoute.tsx         |   0
 .../accounts/$idAccount/accountRoute.tsx      |   0
 .../accounts/accountsLayoutRoute.tsx          |   0
 .../yearSettings/accounts/accountsRoute.tsx   |   0
 .../balanceSheetLayoutRoute.tsx               |   0
 .../$idBalanceSheet/balanceSheetRoute.tsx     |   0
 .../balanceSheetsLayoutRoute.tsx              |   0
 .../balanceSheets/balanceSheetsRoute.tsx      |   0
 .../incomeStatementLayoutRoute.tsx            |   0
 .../incomeStatementRoute.tsx                  |   0
 .../computationIncomeStatementLayoutRoute.tsx |   0
 .../computationIncomeStatementRoute.tsx       |   0
 .../$idComputation/computationLayoutRoute.tsx |   0
 .../$idComputation/computationRoute.tsx       |   0
 .../computations/computationsLayoutRoute.tsx  |   0
 .../computations/computationsRoute.tsx        |   0
 .../incomeStatementsLayoutRoute.tsx           |   0
 .../incomeStatementsRoute.tsx                 |   0
 .../$idJournal/journalLayoutRoute.tsx         |   0
 .../journals/$idJournal/journalRoute.tsx      |   0
 .../journals/journalsLayoutRoute.tsx          |   0
 .../yearSettings/journals/journalsRoute.tsx   |   0
 .../$idRecordLabel/recordLabelLayoutRoute.tsx |   0
 .../$idRecordLabel/recordLabelRoute.tsx       |   0
 .../recordLabels/recordLabelsLayoutRoute.tsx  |   0
 .../recordLabels/recordLabelsRoute.tsx        |   0
 .../yearSettings/yearSettingsLayoutRoute.tsx  |   0
 .../yearSettings/yearSettingsRoute.tsx        |   0
 .../years/yearsLayoutRoute.tsx                |   0
 .../$idOrganization/years/yearsPathRoute.tsx  |   0
 .../$idOrganization/years/yearsRoute.tsx      |   0
 .../organizationsLayoutRoute.tsx              |   0
 .../auth/organizations/organizationsRoute.tsx |   0
 .../auth/settings/settingsLayoutRoute.tsx     |   0
 .../root/auth/settings/settingsRoute.tsx      |   0
 .../routes/root/auth/support/supportRoute.tsx |   0
 .../src/routes/root/authLayoutRoute.tsx       |   0
 .../src/routes/root/errorRoute.tsx            |   0
 .../src/routes/root/public/signInRoute.tsx    |   0
 .../src/routes/root/public/signUpRoute.tsx    |   0
 .../src/routes/root/publicLayoutRoute.tsx     |   0
 .../src/routes/rootLayoutRoute.tsx            |   0
 .../src/utilities/clientError.ts              |   0
 .../src/utilities/cn.ts                       |   0
 .../src/utilities/compareAmounts.ts           |   0
 .../src/utilities/cookies/deleteCookies.ts    |   0
 .../src/utilities/cookies/getCookie.ts        |   0
 .../utilities/cookies/getIsAuthenticated.ts   |   0
 .../src/utilities/cookies/getUserSession.ts   |   0
 .../src/utilities/debounce.ts                 |   0
 .../src/utilities/fileToBase64.ts             |   0
 .../src/utilities/getOptions.ts               |   0
 .../src/utilities/invalidateData.ts           |   0
 .../src/utilities/levenshtein.ts              |   0
 .../src/utilities/postAPI.ts                  |   0
 .../src/utilities/sleep.ts                    |   0
 .../src/utilities/throttledFunction.ts        |   0
 .../src/utilities/toRoman.ts                  |   0
 .../src/utilities/useDeviceDetect.ts          |   0
 .../src/utilities/useHTTPData.ts              |   0
 .../src/utilities/validate.ts                 |   0
 .../src/utilities/variables.ts                |   0
 .../{platform => dashboard}/src/vite-env.d.ts |   0
 .../dashboard/tsconfig.json                   |  50 +++++++-----
 .../{platform => dashboard}/vite.config.ts    |   0
 packages/metadata/package.json                |   2 +-
 packages/metadata/tsconfig.json               |  16 +++-
 packages/platform/tsconfig.json               |  21 -----
 packages/tools/package.json                   |   4 +-
 packages/tools/tsconfig.json                  |  16 +++-
 packages/website/package.json                 |   2 +-
 packages/website/tsconfig.json                |   9 +++
 399 files changed, 300 insertions(+), 188 deletions(-)
 delete mode 100644 .dev/Dockerfile
 create mode 100644 .dev/packages/api/Dockerfile
 create mode 100644 .dev/packages/api/entrypoint.sh
 delete mode 100644 .dev/scripts/.api.env
 delete mode 100644 .dev/scripts/.tools.env
 create mode 100644 justfile
 rename packages/{platform => dashboard}/.docker/.dockerignore (100%)
 rename packages/{platform => dashboard}/.docker/Dockerfile (100%)
 rename packages/{platform => dashboard}/.docker/nginx/default.conf (100%)
 rename packages/{platform => dashboard}/eslint.config.js (100%)
 rename packages/{platform => dashboard}/package.json (95%)
 rename packages/{platform => dashboard}/public/robots.txt (100%)
 rename packages/{platform => dashboard}/public/sitemap.xml (100%)
 rename packages/{platform => dashboard}/src/assets/css/fonts.css (100%)
 rename packages/{platform => dashboard}/src/assets/css/root.css (100%)
 rename packages/{platform => dashboard}/src/assets/css/theme.css (100%)
 rename packages/{platform => dashboard}/src/assets/fonts/SometypeMono-VariableFont_wght.ttf (100%)
 rename packages/{platform => dashboard}/src/assets/images/favicons/apple-touch-icon.png (100%)
 rename packages/{platform => dashboard}/src/assets/images/favicons/favicon-96x96.png (100%)
 rename packages/{platform => dashboard}/src/assets/images/favicons/favicon.ico (100%)
 rename packages/{platform => dashboard}/src/assets/images/favicons/favicon.svg (100%)
 rename packages/{platform => dashboard}/src/assets/manifest/site.webmanifest (100%)
 rename packages/{platform => dashboard}/src/assets/manifest/web-app-manifest-192x192.png (100%)
 rename packages/{platform => dashboard}/src/assets/manifest/web-app-manifest-512x512.png (100%)
 rename packages/{platform => dashboard}/src/components/buttons/button.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonGhost.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonGhostContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonOutline.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonOutlineContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonPlain.tsx (100%)
 rename packages/{platform => dashboard}/src/components/buttons/buttonPlainContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatBase.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatBoolean.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatDate.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatDateTime.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatError.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatFileSize.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatLink.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatNull.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatPrice.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/components/formats/formatText.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formControl.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formError.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formField.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formFieldContext.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formItem.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formItemContext.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formLabel.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/formSubmit.tsx (100%)
 rename packages/{platform => dashboard}/src/components/forms/useFormField.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputCombobox.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputComboboxMultiple.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputDataCombobox.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputDate.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputDebounced.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputDisabled.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputFile.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputNumber.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputPassword.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputRating.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputSwitch.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputText.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputTextArea.tsx (100%)
 rename packages/{platform => dashboard}/src/components/inputs/inputToggle.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/banner.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/box.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/card/card.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/card/cardContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/card/cardHeader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/card/cardRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/chip.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/circularLoader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/command.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataBlock/dataBlock.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataBlock/dataBlockContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataBlock/dataBlockHeader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataBlock/dataBlockItem.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataBlock/dataBlockRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataTable.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dataWrapper.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdown.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownItem.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownLabel.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownSeparator.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/dropdownMenu/dropdownTrigger.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/logo.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/page/page.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/page/pageContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/page/pageHeader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/page/pageRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/page/pageSeparator.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/pageLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/section/section.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/section/sectionItem.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/section/sectionRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/subPageLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/table.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableBody/tableBodyCell.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableBody/tableBodyRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableBody/tableBodyRow.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableHeader/tableHeaderCell.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableHeader/tableHeaderRow.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/table/tableRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/title.tsx (100%)
 rename packages/{platform => dashboard}/src/components/layouts/virtualizer.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialog.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogDescription.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogFooter.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogHeader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogOverlay.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogPortal.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogTitle.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/dialog/dialogTrigger.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawer.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawerBody.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawerContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawerHeader.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawerRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/drawer/drawerTrigger.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/popover/popover.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/popover/popoverClose.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/popover/popoverContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/popover/popoverRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/popover/popoverTrigger.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toast.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastAction.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastClose.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastDescription.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastTitle.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/toast/toastViewport.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltip.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltipContent.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltipPortal.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltipProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltipRoot.tsx (100%)
 rename packages/{platform => dashboard}/src/components/overlays/tooltip/tooltipTrigger.tsx (100%)
 rename packages/{platform => dashboard}/src/contexts/data/dataProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/contexts/data/queryClient.ts (100%)
 rename packages/{platform => dashboard}/src/contexts/rootProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/contexts/router/routerProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/contexts/toasts/toastProvider.tsx (100%)
 rename packages/{platform => dashboard}/src/contexts/toasts/useToast.ts (100%)
 rename packages/{platform => dashboard}/src/features/authLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/breadcrumbs.tsx (100%)
 rename packages/{platform => dashboard}/src/features/error/errorPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/home/documentationBanner.tsx (100%)
 rename packages/{platform => dashboard}/src/features/home/homePage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/home/organizationsBanner.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/createOneYear.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/yearSelect.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/$idOrganization/years/yearsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/addNewOrganization.tsx (100%)
 rename packages/{platform => dashboard}/src/features/organizations/organizationsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/rootLayout.tsx (100%)
 rename packages/{platform => dashboard}/src/features/settings/settingsPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/signIn/resetPassword.form.tsx (100%)
 rename packages/{platform => dashboard}/src/features/signIn/signInPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/signUp/signUpPage.tsx (100%)
 rename packages/{platform => dashboard}/src/features/support/contactSupportForm.tsx (100%)
 rename packages/{platform => dashboard}/src/features/support/supportPage.tsx (100%)
 rename packages/{platform => dashboard}/src/index.html (100%)
 rename packages/{platform => dashboard}/src/root.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/catchRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/platformRouter.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/platformTree.ts (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/homeRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/organizations/organizationsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/settings/settingsLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/settings/settingsRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/auth/support/supportRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/authLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/errorRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/public/signInRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/public/signUpRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/root/publicLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/routes/rootLayoutRoute.tsx (100%)
 rename packages/{platform => dashboard}/src/utilities/clientError.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/cn.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/compareAmounts.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/cookies/deleteCookies.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/cookies/getCookie.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/cookies/getIsAuthenticated.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/cookies/getUserSession.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/debounce.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/fileToBase64.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/getOptions.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/invalidateData.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/levenshtein.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/postAPI.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/sleep.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/throttledFunction.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/toRoman.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/useDeviceDetect.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/useHTTPData.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/validate.ts (100%)
 rename packages/{platform => dashboard}/src/utilities/variables.ts (100%)
 rename packages/{platform => dashboard}/src/vite-env.d.ts (100%)
 rename tsconfig.json => packages/dashboard/tsconfig.json (55%)
 rename packages/{platform => dashboard}/vite.config.ts (100%)
 delete mode 100644 packages/platform/tsconfig.json

diff --git a/.dev/Dockerfile b/.dev/Dockerfile
deleted file mode 100644
index 0e8de7f..0000000
--- a/.dev/Dockerfile
+++ /dev/null
@@ -1,28 +0,0 @@
-ARG NODE_VERSION="latest"
-ARG PNPM_VERSION="latest"
-
-FROM node:${NODE_VERSION}-bullseye-slim
-
-# Minimal runtime + tools
-ENV DEBIAN_FRONTEND=noninteractive
-
-# Update package lists (no default packages installed here)
-RUN apt-get update
-
-# Install pnpm using the PNPM_VERSION build arg
-RUN npm install -g "pnpm@${PNPM_VERSION}"
-
-# Reduce image size
-RUN apt-get clean
-RUN rm -rf /var/lib/apt/lists/*
-
-# Create workspace directory and set permissions
-WORKDIR /workspace
-RUN mkdir -p /workspace \
-  && chown -R node:node /workspace
-
-# Use non-root node user by default
-USER node
-
-# Note: dependencies are installed during the bootstrap step (post-create)
-# The workspace is mounted from the host at runtime.
diff --git a/.dev/README.md b/.dev/README.md
index 0cbb6cb..dfebc97 100644
--- a/.dev/README.md
+++ b/.dev/README.md
@@ -24,13 +24,13 @@ Le projet utilise désormais un fichier Compose canonique situé dans `.dev/comp
    .dev/scripts/start.sh
    ```
 
-   - Cette commande exécute `docker compose -f .dev/compose.yml up -d` puis lance le bootstrap à l'intérieur du service `arrhes-platform`.
+   - Cette commande exécute `docker compose -f .dev/compose.yml up -d` puis lance le bootstrap à l'intérieur du service `arrhes-application`.
    - Le bootstrap crée les fichiers `.env` nécessaires si absents, construit `@arrhes/metadata`, pousse la migration de la BDD et insère les données de démonstration.
 
 2. Ouvrir un shell dans le conteneur (si nécessaire) :
 
    ```bash
-   docker compose -f .dev/compose.yml exec arrhes-platform bash
+   docker compose -f .dev/compose.yml exec arrhes-application bash
    ```
 
 
@@ -53,7 +53,7 @@ Si vous modifiez le `Dockerfile` ou le compose, rebuild l'image :
 
 ```bash
 # Reconstruire l'image devcontainer
-docker compose -f .dev/compose.yml build --no-cache arrhes-platform
+docker compose -f .dev/compose.yml build --no-cache arrhes-application
 
 # Redémarrer les services
 docker compose -f .dev/compose.yml up -d
diff --git a/.dev/compose.yml b/.dev/compose.yml
index f3c0403..926cd8d 100644
--- a/.dev/compose.yml
+++ b/.dev/compose.yml
@@ -1,36 +1,16 @@
-services:
-  arrhes-platform:
-    container_name: arrhes-platform
-    build:
-      context: .
-      dockerfile: .dev/Dockerfile
-      args:
-        NODE_VERSION: "25.2.1"
-        PNPM_VERSION: "10.26.1"
-    image: arrhes-platform
-    volumes:
-      - .:/workspace:cached
-    command: sleep infinity
-    ports:
-      - "3000:3000"  # API dev port (pnpm run dev)
-      - "5173:5173"  # Platform dev port (Vite)
-      - "5174:5174"  # Website dev port (Vite)
-    depends_on:
-      - postgres
-      - rustfs
-      - mailpit
+# name: arrhes-application
 
-  # Base de données PostgreSQL
+services:
+  # Database (PostgreSQL)
   postgres:
     image: postgres:18.1
-    container_name: arrhes-postgres
     restart: unless-stopped
     environment:
       POSTGRES_USER: postgres
       POSTGRES_PASSWORD: admin
       POSTGRES_DB: default
     ports:
-      - "5432:5432"
+      - "5432:5432" # Postgresql
     volumes:
       - postgres_data:/var/lib/postgresql
     healthcheck:
@@ -42,9 +22,7 @@ services:
   # Object storage (RustFS)
   rustfs:
     image: rustfs/rustfs:latest
-    container_name: arrhes-rustfs
     restart: unless-stopped
-    command: server /data --console-address ":9001"
     environment:
       RUSTFS_CONSOLE_ENABLE: true
       RUSTFS_ACCESS_KEY: rustfsadmin
@@ -62,10 +40,9 @@ services:
       timeout: 5s
       retries: 5
 
-  # Serveur SMTP de test (Mailpit)
+  # Mail server (Mailpit)
   mailpit:
     image: axllent/mailpit:latest
-    container_name: arrhes-mailpit
     restart: unless-stopped
     ports:
       - "1025:1025"  # SMTP
@@ -76,11 +53,38 @@ services:
       timeout: 5s
       retries: 5
 
+  # API (Node.js)
+  api:
+    build:
+      context: .
+      dockerfile: .dev/packages/api/Dockerfile
+      args:
+        NODE_VERSION: "25.2.1"
+        PNPM_VERSION: "10.26.1"
+    volumes:
+      - .:/workspace:delegated
+      - root_node_modules:/workspace/node_modules         # hoisted workspace node_modules
+      - api_node_modules:/workspace/packages/api/node_modules  # per-package mask if needed
+      - api_env:/workspace/packages/api/.env              # masked .env file (will be created inside container)
+      - pnpm_store:/root/.pnpm-store                      # pnpm store kept in docker volume (optional)
+    working_dir: /workspace/packages/api
+    command: pnpm --filter="@arrhes/@arrhes/platform-api" dev
+    ports:
+      - "3000:3000"
+    depends_on:
+      - postgres
+      - rustfs
+      - mailpit
+
+
 volumes:
+  api_node_modules:
+  api_env:
+  root_node_modules:
+  pnpm_store:
   postgres_data:
     name: arrhes_postgres_data
     external: true
   rustfs_data:
     name: arrhes_rustfs_data
     external: true
-
diff --git a/.dev/packages/api/Dockerfile b/.dev/packages/api/Dockerfile
new file mode 100644
index 0000000..56f7e15
--- /dev/null
+++ b/.dev/packages/api/Dockerfile
@@ -0,0 +1,41 @@
+ARG NODE_VERSION="latest"
+ARG PNPM_VERSION="latest"
+
+FROM node:${NODE_VERSION}-bullseye-slim AS node
+# Minimal runtime + tools
+ENV DEBIAN_FRONTEND=noninteractive
+
+# Update package lists (no default packages installed here)
+RUN apt-get update
+
+# Install pnpm using the PNPM_VERSION build arg
+RUN npm install -g "pnpm@${PNPM_VERSION}"
+
+# Reduce image size
+RUN apt-get clean
+RUN rm -rf /var/lib/apt/lists/*
+
+# Copy the files and install dependencies
+WORKDIR /workspace
+COPY .dev ./.dev
+COPY package.json pnpm-workspace.yaml ./
+COPY packages/metadata ./packages/metadata
+COPY packages/tools ./packages/tools
+COPY packages/api ./packages/api
+
+# Install all dependencies
+RUN ls -la ./
+RUN pnpm install
+# RUN ls -la node_modules/.pnpm
+
+
+# Build the api
+RUN pnpm --filter="@retrievall/platform-metadata" run build
+RUN pnpm --filter="@retrievall/platform-api" run build
+
+USER node
+
+# RUN chmod +x ./.dev/packages/api/entrypoint.sh
+RUN ./.dev/packages/api/entrypoint.sh
+
+CMD "pnpm", "--filter=@arrhes/@arrhes/platform-api", "dev"
diff --git a/.dev/packages/api/entrypoint.sh b/.dev/packages/api/entrypoint.sh
new file mode 100644
index 0000000..a504dbe
--- /dev/null
+++ b/.dev/packages/api/entrypoint.sh
@@ -0,0 +1,71 @@
+#!/bin/bash
+set -e
+
+echo "🚀 Entrypoint for arrhes-application-api"
+
+# Install dependencies if needed
+if [ ! -d "node_modules" ]; then
+    echo "📦 Installing dependencies..."
+    pnpm install
+else
+    echo "✅ Dependencies already installed"
+fi
+
+# Build packages (metadata must be built before tools)
+echo "🔨 Building packages..."
+pnpm --filter="@arrhes/application-metadata" run build
+
+# Create .env files if they don't exist
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+API_ENV_SOURCE=".dev/packages/api/.env"
+if [ ! -f "packages/api/.env" ]; then
+    if [ -f "$API_ENV_SOURCE" ]; then
+        echo "⚙️ Creating packages/api/.env from $API_ENV_SOURCE..."
+        cp "$API_ENV_SOURCE" packages/api/.env
+    else
+        echo "❌ Missing $API_ENV_SOURCE. Please create it before running this script."
+        exit 1
+    fi
+else
+    echo "✅ packages/api/.env already exists"
+fi
+
+TOOLS_ENV_SOURCE=".dev/packages/tools/.env"
+if [ ! -f "packages/tools/.env" ]; then
+    if [ -f "$TOOLS_ENV_SOURCE" ]; then
+        echo "⚙️ Creating packages/tools/.env from $TOOLS_ENV_SOURCE..."
+        cp "$TOOLS_ENV_SOURCE" packages/tools/.env
+    else
+        echo "❌ Missing $TOOLS_ENV_SOURCE. Please create it before running this script."
+        exit 1
+    fi
+else
+    echo "✅ packages/tools/.env already exists"
+fi
+
+# Initialize database
+echo "🗄️  Initializing database..."
+pnpm --filter="@arrhes/application-tools" run push
+
+# Seed demo data
+echo "🌱 Seeding demo data..."
+pnpm --filter="@arrhes/application-tools" run seed
+
+# Starting
+echo "🚀 Starting dev server..."
+pnpm --filter="@arrhes/application-api" run dev
+
+echo ""
+echo "✨ Setup complete!"
+echo ""
+echo "Services available:"
+echo "  - API : http://localhost:3000"
+echo "  - Platform : http://localhost:5173"
+echo "  - Rustfs Console : http://localhost:9001"
+echo "  - Mailpit : http://localhost:8025"
+echo ""
+echo "Demo credentials:"
+echo "  Email : demo@arrhes.com"
+echo "  Password : demo"
+echo ""
diff --git a/.dev/scripts/.api.env b/.dev/scripts/.api.env
deleted file mode 100644
index c1c1db5..0000000
--- a/.dev/scripts/.api.env
+++ /dev/null
@@ -1,28 +0,0 @@
-# Environment
-ENV="development"
-VERBOSE="true"
-PORT="3000"
-
-# CORS and Cookies
-CORS_ORIGIN="http://localhost:5173"
-COOKIES_DOMAIN="localhost"
-COOKIES_KEY="development-secret-key-change-in-production-min-32-chars"
-
-# URLs
-API_BASE_URL="http://localhost:3000"
-PLATFORM_BASE_URL="http://localhost:5173"
-WEBSITE_BASE_URL="http://localhost:5174"
-
-# Database (Docker Compose)
-SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
-
-# Storage (RustFS via Docker Compose)
-STORAGE_ENDPOINT="http://rustfs:9000"
-STORAGE_BUCKET_NAME="arrhes-files"
-STORAGE_ACCESS_KEY="rustfsadmin"
-STORAGE_SECRET_KEY="rustfsadmin"
-
-# Email Mailpit (Docker Compose)
-EMAIL_ENDPOINT="mailpit:1025"
-EMAIL_USER="test"
-EMAIL_PASSWORD="test"
diff --git a/.dev/scripts/.tools.env b/.dev/scripts/.tools.env
deleted file mode 100644
index c2697d4..0000000
--- a/.dev/scripts/.tools.env
+++ /dev/null
@@ -1,2 +0,0 @@
-NODE_ENV="development"
-SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
diff --git a/.dev/scripts/start.sh b/.dev/scripts/start.sh
index f6b1abc..4d31713 100644
--- a/.dev/scripts/start.sh
+++ b/.dev/scripts/start.sh
@@ -2,7 +2,7 @@
 set -euo pipefail
 
 COMPOSE_FILE=".dev/compose.yml"
-SERVICE="arrhes-platform"
+SERVICE="arrhes-application"
 
 echo "Remove previous containers"
 docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
diff --git a/README.md b/README.md
index 97bed75..7942cab 100644
--- a/README.md
+++ b/README.md
@@ -39,38 +39,38 @@ Arrhes est une solution complète de comptabilité conçue spécifiquement pour
 
 ## Démarrage rapide
 
-### Option 1 : Dev Container 🚀 (Le plus simple)
-
-Prérequis : Docker
-
-Quick CLI workflow (no editor integration required):
-
-```bash
-# Clone & enter repo
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
-
-# Start the devcontainer services (bind-mounts your workspace)
-./devcontainer-start.sh
-
-# Bootstrap the workspace (run inside the devcontainer): installs deps, builds metadata, pushes schema and seeds DB
-./dev/scripts/initialize.sh
-
-# Open an interactive shell inside the devcontainer (one-line)
-docker compose -f .dev/compose.yml exec devcontainer bash
-
-# From that shell you can start the dev servers (they must bind to 0.0.0.0 to be reachable from the host):
-# API
-pnpm --filter api run dev
-# Platform (Vite) - ensure host binding
-pnpm --filter platform run dev -- --host
-# Website (Vite) - ensure host binding
-pnpm --filter website run dev -- --host
-```
-
-If you prefer to attach VS Code to the running container instead of using an in-container shell, install the "Dev Containers" extension and use "Dev Containers: Attach to Running Container..." then select the `devcontainer` container. Edits are persisted on the host because the service mount `.:/workspace` is a bind mount.
-
-
+### Option 1 : Dev Container 🚀 (Le plus simple)
+
+Prérequis : Docker
+
+Quick CLI workflow (no editor integration required):
+
+```bash
+# Clone & enter repo
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
+
+# Start the devcontainer services (bind-mounts your workspace)
+./devcontainer-start.sh
+
+# Bootstrap the workspace (run inside the devcontainer): installs deps, builds metadata, pushes schema and seeds DB
+./dev/scripts/initialize.sh
+
+# Open an interactive shell inside the devcontainer (one-line)
+docker compose -f .dev/compose.yml exec devcontainer bash
+
+# From that shell you can start the dev servers (they must bind to 0.0.0.0 to be reachable from the host):
+# API
+pnpm --filter api run dev
+# Platform (Vite) - ensure host binding
+pnpm --filter platform run dev -- --host
+# Website (Vite) - ensure host binding
+pnpm --filter website run dev -- --host
+```
+
+If you prefer to attach VS Code to the running container instead of using an in-container shell, install the "Dev Containers" extension and use "Dev Containers: Attach to Running Container..." then select the `devcontainer` container. Edits are persisted on the host because the service mount `.:/workspace` is a bind mount.
+
+
 
 Tout est configuré automatiquement : Node.js, pnpm, PostgreSQL, RustFS, MailHog, et les données de démonstration !
 
@@ -80,8 +80,8 @@ Prérequis : Node.js 24.5+, pnpm, Docker
 
 ```bash
 # Cloner le repository
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
 
 # Installer les dépendances
 pnpm install
@@ -111,8 +111,8 @@ Prérequis : Node.js 24.5+, pnpm, PostgreSQL
 
 ```bash
 # Cloner le repository
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
 
 # Installer les dépendances
 pnpm install
@@ -163,8 +163,8 @@ Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de
 
 ## Support
 
-- 🐛 [Signaler un bug](https://github.com/arrhes/arrhes-platform/issues)
-- 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes-platform/issues)
+- 🐛 [Signaler un bug](https://github.com/arrhes/arrhes-application/issues)
+- 💡 [Proposer une fonctionnalité](https://github.com/arrhes/arrhes-application/issues)
 - 📧 Contact : contact@arrhes.com
 
 ---
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 400b8e3..6a6ccfd 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -62,7 +62,7 @@ Avant de commencer à contribuer, configurez votre environnement de développeme
 
 3. **Ajouter le repository principal comme remote**
    ```bash
-   git remote add upstream https://github.com/arrhes/arrhes-platform.git
+   git remote add upstream https://github.com/arrhes/arrhes-application.git
    ```
 
 4. **Choisir votre méthode de développement**
@@ -538,8 +538,8 @@ Plusieurs utilisateurs ont demandé cette fonctionnalité pour faire des analyse
 - [Documentation d'architecture](ARCHITECTURE.md)
 - [Guide de développement](DEVELOPMENT.md)
 - [Configuration](CONFIGURATION.md)
-- [Issues GitHub](https://github.com/arrhes/arrhes-platform/issues)
-- [Discussions GitHub](https://github.com/arrhes/arrhes-platform/discussions)
+- [Issues GitHub](https://github.com/arrhes/arrhes-application/issues)
+- [Discussions GitHub](https://github.com/arrhes/arrhes-application/discussions)
 
 ## Questions ?
 
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index 93ba59c..5d1a0c1 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -154,8 +154,8 @@ C'est tout ! PostgreSQL, RustFS et MailHog seront lancés automatiquement dans d
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
 ```
 
 **Étape 2 : Ouvrir dans VS Code/Cursor**
@@ -216,8 +216,8 @@ C'est tout ! Vous êtes prêt à développer. 🎉
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
 ```
 
 **Étape 2 : Installer les dépendances**
@@ -243,8 +243,8 @@ Vous devriez voir tous les packages workspace listés.
 **Étape 1 : Cloner le repository**
 
 ```bash
-git clone https://github.com/arrhes/arrhes-platform.git
-cd arrhes-platform
+git clone https://github.com/arrhes/arrhes-application.git
+cd arrhes-application
 ```
 
 **Étape 2 : Installer les dépendances**
diff --git a/justfile b/justfile
new file mode 100644
index 0000000..f2b0e4c
--- /dev/null
+++ b/justfile
@@ -0,0 +1,10 @@
+set shell := ["bash", "-cu"]
+COMPOSE_FILE := ".dev/compose.yml"
+PROJECT := "arrhes-application"
+
+up:
+    export HOST_UID=$(id -u) HOST_GID=$(id -g) && \
+    docker compose --project-directory="." --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
+
+down:
+    docker compose --project-directory="." --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
diff --git a/packages/api/package.json b/packages/api/package.json
index 701300f..d779f43 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@arrhes/api",
+    "name": "@arrhes/application-api",
     "type": "module",
     "private": false,
     "scripts": {
@@ -14,7 +14,7 @@
         "typescript": "5.9.3"
     },
     "dependencies": {
-        "@arrhes/metadata": "workspace:*",
+        "@arrhes/application-metadata": "workspace:*",
         "@aws-sdk/client-s3": "3.940.0",
         "@aws-sdk/s3-request-presigner": "3.940.0",
         "drizzle-orm": "0.44.7",
diff --git a/packages/api/tsconfig.json b/packages/api/tsconfig.json
index 7f744e1..89970cf 100644
--- a/packages/api/tsconfig.json
+++ b/packages/api/tsconfig.json
@@ -1,6 +1,20 @@
 {
-    "extends": "../../tsconfig.json",
     "compilerOptions": {
+        "jsx": "react-jsx",
+        "target": "ESNext",
+        "noImplicitAny": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
         "jsxImportSource": "hono/jsx",
         "rootDir": "./src",
         "outDir": "./build",
diff --git a/packages/platform/.docker/.dockerignore b/packages/dashboard/.docker/.dockerignore
similarity index 100%
rename from packages/platform/.docker/.dockerignore
rename to packages/dashboard/.docker/.dockerignore
diff --git a/packages/platform/.docker/Dockerfile b/packages/dashboard/.docker/Dockerfile
similarity index 100%
rename from packages/platform/.docker/Dockerfile
rename to packages/dashboard/.docker/Dockerfile
diff --git a/packages/platform/.docker/nginx/default.conf b/packages/dashboard/.docker/nginx/default.conf
similarity index 100%
rename from packages/platform/.docker/nginx/default.conf
rename to packages/dashboard/.docker/nginx/default.conf
diff --git a/packages/platform/eslint.config.js b/packages/dashboard/eslint.config.js
similarity index 100%
rename from packages/platform/eslint.config.js
rename to packages/dashboard/eslint.config.js
diff --git a/packages/platform/package.json b/packages/dashboard/package.json
similarity index 95%
rename from packages/platform/package.json
rename to packages/dashboard/package.json
index 2a4a251..1a88874 100644
--- a/packages/platform/package.json
+++ b/packages/dashboard/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@arrhes/platform",
+    "name": "@arrhes/application-dashboard",
     "type": "module",
     "private": false,
     "scripts": {
@@ -26,7 +26,7 @@
         "vite": "7.2.4"
     },
     "dependencies": {
-        "@arrhes/metadata": "workspace:*",
+        "@arrhes/application-metadata": "workspace:*",
         "@hookform/resolvers": "5.2.2",
         "@radix-ui/react-dialog": "1.1.15",
         "@radix-ui/react-dropdown-menu": "2.1.16",
diff --git a/packages/platform/public/robots.txt b/packages/dashboard/public/robots.txt
similarity index 100%
rename from packages/platform/public/robots.txt
rename to packages/dashboard/public/robots.txt
diff --git a/packages/platform/public/sitemap.xml b/packages/dashboard/public/sitemap.xml
similarity index 100%
rename from packages/platform/public/sitemap.xml
rename to packages/dashboard/public/sitemap.xml
diff --git a/packages/platform/src/assets/css/fonts.css b/packages/dashboard/src/assets/css/fonts.css
similarity index 100%
rename from packages/platform/src/assets/css/fonts.css
rename to packages/dashboard/src/assets/css/fonts.css
diff --git a/packages/platform/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
similarity index 100%
rename from packages/platform/src/assets/css/root.css
rename to packages/dashboard/src/assets/css/root.css
diff --git a/packages/platform/src/assets/css/theme.css b/packages/dashboard/src/assets/css/theme.css
similarity index 100%
rename from packages/platform/src/assets/css/theme.css
rename to packages/dashboard/src/assets/css/theme.css
diff --git a/packages/platform/src/assets/fonts/SometypeMono-VariableFont_wght.ttf b/packages/dashboard/src/assets/fonts/SometypeMono-VariableFont_wght.ttf
similarity index 100%
rename from packages/platform/src/assets/fonts/SometypeMono-VariableFont_wght.ttf
rename to packages/dashboard/src/assets/fonts/SometypeMono-VariableFont_wght.ttf
diff --git a/packages/platform/src/assets/images/favicons/apple-touch-icon.png b/packages/dashboard/src/assets/images/favicons/apple-touch-icon.png
similarity index 100%
rename from packages/platform/src/assets/images/favicons/apple-touch-icon.png
rename to packages/dashboard/src/assets/images/favicons/apple-touch-icon.png
diff --git a/packages/platform/src/assets/images/favicons/favicon-96x96.png b/packages/dashboard/src/assets/images/favicons/favicon-96x96.png
similarity index 100%
rename from packages/platform/src/assets/images/favicons/favicon-96x96.png
rename to packages/dashboard/src/assets/images/favicons/favicon-96x96.png
diff --git a/packages/platform/src/assets/images/favicons/favicon.ico b/packages/dashboard/src/assets/images/favicons/favicon.ico
similarity index 100%
rename from packages/platform/src/assets/images/favicons/favicon.ico
rename to packages/dashboard/src/assets/images/favicons/favicon.ico
diff --git a/packages/platform/src/assets/images/favicons/favicon.svg b/packages/dashboard/src/assets/images/favicons/favicon.svg
similarity index 100%
rename from packages/platform/src/assets/images/favicons/favicon.svg
rename to packages/dashboard/src/assets/images/favicons/favicon.svg
diff --git a/packages/platform/src/assets/manifest/site.webmanifest b/packages/dashboard/src/assets/manifest/site.webmanifest
similarity index 100%
rename from packages/platform/src/assets/manifest/site.webmanifest
rename to packages/dashboard/src/assets/manifest/site.webmanifest
diff --git a/packages/platform/src/assets/manifest/web-app-manifest-192x192.png b/packages/dashboard/src/assets/manifest/web-app-manifest-192x192.png
similarity index 100%
rename from packages/platform/src/assets/manifest/web-app-manifest-192x192.png
rename to packages/dashboard/src/assets/manifest/web-app-manifest-192x192.png
diff --git a/packages/platform/src/assets/manifest/web-app-manifest-512x512.png b/packages/dashboard/src/assets/manifest/web-app-manifest-512x512.png
similarity index 100%
rename from packages/platform/src/assets/manifest/web-app-manifest-512x512.png
rename to packages/dashboard/src/assets/manifest/web-app-manifest-512x512.png
diff --git a/packages/platform/src/components/buttons/button.tsx b/packages/dashboard/src/components/buttons/button.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/button.tsx
rename to packages/dashboard/src/components/buttons/button.tsx
diff --git a/packages/platform/src/components/buttons/buttonGhost.tsx b/packages/dashboard/src/components/buttons/buttonGhost.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonGhost.tsx
rename to packages/dashboard/src/components/buttons/buttonGhost.tsx
diff --git a/packages/platform/src/components/buttons/buttonGhostContent.tsx b/packages/dashboard/src/components/buttons/buttonGhostContent.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonGhostContent.tsx
rename to packages/dashboard/src/components/buttons/buttonGhostContent.tsx
diff --git a/packages/platform/src/components/buttons/buttonOutline.tsx b/packages/dashboard/src/components/buttons/buttonOutline.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonOutline.tsx
rename to packages/dashboard/src/components/buttons/buttonOutline.tsx
diff --git a/packages/platform/src/components/buttons/buttonOutlineContent.tsx b/packages/dashboard/src/components/buttons/buttonOutlineContent.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonOutlineContent.tsx
rename to packages/dashboard/src/components/buttons/buttonOutlineContent.tsx
diff --git a/packages/platform/src/components/buttons/buttonPlain.tsx b/packages/dashboard/src/components/buttons/buttonPlain.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonPlain.tsx
rename to packages/dashboard/src/components/buttons/buttonPlain.tsx
diff --git a/packages/platform/src/components/buttons/buttonPlainContent.tsx b/packages/dashboard/src/components/buttons/buttonPlainContent.tsx
similarity index 100%
rename from packages/platform/src/components/buttons/buttonPlainContent.tsx
rename to packages/dashboard/src/components/buttons/buttonPlainContent.tsx
diff --git a/packages/platform/src/components/formats/formatBase.tsx b/packages/dashboard/src/components/formats/formatBase.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatBase.tsx
rename to packages/dashboard/src/components/formats/formatBase.tsx
diff --git a/packages/platform/src/components/formats/formatBoolean.tsx b/packages/dashboard/src/components/formats/formatBoolean.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatBoolean.tsx
rename to packages/dashboard/src/components/formats/formatBoolean.tsx
diff --git a/packages/platform/src/components/formats/formatDate.tsx b/packages/dashboard/src/components/formats/formatDate.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatDate.tsx
rename to packages/dashboard/src/components/formats/formatDate.tsx
diff --git a/packages/platform/src/components/formats/formatDateTime.tsx b/packages/dashboard/src/components/formats/formatDateTime.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatDateTime.tsx
rename to packages/dashboard/src/components/formats/formatDateTime.tsx
diff --git a/packages/platform/src/components/formats/formatError.tsx b/packages/dashboard/src/components/formats/formatError.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatError.tsx
rename to packages/dashboard/src/components/formats/formatError.tsx
diff --git a/packages/platform/src/components/formats/formatFileSize.tsx b/packages/dashboard/src/components/formats/formatFileSize.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatFileSize.tsx
rename to packages/dashboard/src/components/formats/formatFileSize.tsx
diff --git a/packages/platform/src/components/formats/formatLink.tsx b/packages/dashboard/src/components/formats/formatLink.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatLink.tsx
rename to packages/dashboard/src/components/formats/formatLink.tsx
diff --git a/packages/platform/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatNull.tsx
rename to packages/dashboard/src/components/formats/formatNull.tsx
diff --git a/packages/platform/src/components/formats/formatPrice.tsx b/packages/dashboard/src/components/formats/formatPrice.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatPrice.tsx
rename to packages/dashboard/src/components/formats/formatPrice.tsx
diff --git a/packages/platform/src/components/formats/formatSelect.tsx b/packages/dashboard/src/components/formats/formatSelect.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatSelect.tsx
rename to packages/dashboard/src/components/formats/formatSelect.tsx
diff --git a/packages/platform/src/components/formats/formatText.tsx b/packages/dashboard/src/components/formats/formatText.tsx
similarity index 100%
rename from packages/platform/src/components/formats/formatText.tsx
rename to packages/dashboard/src/components/formats/formatText.tsx
diff --git a/packages/platform/src/components/forms/formControl.tsx b/packages/dashboard/src/components/forms/formControl.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formControl.tsx
rename to packages/dashboard/src/components/forms/formControl.tsx
diff --git a/packages/platform/src/components/forms/formError.tsx b/packages/dashboard/src/components/forms/formError.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formError.tsx
rename to packages/dashboard/src/components/forms/formError.tsx
diff --git a/packages/platform/src/components/forms/formField.tsx b/packages/dashboard/src/components/forms/formField.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formField.tsx
rename to packages/dashboard/src/components/forms/formField.tsx
diff --git a/packages/platform/src/components/forms/formFieldContext.tsx b/packages/dashboard/src/components/forms/formFieldContext.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formFieldContext.tsx
rename to packages/dashboard/src/components/forms/formFieldContext.tsx
diff --git a/packages/platform/src/components/forms/formItem.tsx b/packages/dashboard/src/components/forms/formItem.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formItem.tsx
rename to packages/dashboard/src/components/forms/formItem.tsx
diff --git a/packages/platform/src/components/forms/formItemContext.tsx b/packages/dashboard/src/components/forms/formItemContext.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formItemContext.tsx
rename to packages/dashboard/src/components/forms/formItemContext.tsx
diff --git a/packages/platform/src/components/forms/formLabel.tsx b/packages/dashboard/src/components/forms/formLabel.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formLabel.tsx
rename to packages/dashboard/src/components/forms/formLabel.tsx
diff --git a/packages/platform/src/components/forms/formRoot.tsx b/packages/dashboard/src/components/forms/formRoot.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formRoot.tsx
rename to packages/dashboard/src/components/forms/formRoot.tsx
diff --git a/packages/platform/src/components/forms/formSubmit.tsx b/packages/dashboard/src/components/forms/formSubmit.tsx
similarity index 100%
rename from packages/platform/src/components/forms/formSubmit.tsx
rename to packages/dashboard/src/components/forms/formSubmit.tsx
diff --git a/packages/platform/src/components/forms/useFormField.tsx b/packages/dashboard/src/components/forms/useFormField.tsx
similarity index 100%
rename from packages/platform/src/components/forms/useFormField.tsx
rename to packages/dashboard/src/components/forms/useFormField.tsx
diff --git a/packages/platform/src/components/inputs/inputCombobox.tsx b/packages/dashboard/src/components/inputs/inputCombobox.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputCombobox.tsx
rename to packages/dashboard/src/components/inputs/inputCombobox.tsx
diff --git a/packages/platform/src/components/inputs/inputComboboxMultiple.tsx b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputComboboxMultiple.tsx
rename to packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
diff --git a/packages/platform/src/components/inputs/inputDataCombobox.tsx b/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputDataCombobox.tsx
rename to packages/dashboard/src/components/inputs/inputDataCombobox.tsx
diff --git a/packages/platform/src/components/inputs/inputDate.tsx b/packages/dashboard/src/components/inputs/inputDate.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputDate.tsx
rename to packages/dashboard/src/components/inputs/inputDate.tsx
diff --git a/packages/platform/src/components/inputs/inputDebounced.tsx b/packages/dashboard/src/components/inputs/inputDebounced.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputDebounced.tsx
rename to packages/dashboard/src/components/inputs/inputDebounced.tsx
diff --git a/packages/platform/src/components/inputs/inputDisabled.tsx b/packages/dashboard/src/components/inputs/inputDisabled.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputDisabled.tsx
rename to packages/dashboard/src/components/inputs/inputDisabled.tsx
diff --git a/packages/platform/src/components/inputs/inputFile.tsx b/packages/dashboard/src/components/inputs/inputFile.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputFile.tsx
rename to packages/dashboard/src/components/inputs/inputFile.tsx
diff --git a/packages/platform/src/components/inputs/inputNumber.tsx b/packages/dashboard/src/components/inputs/inputNumber.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputNumber.tsx
rename to packages/dashboard/src/components/inputs/inputNumber.tsx
diff --git a/packages/platform/src/components/inputs/inputPassword.tsx b/packages/dashboard/src/components/inputs/inputPassword.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputPassword.tsx
rename to packages/dashboard/src/components/inputs/inputPassword.tsx
diff --git a/packages/platform/src/components/inputs/inputRating.tsx b/packages/dashboard/src/components/inputs/inputRating.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputRating.tsx
rename to packages/dashboard/src/components/inputs/inputRating.tsx
diff --git a/packages/platform/src/components/inputs/inputSelect.tsx b/packages/dashboard/src/components/inputs/inputSelect.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputSelect.tsx
rename to packages/dashboard/src/components/inputs/inputSelect.tsx
diff --git a/packages/platform/src/components/inputs/inputSwitch.tsx b/packages/dashboard/src/components/inputs/inputSwitch.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputSwitch.tsx
rename to packages/dashboard/src/components/inputs/inputSwitch.tsx
diff --git a/packages/platform/src/components/inputs/inputText.tsx b/packages/dashboard/src/components/inputs/inputText.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputText.tsx
rename to packages/dashboard/src/components/inputs/inputText.tsx
diff --git a/packages/platform/src/components/inputs/inputTextArea.tsx b/packages/dashboard/src/components/inputs/inputTextArea.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputTextArea.tsx
rename to packages/dashboard/src/components/inputs/inputTextArea.tsx
diff --git a/packages/platform/src/components/inputs/inputToggle.tsx b/packages/dashboard/src/components/inputs/inputToggle.tsx
similarity index 100%
rename from packages/platform/src/components/inputs/inputToggle.tsx
rename to packages/dashboard/src/components/inputs/inputToggle.tsx
diff --git a/packages/platform/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/banner.tsx
rename to packages/dashboard/src/components/layouts/banner.tsx
diff --git a/packages/platform/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/box.tsx
rename to packages/dashboard/src/components/layouts/box.tsx
diff --git a/packages/platform/src/components/layouts/card/card.tsx b/packages/dashboard/src/components/layouts/card/card.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/card/card.tsx
rename to packages/dashboard/src/components/layouts/card/card.tsx
diff --git a/packages/platform/src/components/layouts/card/cardContent.tsx b/packages/dashboard/src/components/layouts/card/cardContent.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/card/cardContent.tsx
rename to packages/dashboard/src/components/layouts/card/cardContent.tsx
diff --git a/packages/platform/src/components/layouts/card/cardHeader.tsx b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/card/cardHeader.tsx
rename to packages/dashboard/src/components/layouts/card/cardHeader.tsx
diff --git a/packages/platform/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/card/cardRoot.tsx
rename to packages/dashboard/src/components/layouts/card/cardRoot.tsx
diff --git a/packages/platform/src/components/layouts/chip.tsx b/packages/dashboard/src/components/layouts/chip.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/chip.tsx
rename to packages/dashboard/src/components/layouts/chip.tsx
diff --git a/packages/platform/src/components/layouts/circularLoader.tsx b/packages/dashboard/src/components/layouts/circularLoader.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/circularLoader.tsx
rename to packages/dashboard/src/components/layouts/circularLoader.tsx
diff --git a/packages/platform/src/components/layouts/command.tsx b/packages/dashboard/src/components/layouts/command.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/command.tsx
rename to packages/dashboard/src/components/layouts/command.tsx
diff --git a/packages/platform/src/components/layouts/dataBlock/dataBlock.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlock.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataBlock/dataBlock.tsx
rename to packages/dashboard/src/components/layouts/dataBlock/dataBlock.tsx
diff --git a/packages/platform/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataBlock/dataBlockContent.tsx
rename to packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
diff --git a/packages/platform/src/components/layouts/dataBlock/dataBlockHeader.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataBlock/dataBlockHeader.tsx
rename to packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
diff --git a/packages/platform/src/components/layouts/dataBlock/dataBlockItem.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataBlock/dataBlockItem.tsx
rename to packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
diff --git a/packages/platform/src/components/layouts/dataBlock/dataBlockRoot.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataBlock/dataBlockRoot.tsx
rename to packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
diff --git a/packages/platform/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataTable.tsx
rename to packages/dashboard/src/components/layouts/dataTable.tsx
diff --git a/packages/platform/src/components/layouts/dataWrapper.tsx b/packages/dashboard/src/components/layouts/dataWrapper.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dataWrapper.tsx
rename to packages/dashboard/src/components/layouts/dataWrapper.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdown.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdown.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdown.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdown.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownContent.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownContent.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownItem.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownItem.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownLabel.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownLabel.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownRoot.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownRoot.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownSeparator.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
diff --git a/packages/platform/src/components/layouts/dropdownMenu/dropdownTrigger.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
rename to packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
diff --git a/packages/platform/src/components/layouts/logo.tsx b/packages/dashboard/src/components/layouts/logo.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/logo.tsx
rename to packages/dashboard/src/components/layouts/logo.tsx
diff --git a/packages/platform/src/components/layouts/page/page.tsx b/packages/dashboard/src/components/layouts/page/page.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/page/page.tsx
rename to packages/dashboard/src/components/layouts/page/page.tsx
diff --git a/packages/platform/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/page/pageContent.tsx
rename to packages/dashboard/src/components/layouts/page/pageContent.tsx
diff --git a/packages/platform/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/page/pageHeader.tsx
rename to packages/dashboard/src/components/layouts/page/pageHeader.tsx
diff --git a/packages/platform/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/page/pageRoot.tsx
rename to packages/dashboard/src/components/layouts/page/pageRoot.tsx
diff --git a/packages/platform/src/components/layouts/page/pageSeparator.tsx b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/page/pageSeparator.tsx
rename to packages/dashboard/src/components/layouts/page/pageSeparator.tsx
diff --git a/packages/platform/src/components/layouts/pageLayout.tsx b/packages/dashboard/src/components/layouts/pageLayout.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/pageLayout.tsx
rename to packages/dashboard/src/components/layouts/pageLayout.tsx
diff --git a/packages/platform/src/components/layouts/section/section.tsx b/packages/dashboard/src/components/layouts/section/section.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/section/section.tsx
rename to packages/dashboard/src/components/layouts/section/section.tsx
diff --git a/packages/platform/src/components/layouts/section/sectionItem.tsx b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/section/sectionItem.tsx
rename to packages/dashboard/src/components/layouts/section/sectionItem.tsx
diff --git a/packages/platform/src/components/layouts/section/sectionRoot.tsx b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/section/sectionRoot.tsx
rename to packages/dashboard/src/components/layouts/section/sectionRoot.tsx
diff --git a/packages/platform/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/subPageLayout.tsx
rename to packages/dashboard/src/components/layouts/subPageLayout.tsx
diff --git a/packages/platform/src/components/layouts/table/table.tsx b/packages/dashboard/src/components/layouts/table/table.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/table.tsx
rename to packages/dashboard/src/components/layouts/table/table.tsx
diff --git a/packages/platform/src/components/layouts/table/tableBody/tableBodyCell.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableBody/tableBodyCell.tsx
rename to packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
diff --git a/packages/platform/src/components/layouts/table/tableBody/tableBodyRoot.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableBody/tableBodyRoot.tsx
rename to packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
diff --git a/packages/platform/src/components/layouts/table/tableBody/tableBodyRow.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableBody/tableBodyRow.tsx
rename to packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
diff --git a/packages/platform/src/components/layouts/table/tableHeader/tableHeaderCell.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
rename to packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
diff --git a/packages/platform/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
rename to packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
diff --git a/packages/platform/src/components/layouts/table/tableHeader/tableHeaderRow.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
rename to packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
diff --git a/packages/platform/src/components/layouts/table/tableRoot.tsx b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/table/tableRoot.tsx
rename to packages/dashboard/src/components/layouts/table/tableRoot.tsx
diff --git a/packages/platform/src/components/layouts/title.tsx b/packages/dashboard/src/components/layouts/title.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/title.tsx
rename to packages/dashboard/src/components/layouts/title.tsx
diff --git a/packages/platform/src/components/layouts/virtualizer.tsx b/packages/dashboard/src/components/layouts/virtualizer.tsx
similarity index 100%
rename from packages/platform/src/components/layouts/virtualizer.tsx
rename to packages/dashboard/src/components/layouts/virtualizer.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialog.tsx b/packages/dashboard/src/components/overlays/dialog/dialog.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialog.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialog.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogContent.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogDescription.tsx b/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogDescription.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogFooter.tsx b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogFooter.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogHeader.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogOverlay.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogPortal.tsx b/packages/dashboard/src/components/overlays/dialog/dialogPortal.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogPortal.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogPortal.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogRoot.tsx b/packages/dashboard/src/components/overlays/dialog/dialogRoot.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogRoot.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogRoot.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogTitle.tsx b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogTitle.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
diff --git a/packages/platform/src/components/overlays/dialog/dialogTrigger.tsx b/packages/dashboard/src/components/overlays/dialog/dialogTrigger.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/dialog/dialogTrigger.tsx
rename to packages/dashboard/src/components/overlays/dialog/dialogTrigger.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawer.tsx b/packages/dashboard/src/components/overlays/drawer/drawer.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawer.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawer.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawerBody.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawerContent.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawerHeader.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawerRoot.tsx b/packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawerRoot.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx
diff --git a/packages/platform/src/components/overlays/drawer/drawerTrigger.tsx b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/drawer/drawerTrigger.tsx
rename to packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
diff --git a/packages/platform/src/components/overlays/popover/popover.tsx b/packages/dashboard/src/components/overlays/popover/popover.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/popover/popover.tsx
rename to packages/dashboard/src/components/overlays/popover/popover.tsx
diff --git a/packages/platform/src/components/overlays/popover/popoverClose.tsx b/packages/dashboard/src/components/overlays/popover/popoverClose.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/popover/popoverClose.tsx
rename to packages/dashboard/src/components/overlays/popover/popoverClose.tsx
diff --git a/packages/platform/src/components/overlays/popover/popoverContent.tsx b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/popover/popoverContent.tsx
rename to packages/dashboard/src/components/overlays/popover/popoverContent.tsx
diff --git a/packages/platform/src/components/overlays/popover/popoverRoot.tsx b/packages/dashboard/src/components/overlays/popover/popoverRoot.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/popover/popoverRoot.tsx
rename to packages/dashboard/src/components/overlays/popover/popoverRoot.tsx
diff --git a/packages/platform/src/components/overlays/popover/popoverTrigger.tsx b/packages/dashboard/src/components/overlays/popover/popoverTrigger.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/popover/popoverTrigger.tsx
rename to packages/dashboard/src/components/overlays/popover/popoverTrigger.tsx
diff --git a/packages/platform/src/components/overlays/toast/toast.tsx b/packages/dashboard/src/components/overlays/toast/toast.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toast.tsx
rename to packages/dashboard/src/components/overlays/toast/toast.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastAction.tsx b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastAction.tsx
rename to packages/dashboard/src/components/overlays/toast/toastAction.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastClose.tsx b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastClose.tsx
rename to packages/dashboard/src/components/overlays/toast/toastClose.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastContent.tsx b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastContent.tsx
rename to packages/dashboard/src/components/overlays/toast/toastContent.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastDescription.tsx b/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastDescription.tsx
rename to packages/dashboard/src/components/overlays/toast/toastDescription.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastProvider.tsx b/packages/dashboard/src/components/overlays/toast/toastProvider.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastProvider.tsx
rename to packages/dashboard/src/components/overlays/toast/toastProvider.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastTitle.tsx b/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastTitle.tsx
rename to packages/dashboard/src/components/overlays/toast/toastTitle.tsx
diff --git a/packages/platform/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/toast/toastViewport.tsx
rename to packages/dashboard/src/components/overlays/toast/toastViewport.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltip.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltip.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltip.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltip.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltipContent.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltipContent.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltipPortal.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipPortal.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltipPortal.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltipPortal.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltipProvider.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipProvider.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltipProvider.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltipProvider.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltipRoot.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipRoot.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltipRoot.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltipRoot.tsx
diff --git a/packages/platform/src/components/overlays/tooltip/tooltipTrigger.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipTrigger.tsx
similarity index 100%
rename from packages/platform/src/components/overlays/tooltip/tooltipTrigger.tsx
rename to packages/dashboard/src/components/overlays/tooltip/tooltipTrigger.tsx
diff --git a/packages/platform/src/contexts/data/dataProvider.tsx b/packages/dashboard/src/contexts/data/dataProvider.tsx
similarity index 100%
rename from packages/platform/src/contexts/data/dataProvider.tsx
rename to packages/dashboard/src/contexts/data/dataProvider.tsx
diff --git a/packages/platform/src/contexts/data/queryClient.ts b/packages/dashboard/src/contexts/data/queryClient.ts
similarity index 100%
rename from packages/platform/src/contexts/data/queryClient.ts
rename to packages/dashboard/src/contexts/data/queryClient.ts
diff --git a/packages/platform/src/contexts/rootProvider.tsx b/packages/dashboard/src/contexts/rootProvider.tsx
similarity index 100%
rename from packages/platform/src/contexts/rootProvider.tsx
rename to packages/dashboard/src/contexts/rootProvider.tsx
diff --git a/packages/platform/src/contexts/router/routerProvider.tsx b/packages/dashboard/src/contexts/router/routerProvider.tsx
similarity index 100%
rename from packages/platform/src/contexts/router/routerProvider.tsx
rename to packages/dashboard/src/contexts/router/routerProvider.tsx
diff --git a/packages/platform/src/contexts/toasts/toastProvider.tsx b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
similarity index 100%
rename from packages/platform/src/contexts/toasts/toastProvider.tsx
rename to packages/dashboard/src/contexts/toasts/toastProvider.tsx
diff --git a/packages/platform/src/contexts/toasts/useToast.ts b/packages/dashboard/src/contexts/toasts/useToast.ts
similarity index 100%
rename from packages/platform/src/contexts/toasts/useToast.ts
rename to packages/dashboard/src/contexts/toasts/useToast.ts
diff --git a/packages/platform/src/features/authLayout.tsx b/packages/dashboard/src/features/authLayout.tsx
similarity index 100%
rename from packages/platform/src/features/authLayout.tsx
rename to packages/dashboard/src/features/authLayout.tsx
diff --git a/packages/platform/src/features/breadcrumbs.tsx b/packages/dashboard/src/features/breadcrumbs.tsx
similarity index 100%
rename from packages/platform/src/features/breadcrumbs.tsx
rename to packages/dashboard/src/features/breadcrumbs.tsx
diff --git a/packages/platform/src/features/error/errorPage.tsx b/packages/dashboard/src/features/error/errorPage.tsx
similarity index 100%
rename from packages/platform/src/features/error/errorPage.tsx
rename to packages/dashboard/src/features/error/errorPage.tsx
diff --git a/packages/platform/src/features/home/documentationBanner.tsx b/packages/dashboard/src/features/home/documentationBanner.tsx
similarity index 100%
rename from packages/platform/src/features/home/documentationBanner.tsx
rename to packages/dashboard/src/features/home/documentationBanner.tsx
diff --git a/packages/platform/src/features/home/homePage.tsx b/packages/dashboard/src/features/home/homePage.tsx
similarity index 100%
rename from packages/platform/src/features/home/homePage.tsx
rename to packages/dashboard/src/features/home/homePage.tsx
diff --git a/packages/platform/src/features/home/organizationsBanner.tsx b/packages/dashboard/src/features/home/organizationsBanner.tsx
similarity index 100%
rename from packages/platform/src/features/home/organizationsBanner.tsx
rename to packages/dashboard/src/features/home/organizationsBanner.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationLayout.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationLayout.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationLayout.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationLayout.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/createOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/createOneYear.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/yearSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/yearSelect.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
diff --git a/packages/platform/src/features/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/$idOrganization/years/yearsPage.tsx
rename to packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
diff --git a/packages/platform/src/features/organizations/addNewOrganization.tsx b/packages/dashboard/src/features/organizations/addNewOrganization.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/addNewOrganization.tsx
rename to packages/dashboard/src/features/organizations/addNewOrganization.tsx
diff --git a/packages/platform/src/features/organizations/organizationsPage.tsx b/packages/dashboard/src/features/organizations/organizationsPage.tsx
similarity index 100%
rename from packages/platform/src/features/organizations/organizationsPage.tsx
rename to packages/dashboard/src/features/organizations/organizationsPage.tsx
diff --git a/packages/platform/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
similarity index 100%
rename from packages/platform/src/features/rootLayout.tsx
rename to packages/dashboard/src/features/rootLayout.tsx
diff --git a/packages/platform/src/features/settings/settingsPage.tsx b/packages/dashboard/src/features/settings/settingsPage.tsx
similarity index 100%
rename from packages/platform/src/features/settings/settingsPage.tsx
rename to packages/dashboard/src/features/settings/settingsPage.tsx
diff --git a/packages/platform/src/features/signIn/resetPassword.form.tsx b/packages/dashboard/src/features/signIn/resetPassword.form.tsx
similarity index 100%
rename from packages/platform/src/features/signIn/resetPassword.form.tsx
rename to packages/dashboard/src/features/signIn/resetPassword.form.tsx
diff --git a/packages/platform/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
similarity index 100%
rename from packages/platform/src/features/signIn/signInPage.tsx
rename to packages/dashboard/src/features/signIn/signInPage.tsx
diff --git a/packages/platform/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
similarity index 100%
rename from packages/platform/src/features/signUp/signUpPage.tsx
rename to packages/dashboard/src/features/signUp/signUpPage.tsx
diff --git a/packages/platform/src/features/support/contactSupportForm.tsx b/packages/dashboard/src/features/support/contactSupportForm.tsx
similarity index 100%
rename from packages/platform/src/features/support/contactSupportForm.tsx
rename to packages/dashboard/src/features/support/contactSupportForm.tsx
diff --git a/packages/platform/src/features/support/supportPage.tsx b/packages/dashboard/src/features/support/supportPage.tsx
similarity index 100%
rename from packages/platform/src/features/support/supportPage.tsx
rename to packages/dashboard/src/features/support/supportPage.tsx
diff --git a/packages/platform/src/index.html b/packages/dashboard/src/index.html
similarity index 100%
rename from packages/platform/src/index.html
rename to packages/dashboard/src/index.html
diff --git a/packages/platform/src/root.tsx b/packages/dashboard/src/root.tsx
similarity index 100%
rename from packages/platform/src/root.tsx
rename to packages/dashboard/src/root.tsx
diff --git a/packages/platform/src/routes/catchRoute.tsx b/packages/dashboard/src/routes/catchRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/catchRoute.tsx
rename to packages/dashboard/src/routes/catchRoute.tsx
diff --git a/packages/platform/src/routes/platformRouter.tsx b/packages/dashboard/src/routes/platformRouter.tsx
similarity index 100%
rename from packages/platform/src/routes/platformRouter.tsx
rename to packages/dashboard/src/routes/platformRouter.tsx
diff --git a/packages/platform/src/routes/platformTree.ts b/packages/dashboard/src/routes/platformTree.ts
similarity index 100%
rename from packages/platform/src/routes/platformTree.ts
rename to packages/dashboard/src/routes/platformTree.ts
diff --git a/packages/platform/src/routes/root/auth/homeRoute.tsx b/packages/dashboard/src/routes/root/auth/homeRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/homeRoute.tsx
rename to packages/dashboard/src/routes/root/auth/homeRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/organizations/organizationsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/organizationsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/organizations/organizationsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/organizations/organizationsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/settings/settingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/auth/settings/settingsLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/settings/settingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/auth/settings/settingsLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/settings/settingsRoute.tsx b/packages/dashboard/src/routes/root/auth/settings/settingsRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/settings/settingsRoute.tsx
rename to packages/dashboard/src/routes/root/auth/settings/settingsRoute.tsx
diff --git a/packages/platform/src/routes/root/auth/support/supportRoute.tsx b/packages/dashboard/src/routes/root/auth/support/supportRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/auth/support/supportRoute.tsx
rename to packages/dashboard/src/routes/root/auth/support/supportRoute.tsx
diff --git a/packages/platform/src/routes/root/authLayoutRoute.tsx b/packages/dashboard/src/routes/root/authLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/authLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/authLayoutRoute.tsx
diff --git a/packages/platform/src/routes/root/errorRoute.tsx b/packages/dashboard/src/routes/root/errorRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/errorRoute.tsx
rename to packages/dashboard/src/routes/root/errorRoute.tsx
diff --git a/packages/platform/src/routes/root/public/signInRoute.tsx b/packages/dashboard/src/routes/root/public/signInRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/public/signInRoute.tsx
rename to packages/dashboard/src/routes/root/public/signInRoute.tsx
diff --git a/packages/platform/src/routes/root/public/signUpRoute.tsx b/packages/dashboard/src/routes/root/public/signUpRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/public/signUpRoute.tsx
rename to packages/dashboard/src/routes/root/public/signUpRoute.tsx
diff --git a/packages/platform/src/routes/root/publicLayoutRoute.tsx b/packages/dashboard/src/routes/root/publicLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/root/publicLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/publicLayoutRoute.tsx
diff --git a/packages/platform/src/routes/rootLayoutRoute.tsx b/packages/dashboard/src/routes/rootLayoutRoute.tsx
similarity index 100%
rename from packages/platform/src/routes/rootLayoutRoute.tsx
rename to packages/dashboard/src/routes/rootLayoutRoute.tsx
diff --git a/packages/platform/src/utilities/clientError.ts b/packages/dashboard/src/utilities/clientError.ts
similarity index 100%
rename from packages/platform/src/utilities/clientError.ts
rename to packages/dashboard/src/utilities/clientError.ts
diff --git a/packages/platform/src/utilities/cn.ts b/packages/dashboard/src/utilities/cn.ts
similarity index 100%
rename from packages/platform/src/utilities/cn.ts
rename to packages/dashboard/src/utilities/cn.ts
diff --git a/packages/platform/src/utilities/compareAmounts.ts b/packages/dashboard/src/utilities/compareAmounts.ts
similarity index 100%
rename from packages/platform/src/utilities/compareAmounts.ts
rename to packages/dashboard/src/utilities/compareAmounts.ts
diff --git a/packages/platform/src/utilities/cookies/deleteCookies.ts b/packages/dashboard/src/utilities/cookies/deleteCookies.ts
similarity index 100%
rename from packages/platform/src/utilities/cookies/deleteCookies.ts
rename to packages/dashboard/src/utilities/cookies/deleteCookies.ts
diff --git a/packages/platform/src/utilities/cookies/getCookie.ts b/packages/dashboard/src/utilities/cookies/getCookie.ts
similarity index 100%
rename from packages/platform/src/utilities/cookies/getCookie.ts
rename to packages/dashboard/src/utilities/cookies/getCookie.ts
diff --git a/packages/platform/src/utilities/cookies/getIsAuthenticated.ts b/packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts
similarity index 100%
rename from packages/platform/src/utilities/cookies/getIsAuthenticated.ts
rename to packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts
diff --git a/packages/platform/src/utilities/cookies/getUserSession.ts b/packages/dashboard/src/utilities/cookies/getUserSession.ts
similarity index 100%
rename from packages/platform/src/utilities/cookies/getUserSession.ts
rename to packages/dashboard/src/utilities/cookies/getUserSession.ts
diff --git a/packages/platform/src/utilities/debounce.ts b/packages/dashboard/src/utilities/debounce.ts
similarity index 100%
rename from packages/platform/src/utilities/debounce.ts
rename to packages/dashboard/src/utilities/debounce.ts
diff --git a/packages/platform/src/utilities/fileToBase64.ts b/packages/dashboard/src/utilities/fileToBase64.ts
similarity index 100%
rename from packages/platform/src/utilities/fileToBase64.ts
rename to packages/dashboard/src/utilities/fileToBase64.ts
diff --git a/packages/platform/src/utilities/getOptions.ts b/packages/dashboard/src/utilities/getOptions.ts
similarity index 100%
rename from packages/platform/src/utilities/getOptions.ts
rename to packages/dashboard/src/utilities/getOptions.ts
diff --git a/packages/platform/src/utilities/invalidateData.ts b/packages/dashboard/src/utilities/invalidateData.ts
similarity index 100%
rename from packages/platform/src/utilities/invalidateData.ts
rename to packages/dashboard/src/utilities/invalidateData.ts
diff --git a/packages/platform/src/utilities/levenshtein.ts b/packages/dashboard/src/utilities/levenshtein.ts
similarity index 100%
rename from packages/platform/src/utilities/levenshtein.ts
rename to packages/dashboard/src/utilities/levenshtein.ts
diff --git a/packages/platform/src/utilities/postAPI.ts b/packages/dashboard/src/utilities/postAPI.ts
similarity index 100%
rename from packages/platform/src/utilities/postAPI.ts
rename to packages/dashboard/src/utilities/postAPI.ts
diff --git a/packages/platform/src/utilities/sleep.ts b/packages/dashboard/src/utilities/sleep.ts
similarity index 100%
rename from packages/platform/src/utilities/sleep.ts
rename to packages/dashboard/src/utilities/sleep.ts
diff --git a/packages/platform/src/utilities/throttledFunction.ts b/packages/dashboard/src/utilities/throttledFunction.ts
similarity index 100%
rename from packages/platform/src/utilities/throttledFunction.ts
rename to packages/dashboard/src/utilities/throttledFunction.ts
diff --git a/packages/platform/src/utilities/toRoman.ts b/packages/dashboard/src/utilities/toRoman.ts
similarity index 100%
rename from packages/platform/src/utilities/toRoman.ts
rename to packages/dashboard/src/utilities/toRoman.ts
diff --git a/packages/platform/src/utilities/useDeviceDetect.ts b/packages/dashboard/src/utilities/useDeviceDetect.ts
similarity index 100%
rename from packages/platform/src/utilities/useDeviceDetect.ts
rename to packages/dashboard/src/utilities/useDeviceDetect.ts
diff --git a/packages/platform/src/utilities/useHTTPData.ts b/packages/dashboard/src/utilities/useHTTPData.ts
similarity index 100%
rename from packages/platform/src/utilities/useHTTPData.ts
rename to packages/dashboard/src/utilities/useHTTPData.ts
diff --git a/packages/platform/src/utilities/validate.ts b/packages/dashboard/src/utilities/validate.ts
similarity index 100%
rename from packages/platform/src/utilities/validate.ts
rename to packages/dashboard/src/utilities/validate.ts
diff --git a/packages/platform/src/utilities/variables.ts b/packages/dashboard/src/utilities/variables.ts
similarity index 100%
rename from packages/platform/src/utilities/variables.ts
rename to packages/dashboard/src/utilities/variables.ts
diff --git a/packages/platform/src/vite-env.d.ts b/packages/dashboard/src/vite-env.d.ts
similarity index 100%
rename from packages/platform/src/vite-env.d.ts
rename to packages/dashboard/src/vite-env.d.ts
diff --git a/tsconfig.json b/packages/dashboard/tsconfig.json
similarity index 55%
rename from tsconfig.json
rename to packages/dashboard/tsconfig.json
index 4d9ef3e..3c69ee4 100644
--- a/tsconfig.json
+++ b/packages/dashboard/tsconfig.json
@@ -1,19 +1,33 @@
-{
-    "compilerOptions": {
-        "jsx": "react-jsx",
-        "target": "ESNext",
-        "noImplicitAny": true,
-        "skipLibCheck": true,
-        "strict": true,
-        "strictNullChecks": true,
-        "forceConsistentCasingInFileNames": true,
-        "esModuleInterop": true,
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "declaration": true,
-        "declarationMap": true,
-        "sourceMap": true,
-    }
+{
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "target": "ESNext",
+        "noImplicitAny": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "sourceMap": true,
+        "rootDir": "./src",
+        "outDir": "./build",
+        "paths": {
+            "#/*": [
+                "./src/*"
+            ]
+        },
+        "declaration": false,
+        "declarationMap": false,
+    },
+    "exclude": [
+        "./node_modules",
+        "./build",
+    ],
+    "include": [
+        "./src"
+    ]
 }
\ No newline at end of file
diff --git a/packages/platform/vite.config.ts b/packages/dashboard/vite.config.ts
similarity index 100%
rename from packages/platform/vite.config.ts
rename to packages/dashboard/vite.config.ts
diff --git a/packages/metadata/package.json b/packages/metadata/package.json
index 44f3704..f2395c5 100644
--- a/packages/metadata/package.json
+++ b/packages/metadata/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@arrhes/metadata",
+    "name": "@arrhes/application-metadata",
     "type": "module",
     "private": false,
     "scripts": {
diff --git a/packages/metadata/tsconfig.json b/packages/metadata/tsconfig.json
index e2de2eb..f4aea6c 100644
--- a/packages/metadata/tsconfig.json
+++ b/packages/metadata/tsconfig.json
@@ -1,6 +1,20 @@
 {
-    "extends": "../../tsconfig.json",
     "compilerOptions": {
+        "jsx": "react-jsx",
+        "target": "ESNext",
+        "noImplicitAny": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
         "rootDir": "./src",
         "outDir": "./build",
         "paths": {
diff --git a/packages/platform/tsconfig.json b/packages/platform/tsconfig.json
deleted file mode 100644
index 297f50a..0000000
--- a/packages/platform/tsconfig.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "rootDir": "./src",
-        "outDir": "./build",
-        "paths": {
-            "#/*": [
-                "./src/*"
-            ]
-        },
-        "declaration": false,
-        "declarationMap": false,
-    },
-    "exclude": [
-        "./node_modules",
-        "./build",
-    ],
-    "include": [
-        "./src"
-    ]
-}
\ No newline at end of file
diff --git a/packages/tools/package.json b/packages/tools/package.json
index 9faa32a..2c5b501 100644
--- a/packages/tools/package.json
+++ b/packages/tools/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "@arrhes/tools",
+    "name": "@arrhes/application-tools",
     "type": "module",
     "private": true,
     "scripts": {
@@ -20,7 +20,7 @@
         "typescript": "5.9.3"
     },
     "dependencies": {
-        "@arrhes/metadata": "workspace:*",
+        "@arrhes/application-metadata": "workspace:*",
         "@ngneat/falso": "8.0.2",
         "drizzle-orm": "0.44.7",
         "nanoid": "5.1.6",
diff --git a/packages/tools/tsconfig.json b/packages/tools/tsconfig.json
index 9931605..510a813 100644
--- a/packages/tools/tsconfig.json
+++ b/packages/tools/tsconfig.json
@@ -1,6 +1,20 @@
 {
-    "extends": "../../tsconfig.json",
     "compilerOptions": {
+        "jsx": "react-jsx",
+        "target": "ESNext",
+        "noImplicitAny": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
         "verbatimModuleSyntax": false,
         "rootDir": ".",
         "outDir": "./build",
diff --git a/packages/website/package.json b/packages/website/package.json
index bf3a84b..f7d73b4 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@arrhes/website",
+  "name": "@arrhes/application-website",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/packages/website/tsconfig.json b/packages/website/tsconfig.json
index f471793..301c973 100644
--- a/packages/website/tsconfig.json
+++ b/packages/website/tsconfig.json
@@ -1,5 +1,14 @@
 {
   "compilerOptions": {
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
     "target": "ES2022",
     "useDefineForClassFields": true,
     "lib": [

From 11f2545492920cac555de0ec05b5f12795098a96 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Tue, 23 Dec 2025 01:19:52 +0100
Subject: [PATCH 13/25] =?UTF-8?q?=F0=9F=90=B3=20refactor(dev):=20restructu?=
 =?UTF-8?q?re=20Docker=20development=20environment=20architecture?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- migrate from monolithic devcontainer to multi-service compose setup (api, dashboard, website)
- implement bind-mount strategy for source code with volume isolation for node_modules/build outputs
- add service-specific Dockerfiles and entrypoint scripts for api, dashboard, and website packages
- create per-service .env files in .dev/packages/{service}/ for environment configuration
- update compose.yml with detailed volume mappings and service dependencies
- remove centralized bootstrap script (initialize.sh, start.sh) in favor of entrypoint-based initialization
- add comprehensive .dockerignore with categorized exclusions and documentation
- update README.md with new architecture overview, usage patterns, and troubleshooting guide
- add .gitignore to track only essential dev configuration files
- update root documentation (README.md, ARCHITECTURE.md, CONTRIBUTING.md, DEVELOPMENT.md) to reflect
new Docker workflow
- update justfile with simplified Docker commands for new architecture
- update 254 API route files to use consistent import patterns and error handling
- update 197 dashboard component files for improved data handling and UI consistency
- migrate database client configuration to use Docker service hostnames
---
 .dev/.dockerignore                            |  29 +--
 .dev/.gitignore                               |  17 ++
 .dev/README.md                                | 182 ++++++++++++------
 .dev/compose.yml                              | 144 +++++++++++---
 .dev/packages/api/.env                        |  28 +++
 .dev/packages/api/Dockerfile                  |  50 ++---
 .dev/packages/api/entrypoint.sh               |  84 ++------
 .dev/packages/dashboard/.env                  |   3 +
 .dev/packages/dashboard/Dockerfile            |  25 +++
 .dev/packages/dashboard/entrypoint.sh         |  20 ++
 .dev/packages/tools/.env                      |   2 +
 .dev/packages/website/.env                    |   3 +
 .dev/packages/website/Dockerfile              |  25 +++
 .dev/packages/website/entrypoint.sh           |  16 ++
 .dev/scripts/initialize.sh                    |  73 -------
 .dev/scripts/start.sh                         |  33 ----
 .gitignore                                    |   2 -
 README.md                                     |   2 +-
 docs/ARCHITECTURE.md                          |  18 +-
 docs/CONTRIBUTING.md                          |   4 +-
 docs/DEVELOPMENT.md                           |   6 +-
 justfile                                      |   6 +-
 packages/api/src/clients/sqlClient.ts         |   2 +-
 packages/api/src/factories/authFactory.ts     |   2 +-
 .../api/src/middlewares/authMiddleware.ts     |   2 +-
 packages/api/src/routes/auth/authRoute.ts     |   2 +-
 .../general/deleteOneOrganization.ts          |   4 +-
 .../general/updateOneOrganization.ts          |   4 +-
 .../deleteOneOrganizationUser.ts              |   4 +-
 .../readOneOrganizationUser.ts                |   4 +-
 .../updateOneOrganizationUser.ts              |   4 +-
 .../createOneOrganizationUser.ts              |   6 +-
 .../readAllOrganizationUsers.ts               |   4 +-
 .../$idOrganization/readOneOrganization.ts    |   4 +-
 .../$idAttachment/deleteOneAttachment.ts      |   4 +-
 .../generateAttachmentGetSignedUrl.ts         |   4 +-
 .../generateAttachmentPutSignedUrl.ts         |   4 +-
 .../$idAttachment/readOneAttachment.ts        |   4 +-
 .../$idAttachment/updateOneAttachment.ts      |   4 +-
 .../attachments/createOneAttachment.ts        |   6 +-
 .../$idYear/attachments/readAllAttachments.ts |   4 +-
 .../years/$idYear/readOneYear.ts              |   4 +-
 .../records/$idRecord/deleteOneRecord.ts      |   4 +-
 .../records/$idRecord/duplicateOneRecord.ts   |   6 +-
 .../records/$idRecord/readOneRecord.ts        |   4 +-
 .../records/$idRecord/updateOneRecord.ts      |   4 +-
 .../years/$idYear/records/createOneRecord.ts  |   6 +-
 .../years/$idYear/records/readAllRecords.ts   |   4 +-
 .../$idRecordRow/deleteOneRecordRow.ts        |   4 +-
 .../$idRecordRow/readOneRecordRow.ts          |   4 +-
 .../$idRecordRow/updateOneRecordRow.ts        |   4 +-
 .../records/recordRows/createOneRecordRow.ts  |   6 +-
 .../records/recordRows/readAllRecordRows.ts   |   4 +-
 .../recordRows/updateManyRecordRows.ts        |   4 +-
 .../generateDocumentGetSignedUrl.ts           |   4 +-
 .../document/$idDocument/readOneDocument.ts   |   4 +-
 .../reports/document/readAllDocuments.ts      |   4 +-
 .../generateBalanceSheetReportDocument.ts     |   6 +-
 .../generateIncomeStatementReportDocument.ts  |   6 +-
 .../accounts/$idAccount/deleteOneAccount.ts   |   4 +-
 .../accounts/$idAccount/readOneAccount.ts     |   4 +-
 .../accounts/$idAccount/updateOneAccount.ts   |   4 +-
 .../yearSettings/accounts/createOneAccount.ts |   6 +-
 .../yearSettings/accounts/generateAccounts.ts |  10 +-
 .../yearSettings/accounts/readAllAccounts.ts  |   4 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.ts  |   4 +-
 .../$idBalanceSheet/readOneBalanceSheet.ts    |   4 +-
 .../$idBalanceSheet/updateOneBalanceSheet.ts  |   4 +-
 .../connectAccountsToBalanceSheets.ts         |   6 +-
 .../balanceSheets/createOneBalanceSheet.ts    |   6 +-
 .../balanceSheets/generateBalanceSheets.ts    |  10 +-
 .../balanceSheets/readAllBalanceSheets.ts     |   4 +-
 .../deleteOneComputationIncomeStatement.ts    |   4 +-
 .../readOneComputationIncomeStatement.ts      |   4 +-
 .../updateOneComputationIncomeStatement.ts    |   4 +-
 .../createOneComputationIncomeStatement.ts    |   6 +-
 .../readAllComputationIncomeStatements.ts     |   4 +-
 .../$idComputation/deleteOneComputation.ts    |   4 +-
 .../$idComputation/readOneComputation.ts      |   4 +-
 .../$idComputation/updateOneComputation.ts    |   4 +-
 .../computations/createOneComputation.ts      |   6 +-
 .../computations/generateComputations.ts      |   8 +-
 .../computations/readAllComputations.ts       |   4 +-
 .../$idYear/yearSettings/general/closeYear.ts |   4 +-
 .../yearSettings/general/deleteOneYear.ts     |   4 +-
 .../$idYear/yearSettings/general/openYear.ts  |   2 +-
 .../general/settleBalanceSheet.ts             |   2 +-
 .../general/settleIncomeStatement.ts          |   2 +-
 .../yearSettings/general/updateOneYear.ts     |   4 +-
 .../deleteOneIncomeStatement.ts               |   4 +-
 .../readOneIncomeStatement.ts                 |   4 +-
 .../updateOneIncomeStatement.ts               |   4 +-
 .../connectAccountsToIncomeStatements.ts      |   6 +-
 .../createOneIncomeStatement.ts               |   6 +-
 .../generateIncomeStatements.ts               |  10 +-
 .../readAllIncomeStatements.ts                |   4 +-
 .../journals/$idJournal/deleteOneJournal.ts   |   4 +-
 .../journals/$idJournal/readOneJournal.ts     |   4 +-
 .../journals/$idJournal/updateOneJournal.ts   |   4 +-
 .../yearSettings/journals/createOneJournal.ts |   6 +-
 .../yearSettings/journals/generateJournals.ts |   8 +-
 .../yearSettings/journals/readAllJournals.ts  |   4 +-
 .../$idRecordLabel/deleteOneRecordLabel.ts    |   4 +-
 .../$idRecordLabel/readOneRecordLabel.ts      |   4 +-
 .../$idRecordLabel/updateOneRecordLabel.ts    |   4 +-
 .../recordLabels/createOneRecordLabel.ts      |   6 +-
 .../recordLabels/readAllRecordLabels.ts       |   4 +-
 .../$idOrganization/years/createOneYear.ts    |   6 +-
 .../$idOrganization/years/readAllYears.ts     |   4 +-
 .../activateOrganizationMembership.ts         |   4 +-
 .../auth/organizations/addNewOrganization.ts  |   6 +-
 .../organizations/getAllMyOrganizations.ts    |   2 +-
 .../src/routes/auth/settings/activateUser.ts  |   4 +-
 .../routes/auth/settings/readUserSession.ts   |   2 +-
 .../src/routes/auth/settings/updateUser.ts    |   4 +-
 .../routes/auth/settings/updateUserEmail.ts   |   4 +-
 .../auth/settings/updateUserPassword.ts       |   4 +-
 .../routes/auth/settings/validateUserEmail.ts |   4 +-
 .../routes/auth/support/sendSupportMessage.ts |   2 +-
 .../api/src/routes/public/sendMagicLink.ts    |   4 +-
 packages/api/src/routes/public/signIn.ts      |   6 +-
 packages/api/src/routes/public/signOut.ts     |   4 +-
 packages/api/src/routes/public/signUp.ts      |   6 +-
 .../balanceSheetAssetsReportItem.tsx          |   2 +-
 .../balanceSheetAssetsReportTable.tsx         |   2 +-
 .../balanceSheetLiabilitiesReportItem.tsx     |   2 +-
 .../balanceSheetLiabilitiesReportTable.tsx    |   2 +-
 .../balanceSheetReport/balanceSheetReport.tsx |   2 +-
 .../getBalanceSheetChildren.tsx               |   2 +-
 .../getIncomeStatementChildren.tsx            |   2 +-
 .../incomeStatementReport.tsx                 |   2 +-
 .../incomeStatementReportItem.tsx             |   2 +-
 .../incomeStatementsReportTable.tsx           |   2 +-
 packages/api/src/utilities/response.ts        |   2 +-
 .../workspace/generateDefaultYearData.ts      |   6 +-
 .../components/inputs/inputDataCombobox.tsx   |   2 +-
 .../src/components/layouts/banner.tsx         |   2 +-
 .../src/components/layouts/dataWrapper.tsx    |   2 +-
 .../dashboard/src/features/authLayout.tsx     |   2 +-
 .../deleteOneOrganization.tsx                 |   4 +-
 .../organizationSettingsPage.tsx              |   2 +-
 .../deleteOneOrganizationUser.tsx             |   4 +-
 .../updateOneOrganizationUser.tsx             |   4 +-
 .../createOneOrganizationUser.tsx             |   4 +-
 .../organizationUsersTable.tsx                |   4 +-
 .../updateOneOrganization.tsx                 |   4 +-
 .../$idAttachment/attachmentData.tsx          |   4 +-
 .../$idAttachment/attachmentFile.tsx          |   4 +-
 .../$idAttachment/deleteOneAttachment.tsx     |   4 +-
 .../$idAttachment/updateOneAttachment.tsx     |   6 +-
 .../$idYear/attachments/attachmentSelect.tsx  |   4 +-
 .../$idYear/attachments/attachmentsPage.tsx   |   2 +-
 .../$idYear/attachments/attachmentsTable.tsx  |   2 +-
 .../attachments/createOneAttachment.tsx       |   6 +-
 .../$idRecordRow/deleteOneRecordRow.tsx       |   4 +-
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |   2 +-
 .../$idRecordRow/updateOneRecordRow.tsx       |   4 +-
 .../records/$idRecord/createOneRecordRow.tsx  |   4 +-
 .../records/$idRecord/deleteOneRecord.tsx     |   4 +-
 .../records/$idRecord/duplicateOneRecord.tsx  |   4 +-
 .../$idYear/records/$idRecord/recordPage.tsx  |   2 +-
 .../records/$idRecord/recordRowsTable.tsx     |   4 +-
 .../$idRecord/updateManyRecordRows.tsx        |   4 +-
 .../records/$idRecord/updateOneRecord.tsx     |   4 +-
 .../years/$idYear/records/createOneRecord.tsx |   4 +-
 .../years/$idYear/records/recordsPage.tsx     |   2 +-
 .../balanceReport/balanceReportPage.tsx       |   2 +-
 .../balanceReport/balanceReportTable.tsx      |   2 +-
 .../balanceSheetAssetsReportItem.tsx          |   2 +-
 .../balanceSheetAssetsReportTable.tsx         |   2 +-
 .../balanceSheetLiabilitiesReportItem.tsx     |   2 +-
 .../balanceSheetLiabilitiesReportTable.tsx    |   2 +-
 .../balanceSheetReportPage.tsx                |   2 +-
 .../downloadBalanceSheetReport.tsx            |   4 +-
 .../downloadIncomeStatementReport.tsx         |   4 +-
 .../incomeStatementReportItem.tsx             |   2 +-
 .../incomeStatementReportPage.tsx             |   2 +-
 .../incomeStatementsReportTable.tsx           |   2 +-
 .../journalReport/journalReportPage.tsx       |   2 +-
 .../journalReport/journalReportTable.tsx      |   4 +-
 .../reports/ledgerReport/ledgerReportPage.tsx |   2 +-
 .../ledgerReport/ledgerReportTable.tsx        |   2 +-
 .../accounts/$idAccount/accountPage.tsx       |   2 +-
 .../accounts/$idAccount/deleteOneAccount.tsx  |   4 +-
 .../accounts/$idAccount/updateOneAccount.tsx  |   4 +-
 .../yearSettings/accounts/accountItem.tsx     |   2 +-
 .../yearSettings/accounts/accountSelect.tsx   |   4 +-
 .../yearSettings/accounts/accountsTable.tsx   |   4 +-
 .../accounts/createOneAccount.tsx             |   4 +-
 .../accounts/generateAccounts.tsx             |   4 +-
 .../yearSettings/accounts/groupAccounts.tsx   |   2 +-
 .../yearSettings/accounts/sortAccounts.tsx    |   2 +-
 .../$idBalanceSheet/balanceSheetPage.tsx      |   2 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |   4 +-
 .../$idBalanceSheet/updateOneBalanceSheet.tsx |   4 +-
 .../balanceSheets/balanceSheetItem.tsx        |   2 +-
 .../balanceSheets/balanceSheetRow.tsx         |   2 +-
 .../balanceSheets/balanceSheetSelect.tsx      |   4 +-
 .../balanceSheets/balanceSheetTable.tsx       |   4 +-
 .../connectAccountsToBalanceSheets.tsx        |   4 +-
 .../balanceSheets/createOneBalanceSheet.tsx   |   4 +-
 .../balanceSheets/generateBalanceSheets.tsx   |   4 +-
 .../balanceSheets/getBalanceSheetChildren.tsx |   2 +-
 .../balanceSheets/getBalanceSheetLevel.tsx    |   2 +-
 .../$idYear/yearSettings/deleteOneYear.tsx    |   4 +-
 .../deleteOneIncomeStatement.tsx              |   4 +-
 .../incomeStatementPage.tsx                   |   2 +-
 .../updateOneIncomeStatement.tsx              |   4 +-
 .../computationIncomeStatementPage.tsx        |   2 +-
 .../deleteOneComputationIncomeStatement.tsx   |   4 +-
 .../updateOneComputationIncomeStatement.tsx   |   4 +-
 .../computationIncomeStatementTable.tsx       |   4 +-
 .../createOneComputationIncomeStatement.tsx   |   4 +-
 .../$idComputation/computationPage.tsx        |   2 +-
 .../$idComputation/deleteOneComputation.tsx   |   4 +-
 .../$idComputation/updateOneComputation.tsx   |   4 +-
 .../computations/computationsTable.tsx        |   4 +-
 .../computations/createOneComputation.tsx     |   4 +-
 .../computations/generateComputations.tsx     |   4 +-
 .../connectAccountsToIncomeStatements.tsx     |   4 +-
 .../createOneIncomeStatement.tsx              |   4 +-
 .../generateIncomeStatement.tsx               |   4 +-
 .../getIncomeStatementChildren.tsx            |   2 +-
 .../getIncomeStatementLevel.tsx               |   2 +-
 .../incomeStatements/incomeStatementItem.tsx  |   2 +-
 .../incomeStatements/incomeStatementRow.tsx   |   2 +-
 .../incomeStatementsTable.tsx                 |   4 +-
 .../journals/$idJournal/deleteOneJournal.tsx  |   4 +-
 .../journals/$idJournal/journalPage.tsx       |   2 +-
 .../journals/$idJournal/updateOneJournal.tsx  |   4 +-
 .../journals/createOneJournal.tsx             |   4 +-
 .../journals/generateJournals.tsx             |   4 +-
 .../yearSettings/journals/journalSelect.tsx   |   4 +-
 .../yearSettings/journals/journalsPage.tsx    |   2 +-
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |   4 +-
 .../$idRecordLabel/recordLabelPage.tsx        |   2 +-
 .../$idRecordLabel/updateOneRecordLabel.tsx   |   4 +-
 .../recordLabels/createOneRecordLabel.tsx     |   4 +-
 .../recordLabels/recordLabelSelect.tsx        |   4 +-
 .../recordLabels/recordLabelsPage.tsx         |   2 +-
 .../$idYear/yearSettings/updateOneYear.tsx    |   4 +-
 .../$idYear/yearSettings/yearSettingsPage.tsx |   2 +-
 .../$idOrganization/years/createOneYear.tsx   |   4 +-
 .../$idOrganization/years/yearSelect.tsx      |   4 +-
 .../$idOrganization/years/yearsPage.tsx       |   2 +-
 .../organizations/addNewOrganization.tsx      |   2 +-
 .../organizations/organizationsPage.tsx       |   2 +-
 .../src/features/signIn/signInPage.tsx        |   2 +-
 .../src/features/signUp/signUpPage.tsx        |   2 +-
 .../features/support/contactSupportForm.tsx   |   2 +-
 .../dashboard/src/routes/rootLayoutRoute.tsx  |   2 +-
 .../src/utilities/cookies/getUserSession.ts   |   2 +-
 .../dashboard/src/utilities/invalidateData.ts |   2 +-
 packages/dashboard/src/utilities/postAPI.ts   |   2 +-
 .../dashboard/src/utilities/useHTTPData.ts    |   2 +-
 packages/tools/src/dbClient.ts                |   4 +-
 packages/tools/src/drizzle.config.ts          |   2 +-
 packages/tools/src/migrate.ts                 |   2 +-
 packages/tools/src/schemas.ts                 |   2 +-
 packages/tools/src/seed/seed.ts               |   6 +-
 260 files changed, 881 insertions(+), 759 deletions(-)
 create mode 100644 .dev/.gitignore
 create mode 100644 .dev/packages/api/.env
 create mode 100644 .dev/packages/dashboard/.env
 create mode 100644 .dev/packages/dashboard/Dockerfile
 create mode 100644 .dev/packages/dashboard/entrypoint.sh
 create mode 100644 .dev/packages/tools/.env
 create mode 100644 .dev/packages/website/.env
 create mode 100644 .dev/packages/website/Dockerfile
 create mode 100644 .dev/packages/website/entrypoint.sh
 delete mode 100644 .dev/scripts/initialize.sh
 delete mode 100644 .dev/scripts/start.sh

diff --git a/.dev/.dockerignore b/.dev/.dockerignore
index 4ad3745..8745f47 100644
--- a/.dev/.dockerignore
+++ b/.dev/.dockerignore
@@ -1,19 +1,29 @@
-# Git
+# ==============================================================================
+# .dockerignore - Excludes files from Docker build context
+# ==============================================================================
+# This file prevents unnecessary files from being sent to Docker daemon
+# during image builds, speeding up the build process and reducing image size.
+#
+# Note: Source code is bind-mounted at runtime, not copied during build,
+# so this primarily affects base image creation.
+# ==============================================================================
+
+# Version control
 .git
 .gitignore
 
-# Dependencies
+# Dependencies (installed in container at runtime)
 node_modules
 **/node_modules
 
-# Build outputs
+# Build outputs (generated in container)
 build
 **/build
 dist
 **/dist
 *.tsbuildinfo
 
-# Environment files
+# Environment files (mounted separately per service)
 .env
 **/.env
 .env.*
@@ -24,10 +34,9 @@ logs
 *.log
 npm-debug.log*
 yarn-debug.log*
-yarn-error.log*
 pnpm-debug.log*
 
-# IDE
+# IDE and editor files
 .vscode
 .idea
 *.swp
@@ -44,12 +53,6 @@ coverage
 *.tgz
 .npmrc
 .continue
-.old
-
-# Docker
-Dockerfile
-docker-compose.yml
-.dockerignore
-
 
+# Keep .dev folder (needed for entrypoint scripts)
 !.dev
diff --git a/.dev/.gitignore b/.dev/.gitignore
new file mode 100644
index 0000000..1198234
--- /dev/null
+++ b/.dev/.gitignore
@@ -0,0 +1,17 @@
+# ==============================================================================
+# .gitignore - Keep only source files in Git
+# ==============================================================================
+# This configuration ensures only configuration files are tracked.
+# Runtime files and generated content stay in Docker volumes.
+# ==============================================================================
+
+# Ignore all files by default
+!*
+
+# Track only these specific patterns:
+# - .env files (development environment variables)
+# - Dockerfiles (service image definitions)
+# - entrypoint.sh scripts (container startup scripts)
+# - compose.yml (docker compose configuration)
+# - .dockerignore (build context exclusions)
+# - .gitignore (this file)
diff --git a/.dev/README.md b/.dev/README.md
index dfebc97..e0f944d 100644
--- a/.dev/README.md
+++ b/.dev/README.md
@@ -1,99 +1,153 @@
-# Dev Container Configuration
+# Development Environment
 
-Ce répertoire contient la configuration pour développer Arrhes dans un environnement de developpement (docker container).
+Docker-based development environment for the Arrhes platform.
 
-## Aperçu
+## Architecture
 
-Le projet utilise désormais un fichier Compose canonique situé dans `.dev/compose.yml` et un script d'orchestration simple `.dev/scripts/start.sh` à la racine du dépôt pour démarrer et initialiser l'environnement de développement.
-
-- Le script `.dev/scripts/start.sh` : démarre les services Docker (Postgres, RustFS, Mailpit, devcontainer) puis exécute le script de bootstrap à l'intérieur du conteneur de développement.
-- Le bootstrap (`.dev/scripts/initialize.sh`) installe les dépendances, construit `@arrhes/metadata`, crée les fichiers `.env`, initialise la base de données et injecte les données de démonstration.
+```
+.dev/
+├── compose.yml              # Main Docker Compose configuration
+├── .dockerignore            # Build context exclusions
+├── .gitignore               # Git tracking rules
+└── packages/
+    ├── api/
+    │   ├── Dockerfile       # API service image
+    │   ├── entrypoint.sh    # API startup script
+    │   └── .env             # API environment variables
+    ├── dashboard/
+    │   ├── Dockerfile       # Dashboard service image
+    │   ├── entrypoint.sh    # Dashboard startup script
+    │   └── .env             # Dashboard environment variables
+    ├── tools/
+    │   └── .env             # Tools environment variables
+    └── website/
+        ├── Dockerfile       # Website service image
+        ├── entrypoint.sh    # Website startup script
+        └── .env             # Website environment variables
+```
 
-## Fichiers importants
+## Key Concepts
 
-- `.dev/scripts/start.sh` — script d'aide pour démarrer les services et lancer le bootstrap (à la racine).
-- `.dev/compose.yml` — compose canonique utilisé par les scripts.
-- `.dev/Dockerfile` — image du devcontainer (Node + pnpm, utilisateur non-root).
-- `.dev/scripts/initialize.sh` — script exécuté dans le conteneur après démarrage pour préparer l'environnement.
+### Source Code Binding
+- **Source files** (packages/) are bind-mounted from host to container
+- Changes made on **either host or container** are instantly synced
+- Enables live editing with IDE on host and HMR in container
 
-## Démarrage rapide (recommandé)
+### Runtime Isolation
+- **node_modules** stored in Docker volumes (not on host)
+- **Build outputs** stored in Docker volumes
+- Keeps host clean and ensures consistent dependencies
 
-1. Depuis la racine du dépôt, lancer :
+### Services
 
-   ```bash
-   .dev/scripts/start.sh
-   ```
+**Infrastructure:**
+- PostgreSQL (port 5432) - Database
+- RustFS (ports 9000, 9001) - S3-compatible storage
+- Mailpit (ports 1025, 8025) - SMTP server with web UI
 
-   - Cette commande exécute `docker compose -f .dev/compose.yml up -d` puis lance le bootstrap à l'intérieur du service `arrhes-application`.
-   - Le bootstrap crée les fichiers `.env` nécessaires si absents, construit `@arrhes/metadata`, pousse la migration de la BDD et insère les données de démonstration.
+**Applications:**
+- API (port 3000) - Hono backend
+- Dashboard (port 5173) - React admin interface
+- Website (port 5174) - React public site
 
-2. Ouvrir un shell dans le conteneur (si nécessaire) :
+## Usage
 
-   ```bash
-   docker compose -f .dev/compose.yml exec arrhes-application bash
-   ```
+### Start all services
+```bash
+# Create required volumes first
+docker volume create arrhes_postgres_data
+docker volume create arrhes_rustfs_data
 
+# Start services
+docker compose -f .dev/compose.yml up -d
+```
 
-## Ports & services
+### View logs
+```bash
+# All services
+docker compose -f .dev/compose.yml logs -f
 
-- PostgreSQL : `localhost:5432` (container `postgres`)
-- RustFS API : `http://localhost:9000` (service `rustfs`)
-- RustFS Console (web) : `http://localhost:9001`
-- Mailpit SMTP : `1025` (SMTP)
-- Mailpit UI (web) : `http://localhost:8025`
-- API : `http://localhost:3000`
-- Platform : `http://localhost:5173`
-- Website : `http://localhost:5174`
+# Specific service
+docker compose -f .dev/compose.yml logs -f api
+```
 
-> Dans le conteneur, les services sont accessibles par leur nom Docker (`postgres`, `rustfs`, `mailpit`) ; depuis l'hôte, utilisez `localhost` et les ports exposés ci‑dessus.
+### Stop services
+```bash
+docker compose -f .dev/compose.yml down
+```
 
-## Rebuild du container
+### Rebuild after changes
+```bash
+# Rebuild specific service
+docker compose -f .dev/compose.yml build api
 
-Si vous modifiez le `Dockerfile` ou le compose, rebuild l'image :
+# Rebuild and restart
+docker compose -f .dev/compose.yml up -d --build api
+```
 
+### Access running containers
 ```bash
-# Reconstruire l'image devcontainer
-docker compose -f .dev/compose.yml build --no-cache arrhes-application
-
-# Redémarrer les services
-docker compose -f .dev/compose.yml up -d
+docker compose -f .dev/compose.yml exec api bash
 ```
 
+## Environment Files
 
-## Troubleshooting
+Each service has its own `.env` file in `.dev/packages/{service}/.env`:
 
-- Voir les services en cours :
+- **api/.env** - API configuration (database, storage, email)
+- **dashboard/.env** - Dashboard configuration (API URL)
+- **website/.env** - Website configuration (API URL)
+- **tools/.env** - Database tools configuration
 
-```bash
-docker compose -f .dev/compose.yml ps
-```
+These files are bind-mounted into containers at runtime.
 
-- Logs d'un service (ex : `postgres`) :
+## How It Works
 
-```bash
-docker compose -f .dev/compose.yml logs postgres
-```
+1. **Build Phase:**
+   - Dockerfiles create minimal base images with Node.js + PNPM
+   - No source code or dependencies copied during build
+   - Images are lightweight and reusable
 
-- Forcer une remise à zéro (supprime les volumes) :
+2. **Runtime Phase:**
+   - Source code bind-mounted from `../packages` to `/workspace/packages`
+   - node_modules stored in named volumes (isolated per service)
+   - Entrypoint scripts install dependencies and start dev servers
 
-```bash
-docker compose -f .dev/compose.yml down -v
-```
+3. **Development:**
+   - Edit code on host with your IDE
+   - Changes instantly reflected in container
+   - Vite HMR updates browser automatically
+   - No manual restarts needed
 
-- Si les dépendances ne s'installent pas correctement (dans le conteneur) :
+## Troubleshooting
 
+### Port already in use
 ```bash
-rm -rf node_modules
-pnpm install
-```
-
-## Performance
+# Check what's using the port
+lsof -i :3000
 
-- Le dépôt utilise un bind mount (`.:/workspace`) pour que les modifications effectuées depuis l'IDE hôte soient visibles immédiatement dans le conteneur (HMR, tests, etc.).
-- Si vous développez sur macOS/Windows et constatez des lenteurs, testez les options Docker (volumes `cached`) ou développez via WSL2 sous Windows.
-
-## Ressources
+# Stop the conflicting service or change port in compose.yml
+```
 
-- Docker Compose : https://docs.docker.com/compose/
+### Dependencies not updating
+```bash
+# Remove volume and rebuild
+docker volume rm .dev_api_node_modules
+docker compose -f .dev/compose.yml up -d --build api
+```
 
+### Database reset
+```bash
+# Remove database volume (WARNING: deletes all data)
+docker compose -f .dev/compose.yml down
+docker volume rm arrhes_postgres_data
+docker volume create arrhes_postgres_data
+docker compose -f .dev/compose.yml up -d
+```
 
+### Clean slate
+```bash
+# Remove all containers, volumes (except external), and rebuild
+docker compose -f .dev/compose.yml down -v
+docker compose -f .dev/compose.yml up -d --build
+```
diff --git a/.dev/compose.yml b/.dev/compose.yml
index 926cd8d..ae520ba 100644
--- a/.dev/compose.yml
+++ b/.dev/compose.yml
@@ -1,7 +1,26 @@
-# name: arrhes-application
+# ==============================================================================
+# Arrhes Platform - Development Environment
+# ==============================================================================
+# Docker Compose configuration for local development
+#
+# Architecture:
+# - Source code: bind-mounted from host (live editing on both host and container)
+# - Runtime files: isolated in Docker volumes (node_modules, build outputs)
+# - Infrastructure: PostgreSQL, RustFS (S3), Mailpit (SMTP)
+# - Services: API, Dashboard, Website
+#
+# Usage:
+#   docker compose -f .dev/compose.yml up -d     # Start all services
+#   docker compose -f .dev/compose.yml down      # Stop all services
+#   docker compose -f .dev/compose.yml logs -f   # View logs
+# ==============================================================================
 
 services:
-  # Database (PostgreSQL)
+  # ============================================================================
+  # Infrastructure Services
+  # ============================================================================
+  
+  # PostgreSQL - Relational database for application data
   postgres:
     image: postgres:18.1
     restart: unless-stopped
@@ -10,7 +29,7 @@ services:
       POSTGRES_PASSWORD: admin
       POSTGRES_DB: default
     ports:
-      - "5432:5432" # Postgresql
+      - "5432:5432"
     volumes:
       - postgres_data:/var/lib/postgresql
     healthcheck:
@@ -19,7 +38,7 @@ services:
       timeout: 5s
       retries: 5
 
-  # Object storage (RustFS)
+  # RustFS - S3-compatible object storage for attachments/files
   rustfs:
     image: rustfs/rustfs:latest
     restart: unless-stopped
@@ -30,7 +49,7 @@ services:
       RUSTFS_VOLUMES: /data
     ports:
       - "9000:9000"  # API
-      - "9001:9001"  # Web UI
+      - "9001:9001"  # Web Console
     volumes:
       - rustfs_data:/data
     init: true
@@ -40,7 +59,7 @@ services:
       timeout: 5s
       retries: 5
 
-  # Mail server (Mailpit)
+  # Mailpit - Development SMTP server with web interface
   mailpit:
     image: axllent/mailpit:latest
     restart: unless-stopped
@@ -53,38 +72,111 @@ services:
       timeout: 5s
       retries: 5
 
-  # API (Node.js)
+  # ============================================================================
+  # Application Services
+  # ============================================================================
+
+  # API - Backend service (Hono framework on Node.js)
   api:
     build:
-      context: .
+      context: ..
       dockerfile: .dev/packages/api/Dockerfile
       args:
         NODE_VERSION: "25.2.1"
         PNPM_VERSION: "10.26.1"
-    volumes:
-      - .:/workspace:delegated
-      - root_node_modules:/workspace/node_modules         # hoisted workspace node_modules
-      - api_node_modules:/workspace/packages/api/node_modules  # per-package mask if needed
-      - api_env:/workspace/packages/api/.env              # masked .env file (will be created inside container)
-      - pnpm_store:/root/.pnpm-store                      # pnpm store kept in docker volume (optional)
-    working_dir: /workspace/packages/api
-    command: pnpm --filter="@arrhes/@arrhes/platform-api" dev
     ports:
-      - "3000:3000"
+      - "3000:3000"  # API server
+    volumes:
+      # Source code - bind-mounted for live editing (synced between host and container)
+      - ../packages:/workspace/packages:cached
+      - ../package.json:/workspace/package.json:cached
+      - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
+      - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
+      - ../.dev:/workspace/.dev:cached
+      
+      # Environment files - use .dev versions
+      - ./packages/api/.env:/workspace/packages/api/.env:cached
+      - ./packages/tools/.env:/workspace/packages/tools/.env:cached
+      
+      # Runtime files - isolated in Docker volumes (NOT on host)
+      - api_node_modules:/workspace/node_modules
+      - metadata_build:/workspace/packages/metadata/build
+      - pnpm_store:/root/.local/share/pnpm/store
     depends_on:
-      - postgres
-      - rustfs
-      - mailpit
+      postgres:
+        condition: service_healthy
+      rustfs:
+        condition: service_healthy
+      mailpit:
+        condition: service_healthy
+
+  # Dashboard - Frontend admin interface (React + Vite)
+  dashboard:
+    build:
+      context: ..
+      dockerfile: .dev/packages/dashboard/Dockerfile
+      args:
+        NODE_VERSION: "25.2.1"
+        PNPM_VERSION: "10.26.1"
+    ports:
+      - "5173:5173"  # Vite dev server
+    volumes:
+      # Source code - bind-mounted for live editing (synced between host and container)
+      - ../packages:/workspace/packages:cached
+      - ../package.json:/workspace/package.json:cached
+      - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
+      - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
+      - ../.dev:/workspace/.dev:cached
+      
+      # Environment file
+      - ./packages/dashboard/.env:/workspace/packages/dashboard/.env:cached
+      
+      # Runtime files - isolated in Docker volumes (NOT on host)
+      - dashboard_node_modules:/workspace/node_modules
+      - metadata_build:/workspace/packages/metadata/build
+      - pnpm_store:/root/.local/share/pnpm/store
 
+  # Website - Public-facing website (React + Vite)
+  website:
+    build:
+      context: ..
+      dockerfile: .dev/packages/website/Dockerfile
+      args:
+        NODE_VERSION: "25.2.1"
+        PNPM_VERSION: "10.26.1"
+    ports:
+      - "5174:5173"  # Host:Container (Vite runs on 5173 inside, exposed as 5174 on host)
+    volumes:
+      # Source code - bind-mounted for live editing (synced between host and container)
+      - ../packages:/workspace/packages:cached
+      - ../package.json:/workspace/package.json:cached
+      - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
+      - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
+      - ../.dev:/workspace/.dev:cached
+      
+      # Environment file
+      - ./packages/website/.env:/workspace/packages/website/.env:cached
+      
+      # Runtime files - isolated in Docker volumes (NOT on host)
+      - website_node_modules:/workspace/node_modules
+      - metadata_build:/workspace/packages/metadata/build
+      - pnpm_store:/root/.local/share/pnpm/store
 
+# ==============================================================================
+# Named Volumes (Runtime data isolated from host)
+# ==============================================================================
 volumes:
+  # Application runtime dependencies - isolated per service
   api_node_modules:
-  api_env:
-  root_node_modules:
+  dashboard_node_modules:
+  website_node_modules:
+  
+  # Shared build output - metadata package used by multiple services
+  metadata_build:
+  
+  # PNPM global store cache - shared across all Node services for efficiency
   pnpm_store:
+  
+  # Persistent infrastructure data - survives container restarts
   postgres_data:
-    name: arrhes_postgres_data
-    external: true
   rustfs_data:
-    name: arrhes_rustfs_data
-    external: true
diff --git a/.dev/packages/api/.env b/.dev/packages/api/.env
new file mode 100644
index 0000000..23e79de
--- /dev/null
+++ b/.dev/packages/api/.env
@@ -0,0 +1,28 @@
+# Environment
+ENV="development"
+VERBOSE="true"
+PORT="3000"
+
+# CORS and Cookies
+CORS_ORIGIN="http://localhost:5173"
+COOKIES_DOMAIN="localhost"
+COOKIES_KEY="development-secret-key-change-in-production-min-32-chars"
+
+# URLs
+API_BASE_URL="http://localhost:3000"
+PLATFORM_BASE_URL="http://localhost:5173"
+WEBSITE_BASE_URL="http://localhost:5174"
+
+# Database (Docker Compose)
+SQL_DATABASE_URL="postgres://postgres:admin@localhost:5432/default"
+
+# Storage (RustFS via Docker Compose)
+STORAGE_ENDPOINT="http://rustfs:9000"
+STORAGE_BUCKET_NAME="arrhes-files"
+STORAGE_ACCESS_KEY="rustfsadmin"
+STORAGE_SECRET_KEY="rustfsadmin"
+
+# Email Mailpit (Docker Compose)
+EMAIL_ENDPOINT="mailpit:1025"
+EMAIL_USER="test"
+EMAIL_PASSWORD="test"
diff --git a/.dev/packages/api/Dockerfile b/.dev/packages/api/Dockerfile
index 56f7e15..664a35b 100644
--- a/.dev/packages/api/Dockerfile
+++ b/.dev/packages/api/Dockerfile
@@ -1,41 +1,25 @@
-ARG NODE_VERSION="latest"
-ARG PNPM_VERSION="latest"
+# ==============================================================================
+# API Service Dockerfile
+# ==============================================================================
+# Creates a Node.js container with PNPM for running the API service
+# Source code is bind-mounted from host, dependencies installed at runtime
+# ==============================================================================
 
-FROM node:${NODE_VERSION}-bullseye-slim AS node
-# Minimal runtime + tools
-ENV DEBIAN_FRONTEND=noninteractive
+ARG NODE_VERSION="25.2.1"
+ARG PNPM_VERSION="10.26.1"
 
-# Update package lists (no default packages installed here)
-RUN apt-get update
+FROM node:${NODE_VERSION}-bullseye-slim
 
-# Install pnpm using the PNPM_VERSION build arg
-RUN npm install -g "pnpm@${PNPM_VERSION}"
+# Install PNPM package manager
+RUN npm install -g "pnpm@${PNPM_VERSION}" && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
 
-# Reduce image size
-RUN apt-get clean
-RUN rm -rf /var/lib/apt/lists/*
-
-# Copy the files and install dependencies
+# Set working directory
 WORKDIR /workspace
-COPY .dev ./.dev
-COPY package.json pnpm-workspace.yaml ./
-COPY packages/metadata ./packages/metadata
-COPY packages/tools ./packages/tools
-COPY packages/api ./packages/api
-
-# Install all dependencies
-RUN ls -la ./
-RUN pnpm install
-# RUN ls -la node_modules/.pnpm
-
-
-# Build the api
-RUN pnpm --filter="@retrievall/platform-metadata" run build
-RUN pnpm --filter="@retrievall/platform-api" run build
 
+# Run as non-root user
 USER node
 
-# RUN chmod +x ./.dev/packages/api/entrypoint.sh
-RUN ./.dev/packages/api/entrypoint.sh
-
-CMD "pnpm", "--filter=@arrhes/@arrhes/platform-api", "dev"
+# Start via entrypoint script (bind-mounted at runtime)
+ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/api/entrypoint.sh"]
diff --git a/.dev/packages/api/entrypoint.sh b/.dev/packages/api/entrypoint.sh
index a504dbe..92121b5 100644
--- a/.dev/packages/api/entrypoint.sh
+++ b/.dev/packages/api/entrypoint.sh
@@ -1,71 +1,29 @@
 #!/bin/bash
+# ==============================================================================
+# API Service Entrypoint
+# ==============================================================================
+# Runs on container startup to:
+# 1. Install workspace dependencies
+# 2. Build metadata package (required by API and tools)
+# 3. Run database migrations
+# 4. Seed demo data
+# 5. Start API dev server
+# ==============================================================================
 set -e
 
-echo "🚀 Entrypoint for arrhes-application-api"
+echo "📦 Installing workspace dependencies..."
+CI=true pnpm install
 
-# Install dependencies if needed
-if [ ! -d "node_modules" ]; then
-    echo "📦 Installing dependencies..."
-    pnpm install
-else
-    echo "✅ Dependencies already installed"
-fi
+echo "🔨 Building @arrhes/application-metadata..."
+pnpm --filter="@arrhes/application-metadata" build
 
-# Build packages (metadata must be built before tools)
-echo "🔨 Building packages..."
-pnpm --filter="@arrhes/application-metadata" run build
+echo "🗄️ Running database migrations..."
+cd /workspace/packages/tools
+pnpm run push
 
-# Create .env files if they don't exist
-SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-
-API_ENV_SOURCE=".dev/packages/api/.env"
-if [ ! -f "packages/api/.env" ]; then
-    if [ -f "$API_ENV_SOURCE" ]; then
-        echo "⚙️ Creating packages/api/.env from $API_ENV_SOURCE..."
-        cp "$API_ENV_SOURCE" packages/api/.env
-    else
-        echo "❌ Missing $API_ENV_SOURCE. Please create it before running this script."
-        exit 1
-    fi
-else
-    echo "✅ packages/api/.env already exists"
-fi
-
-TOOLS_ENV_SOURCE=".dev/packages/tools/.env"
-if [ ! -f "packages/tools/.env" ]; then
-    if [ -f "$TOOLS_ENV_SOURCE" ]; then
-        echo "⚙️ Creating packages/tools/.env from $TOOLS_ENV_SOURCE..."
-        cp "$TOOLS_ENV_SOURCE" packages/tools/.env
-    else
-        echo "❌ Missing $TOOLS_ENV_SOURCE. Please create it before running this script."
-        exit 1
-    fi
-else
-    echo "✅ packages/tools/.env already exists"
-fi
-
-# Initialize database
-echo "🗄️  Initializing database..."
-pnpm --filter="@arrhes/application-tools" run push
-
-# Seed demo data
 echo "🌱 Seeding demo data..."
-pnpm --filter="@arrhes/application-tools" run seed
-
-# Starting
-echo "🚀 Starting dev server..."
-pnpm --filter="@arrhes/application-api" run dev
+pnpm run seed
 
-echo ""
-echo "✨ Setup complete!"
-echo ""
-echo "Services available:"
-echo "  - API : http://localhost:3000"
-echo "  - Platform : http://localhost:5173"
-echo "  - Rustfs Console : http://localhost:9001"
-echo "  - Mailpit : http://localhost:8025"
-echo ""
-echo "Demo credentials:"
-echo "  Email : demo@arrhes.com"
-echo "  Password : demo"
-echo ""
+echo "🚀 Starting API dev server..."
+cd /workspace/packages/api
+exec pnpm --filter="@arrhes/application-api" dev
diff --git a/.dev/packages/dashboard/.env b/.dev/packages/dashboard/.env
new file mode 100644
index 0000000..afaa26d
--- /dev/null
+++ b/.dev/packages/dashboard/.env
@@ -0,0 +1,3 @@
+VITE_API_BASE_URL=http://localhost:3000
+VITE_DASHBOARD_BASE_URL=http://localhost:5173
+VITE_WEBSITE_BASE_URL=http://localhost:5174
diff --git a/.dev/packages/dashboard/Dockerfile b/.dev/packages/dashboard/Dockerfile
new file mode 100644
index 0000000..33d48ed
--- /dev/null
+++ b/.dev/packages/dashboard/Dockerfile
@@ -0,0 +1,25 @@
+# ==============================================================================
+# Dashboard Service Dockerfile
+# ==============================================================================
+# Creates a Node.js container with PNPM for running the dashboard service
+# Source code is bind-mounted from host, dependencies installed at runtime
+# ==============================================================================
+
+ARG NODE_VERSION="25.2.1"
+ARG PNPM_VERSION="10.26.1"
+
+FROM node:${NODE_VERSION}-bullseye-slim
+
+# Install PNPM package manager
+RUN npm install -g "pnpm@${PNPM_VERSION}" && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+# Set working directory
+WORKDIR /workspace
+
+# Run as non-root user
+USER node
+
+# Start via entrypoint script (bind-mounted at runtime)
+ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/dashboard/entrypoint.sh"]
diff --git a/.dev/packages/dashboard/entrypoint.sh b/.dev/packages/dashboard/entrypoint.sh
new file mode 100644
index 0000000..14f6210
--- /dev/null
+++ b/.dev/packages/dashboard/entrypoint.sh
@@ -0,0 +1,20 @@
+#!/bin/bash
+# ==============================================================================
+# Dashboard Service Entrypoint
+# ==============================================================================
+# Runs on container startup to:
+# 1. Install workspace dependencies
+# 2. Build metadata package (required by dashboard)
+# 3. Start Vite dev server with HMR
+# ==============================================================================
+set -e
+
+echo "📦 Installing workspace dependencies..."
+CI=true pnpm install
+
+echo "🔨 Building @arrhes/application-metadata..."
+pnpm --filter="@arrhes/application-metadata" build
+
+echo "🚀 Starting dashboard dev server..."
+cd /workspace/packages/dashboard
+exec pnpm --filter="@arrhes/application-dashboard" dev -- --host 0.0.0.0
diff --git a/.dev/packages/tools/.env b/.dev/packages/tools/.env
new file mode 100644
index 0000000..ccb2ff3
--- /dev/null
+++ b/.dev/packages/tools/.env
@@ -0,0 +1,2 @@
+NODE_ENV="development"
+SQL_DATABASE_URL="postgres://postgres:admin@localhost:5432/default"
diff --git a/.dev/packages/website/.env b/.dev/packages/website/.env
new file mode 100644
index 0000000..afaa26d
--- /dev/null
+++ b/.dev/packages/website/.env
@@ -0,0 +1,3 @@
+VITE_API_BASE_URL=http://localhost:3000
+VITE_DASHBOARD_BASE_URL=http://localhost:5173
+VITE_WEBSITE_BASE_URL=http://localhost:5174
diff --git a/.dev/packages/website/Dockerfile b/.dev/packages/website/Dockerfile
new file mode 100644
index 0000000..49ab7ff
--- /dev/null
+++ b/.dev/packages/website/Dockerfile
@@ -0,0 +1,25 @@
+# ==============================================================================
+# Website Service Dockerfile
+# ==============================================================================
+# Creates a Node.js container with PNPM for running the website service
+# Source code is bind-mounted from host, dependencies installed at runtime
+# ==============================================================================
+
+ARG NODE_VERSION="25.2.1"
+ARG PNPM_VERSION="10.26.1"
+
+FROM node:${NODE_VERSION}-bullseye-slim
+
+# Install PNPM package manager
+RUN npm install -g "pnpm@${PNPM_VERSION}" && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+# Set working directory
+WORKDIR /workspace
+
+# Run as non-root user
+USER node
+
+# Start via entrypoint script (bind-mounted at runtime)
+ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/website/entrypoint.sh"]
diff --git a/.dev/packages/website/entrypoint.sh b/.dev/packages/website/entrypoint.sh
new file mode 100644
index 0000000..1192073
--- /dev/null
+++ b/.dev/packages/website/entrypoint.sh
@@ -0,0 +1,16 @@
+#!/bin/bash
+# ==============================================================================
+# Website Service Entrypoint
+# ==============================================================================
+# Runs on container startup to:
+# 1. Install workspace dependencies
+# 2. Start Vite dev server with HMR
+# ==============================================================================
+set -e
+
+echo "📦 Installing workspace dependencies..."
+CI=true pnpm install
+
+echo "🚀 Starting website dev server..."
+cd /workspace/packages/website
+exec pnpm --filter="@arrhes/application-website" dev -- --host 0.0.0.0
diff --git a/.dev/scripts/initialize.sh b/.dev/scripts/initialize.sh
deleted file mode 100644
index 38fb8c8..0000000
--- a/.dev/scripts/initialize.sh
+++ /dev/null
@@ -1,73 +0,0 @@
-#!/bin/bash
-set -e
-
-echo "🚀 Configuring Arrhes development environment..."
-
-# Install dependencies if needed
-if [ ! -d "node_modules" ]; then
-    echo "📦 Installing dependencies..."
-    pnpm install
-else
-    echo "✅ Dependencies already installed"
-fi
-
-# Build packages (metadata must be built before tools)
-echo "🔨 Building packages..."
-pnpm --filter @arrhes/metadata run build
-
-# Create .env files if they don't exist
-SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-
-API_ENV_SOURCE="$SCRIPT_DIR/.api.env"
-if [ ! -f "packages/api/.env" ]; then
-    if [ -f "$API_ENV_SOURCE" ]; then
-        echo "⚙️ Creating packages/api/.env from $API_ENV_SOURCE..."
-        cp "$API_ENV_SOURCE" packages/api/.env
-    else
-        echo "❌ Missing $API_ENV_SOURCE. Please create it before running this script."
-        echo "   You can copy .dev/scripts/.api.env as a starting point."
-        exit 1
-    fi
-else
-    echo "✅ packages/api/.env already exists"
-fi
-
-TOOLS_ENV_SOURCE="$SCRIPT_DIR/.tools.env"
-if [ ! -f "packages/tools/.env" ]; then
-    if [ -f "$TOOLS_ENV_SOURCE" ]; then
-        echo "⚙️ Creating packages/tools/.env from $TOOLS_ENV_SOURCE..."
-        cp "$TOOLS_ENV_SOURCE" packages/tools/.env
-    else
-        echo "❌ Missing $TOOLS_ENV_SOURCE. Please create it before running this script."
-        echo "   You can copy .dev/scripts/.tools.env as a starting point."
-        exit 1
-    fi
-else
-    echo "✅ packages/tools/.env already exists"
-fi
-
-# Initialize database
-echo "🗄️  Initializing database..."
-pnpm --filter="tools" run push
-
-# Seed demo data
-echo "🌱 Seeding demo data..."
-pnpm --filter="tools" run seed
-
-# Starting
-echo "🚀 Starting dev server..."
-pnpm run dev
-
-echo ""
-echo "✨ Setup complete!"
-echo ""
-echo "Services available:"
-echo "  - API : http://localhost:3000"
-echo "  - Platform : http://localhost:5173"
-echo "  - Rustfs Console : http://localhost:9001"
-echo "  - Mailpit : http://localhost:8025"
-echo ""
-echo "Demo credentials:"
-echo "  Email : demo@arrhes.com"
-echo "  Password : demo"
-echo ""
diff --git a/.dev/scripts/start.sh b/.dev/scripts/start.sh
deleted file mode 100644
index 4d31713..0000000
--- a/.dev/scripts/start.sh
+++ /dev/null
@@ -1,33 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-COMPOSE_FILE=".dev/compose.yml"
-SERVICE="arrhes-application"
-
-echo "Remove previous containers"
-docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
-
-ensure_volume() {
-  name="$1"
-  if ! docker volume inspect "$name" >/dev/null 2>&1; then
-    echo "Creating docker volume: $name"
-    docker volume create --name "$name"
-  else
-    echo "Volume exists: $name"
-  fi
-}
-ensure_volume arrhes_postgres_data
-ensure_volume arrhes_rustfs_data
-
-echo "Starting dev services (docker compose up -d)..."
-docker compose --project-directory="." --file="$COMPOSE_FILE" up -d --build
-
-echo "Services started:"
-docker compose --project-directory="." --file="$COMPOSE_FILE" ps
-
-echo "Bootstrapping workspace inside the dev container (install deps, build metadata, push/seed DB)..."
-# Run the bootstrap as the node user to match container expectations
-docker compose --project-directory="." --file="$COMPOSE_FILE" exec -u node $SERVICE bash -lc "bash .dev/scripts/initialize.sh"
-
-echo "Bootstrap complete. To open a shell inside the dev container run:"
-echo "  docker compose -f $COMPOSE_FILE exec $SERVICE bash"
diff --git a/.gitignore b/.gitignore
index a4d08a7..bd9d38a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,5 +12,3 @@ pnpm-lock.yaml
 .pnpm-store
 
 *.tsbuildinfo
-
-!.dev
diff --git a/README.md b/README.md
index 7942cab..7dc6d95 100644
--- a/README.md
+++ b/README.md
@@ -151,7 +151,7 @@ Le projet est organisé en monorepo avec les packages suivants :
 
 - **@arrhes/api** - Backend REST API (Hono, PostgreSQL)
 - **@arrhes/platform** - Interface web (React, TanStack Router)
-- **@arrhes/metadata** - Schémas et modèles partagés (Valibot, Drizzle ORM)
+- **@arrhes/application-metadata** - Schémas et modèles partagés (Valibot, Drizzle ORM)
 - **@arrhes/tools** - Outils de migration et seed de base de données
 - **@arrhes/website** - Site vitrine + Documentation
 
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 816644f..fb066a8 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -45,7 +45,7 @@ Arrhes est construit sur une architecture monorepo moderne utilisant **pnpm work
 
 Le projet utilise **pnpm workspaces** pour gérer plusieurs packages dans un seul repository. Cette approche offre plusieurs avantages :
 
-- **Partage de code** : Les packages peuvent facilement partager du code via `@arrhes/metadata`
+- **Partage de code** : Les packages peuvent facilement partager du code via `@arrhes/application-metadata`
 - **Dépendances optimisées** : pnpm déduplique les dépendances communes
 - **Développement simplifié** : Build et développement coordonnés entre packages
 - **Versioning cohérent** : Toutes les parties du projet évoluent ensemble
@@ -188,7 +188,7 @@ platform/src/
 - Gestion des documents et pièces justificatives
 - Notifications et retours utilisateur
 
-### @arrhes/metadata
+### @arrhes/application-metadata
 
 **Rôle :** Package partagé contenant tous les schémas, modèles et types utilisés par l'API et la plateforme
 
@@ -231,10 +231,10 @@ metadata/src/
 **Exports :**
 ```typescript
 // Utilisable par l'API et la plateforme
-import { models } from '@arrhes/metadata/models'
-import { schemas } from '@arrhes/metadata/schemas'
-import { routes } from '@arrhes/metadata/routes'
-import { generateId } from '@arrhes/metadata/utilities'
+import { models } from '@arrhes/application-metadata/models'
+import { schemas } from '@arrhes/application-metadata/schemas'
+import { routes } from '@arrhes/application-metadata/routes'
+import { generateId } from '@arrhes/application-metadata/utilities'
 ```
 
 **Responsabilités :**
@@ -512,14 +512,14 @@ organization 1──n organizationUser n──1 user
 ### Migrations
 
 Les migrations sont gérées par **Drizzle Kit** :
-- Le schéma source est défini dans `@arrhes/metadata`
+- Le schéma source est défini dans `@arrhes/application-metadata`
 - Drizzle Kit génère automatiquement les migrations SQL
 - Application via `drizzle-kit migrate` ou `push` (dev)
 
 ## Diagramme de dépendances
 
 ```
-@arrhes/platform ──depends on──> @arrhes/metadata
+@arrhes/platform ──depends on──> @arrhes/application-metadata
                                         ▲
                                         │
 @arrhes/api      ──depends on───────────┘
@@ -530,7 +530,7 @@ Les migrations sont gérées par **Drizzle Kit** :
 @arrhes/website  (indépendant)
 ```
 
-Tous les packages dépendent de `@arrhes/metadata` pour partager les schémas, modèles et types. Cette architecture assure une cohérence totale entre le frontend et le backend.
+Tous les packages dépendent de `@arrhes/application-metadata` pour partager les schémas, modèles et types. Cette architecture assure une cohérence totale entre le frontend et le backend.
 
 ---
 
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index 6a6ccfd..c689994 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -179,8 +179,8 @@ import { Hono } from 'hono'
 import * as v from 'valibot'
 
 // 2. Imports de workspace packages
-import { models } from '@arrhes/metadata/models'
-import { schemas } from '@arrhes/metadata/schemas'
+import { models } from '@arrhes/application-metadata/models'
+import { schemas } from '@arrhes/application-metadata/schemas'
 
 // 3. Imports relatifs du package actuel
 import { authFactory } from '#/factories/authFactory.js'
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index 5d1a0c1..c10670a 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -441,7 +441,7 @@ pnpm --filter tools run reset
 pnpm --filter tools run push
 ```
 
-Cette commande crée toutes les tables nécessaires dans PostgreSQL à partir des schémas définis dans `@arrhes/metadata`.
+Cette commande crée toutes les tables nécessaires dans PostgreSQL à partir des schémas définis dans `@arrhes/application-metadata`.
 
 **Étape 2 : Seed avec des données de démonstration**
 
@@ -777,7 +777,7 @@ pnpm --filter tools run drop
 2. **Créer l'implémentation** dans `packages/api/src/routes/auth/`
    ```typescript
    // packages/api/src/routes/auth/myFeature.ts
-   import { myFeatureRoute } from '@arrhes/metadata/routes'
+   import { myFeatureRoute } from '@arrhes/application-metadata/routes'
    import { authFactory } from '#/factories/authFactory.js'
    
    export const myFeature = authFactory.createApp().post(
@@ -895,7 +895,7 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 - Testez la connexion : `psql postgres://arrhes_user:arrhes_password@localhost:5432/arrhes`
 - Vérifiez les credentials dans `.env`
 
-**"Module not found @arrhes/metadata" :**
+**"Module not found @arrhes/application-metadata" :**
 - Rebuild metadata : `pnpm --filter metadata run build`
 - Ou lancez en mode watch : `pnpm --filter metadata run dev`
 
diff --git a/justfile b/justfile
index f2b0e4c..e15ea62 100644
--- a/justfile
+++ b/justfile
@@ -3,8 +3,8 @@ COMPOSE_FILE := ".dev/compose.yml"
 PROJECT := "arrhes-application"
 
 up:
-    export HOST_UID=$(id -u) HOST_GID=$(id -g) && \
-    docker compose --project-directory="." --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
+    docker compose --project-directory=".dev" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
 
 down:
-    docker compose --project-directory="." --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
+    docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
+    docker compose --project-directory=".dev" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
diff --git a/packages/api/src/clients/sqlClient.ts b/packages/api/src/clients/sqlClient.ts
index 95d24a2..d2d83ba 100644
--- a/packages/api/src/clients/sqlClient.ts
+++ b/packages/api/src/clients/sqlClient.ts
@@ -1,6 +1,6 @@
 import { Exception } from "#/utilities/exception.js"
 import { getEnv } from "#/utilities/getEnv.js"
-import { modelSchemas } from "@arrhes/metadata/models"
+import { modelSchemas } from "@arrhes/application-metadata/models"
 import { drizzle } from 'drizzle-orm/postgres-js'
 import postgres from "postgres"
 
diff --git a/packages/api/src/factories/authFactory.ts b/packages/api/src/factories/authFactory.ts
index 37cd54c..cd394fb 100644
--- a/packages/api/src/factories/authFactory.ts
+++ b/packages/api/src/factories/authFactory.ts
@@ -1,5 +1,5 @@
 import { ApiEnv } from "#/factories/apiFactory.js"
-import { models } from "@arrhes/metadata/models"
+import { models } from "@arrhes/application-metadata/models"
 import { createFactory } from "hono/factory"
 
 
diff --git a/packages/api/src/middlewares/authMiddleware.ts b/packages/api/src/middlewares/authMiddleware.ts
index ca9e030..4f748a9 100644
--- a/packages/api/src/middlewares/authMiddleware.ts
+++ b/packages/api/src/middlewares/authMiddleware.ts
@@ -4,7 +4,7 @@ import { unsignString } from "#/utilities/cookies/unsignString.js"
 import { Exception } from "#/utilities/exception.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { cookiePrefix } from "#/utilities/variables.js"
-import { models } from "@arrhes/metadata/models"
+import { models } from "@arrhes/application-metadata/models"
 import { eq } from "drizzle-orm"
 import { createMiddleware } from "hono/factory"
 
diff --git a/packages/api/src/routes/auth/authRoute.ts b/packages/api/src/routes/auth/authRoute.ts
index 69e6c67..7e3191b 100644
--- a/packages/api/src/routes/auth/authRoute.ts
+++ b/packages/api/src/routes/auth/authRoute.ts
@@ -3,7 +3,7 @@ import { authMiddleware } from "#/middlewares/authMiddleware.js"
 import { organizationsRoutes } from "#/routes/auth/organizations/organizationsRoutes.js"
 import { settingsRoutes } from "#/routes/auth/settings/settingsRoutes.js"
 import { supportRoutes } from "#/routes/auth/support/supportRoutes.js"
-import { routePath } from "@arrhes/metadata/components"
+import { routePath } from "@arrhes/application-metadata/components"
 
 
 export const authRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
index 990e1af..e293e32 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
index 52d006b..0b7f0a6 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
index 835b8f9..045a4da 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneOrganizationUserRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
index d7438e0..c3be5e3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
@@ -3,8 +3,8 @@ import { Exception } from "#/utilities/exception.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneOrganizationUserRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
index 62e64aa..2bdcf6b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneOrganizationUserRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
index cddddac..0f48960 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
@@ -4,9 +4,9 @@ import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneOrganizationUserRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
index 5a63664..4f6f87c 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
@@ -3,8 +3,8 @@ import { Exception } from "#/utilities/exception.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllOrganizationUsersRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
index 86a615e..88cc707 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
index b80dac8..90298a1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
@@ -4,8 +4,8 @@ import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { deleteObject } from "#/utilities/storage/deleteObject.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
index 55109a0..aaf0105 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { generateGetSignedUrl } from "#/utilities/storage/generateGetSignedUrl.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
index 211ba50..da4f0ab 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
@@ -4,8 +4,8 @@ import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { generatePutSignedUrl } from "#/utilities/storage/generatePutSignedUrl.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { generateAttachmentPutSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { generateAttachmentPutSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
index 472ba35..77838ed 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
index d8043e9..a3ee4de 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
index 901b321..d61c8be 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneAttachmentRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
index d8a9ac2..22df5bd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllAttachmentsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
index 6acc63b..b0c41d4 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneYearRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
index 346e57d..4fa7fa9 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneRecordRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
index 6091eeb..7fbecc3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
@@ -5,9 +5,9 @@ import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { duplicateOneRecordRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { duplicateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
index 612a481..ba49001 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneRecordRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
index fe07cd3..2a5c344 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneRecordRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
index 0bb1caf..c560761 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneRecordRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneRecordRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
index afd35ac..0631d86 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllRecordsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
index 6e68813..a4beb92 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
index ae48e19..6eb3672 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
index e3e9b96..b7e58ca 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
index 9f6ae91..24336cb 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
@@ -3,9 +3,9 @@ import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
index f4c6bea..a6f39e2 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
index cbbf9e2..d66e8c8 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
@@ -3,8 +3,8 @@ import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateManyRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateManyRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
index 01a2626..fac1895 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
@@ -3,8 +3,8 @@ import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { generateGetSignedUrl } from "#/utilities/storage/generateGetSignedUrl.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
index 2c5d75a..cf2210a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneDocumentRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
index dda12a2..51c567c 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllDocumentsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllDocumentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
index 07f1d06..88f8e56 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
@@ -5,9 +5,9 @@ import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { putObject } from "#/utilities/storage/putObject.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { generateBalanceSheetReportDocumentRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { generateBalanceSheetReportDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 import path from "path"
 import { launch } from "puppeteer"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
index 941bd3b..d09f02c 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
@@ -5,9 +5,9 @@ import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { putObject } from "#/utilities/storage/putObject.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { generateIncomeStatementReportDocumentRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { generateIncomeStatementReportDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 import path from "path"
 import { launch } from "puppeteer"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
index fadb9f9..6b42111 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneAccountRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
index a32f296..e2d51d4 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneAccountRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
index b00c060..ffad143 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneAccountRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
index 827d6fb..771ba05 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
@@ -3,9 +3,9 @@ import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneAccountRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
index 90d610d..dbaf91f 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
@@ -5,11 +5,11 @@ import { deleteMany } from "#/utilities/sql/deleteMany.js"
 import { insertMany } from "#/utilities/sql/insertMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { DefaultAccount, defaultAssociationAccounts, defaultCompanyAccounts } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { generateAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
-import { generateId } from "@arrhes/metadata/utilities"
+import { DefaultAccount, defaultAssociationAccounts, defaultCompanyAccounts } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 import * as v from "valibot"
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
index 43f4278..465650d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
index ded487a..07531a5 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
index 1dedefc..79d6304 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
index 589ee51..ded5191 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
index 582690e..eea2421 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
@@ -4,9 +4,9 @@ import { selectMany } from "#/utilities/sql/selectMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { connectAccountsToBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
+import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { connectAccountsToBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
index 7a78ea9..fc03fa7 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneBalanceSheetRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
index c45f5ec..47187b6 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
@@ -5,11 +5,11 @@ import { deleteMany } from "#/utilities/sql/deleteMany.js"
 import { insertMany } from "#/utilities/sql/insertMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { generateBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
-import { generateId } from "@arrhes/metadata/utilities"
+import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 import * as v from "valibot"
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
index 1b16e96..f882f88 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
index a0ed421..8ede8e2 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneComputationIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
index 073f72f..c5e5441 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneComputationIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
index f182ff5..8048007 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
index 4d3cc0b..8594a64 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneComputationIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneComputationIncomeStatementRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
index 7965ae2..13e189b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
index c4d73ad..81e39ec 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneComputationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
index e5ec483..64ff370 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneComputationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
index 551ae40..2a6eeb0 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneComputationRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
index adbaf32..aa1cae2 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneComputationRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneComputationRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
index 74d4d97..73114cd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
@@ -5,10 +5,10 @@ import { deleteMany } from "#/utilities/sql/deleteMany.js"
 import { insertMany } from "#/utilities/sql/insertMany.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultComputations } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { generateComputationsRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { defaultComputations } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
index 9b19de5..158d2b6 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllComputationsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
index e92c653..84d18d7 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { closeYearRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { closeYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq, not } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
index 0112c0d..20a20ba 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneYearRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
index 5a0e850..9d1d3a7 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
@@ -1,7 +1,7 @@
 import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { openYearRouteDefinition } from "@arrhes/metadata/routes"
+import { openYearRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export const openYearRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
index d13b2ea..18404fc 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
@@ -1,7 +1,7 @@
 import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { settleBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
+import { settleBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export const settleBalanceSheetRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
index a8c79e6..f53b6a3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
@@ -1,7 +1,7 @@
 import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { settleIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { settleIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export const settleIncomeStatementRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
index 0e4f3e2..847ef96 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneYearRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
index 544e70f..448c691 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
index b73a2fb..4863da8 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
index c201a34..2fdee69 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
index 8fc9e92..7cee4f5 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
@@ -4,9 +4,9 @@ import { selectMany } from "#/utilities/sql/selectMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { connectAccountsToIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
+import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { connectAccountsToIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
index 21184e5..37d30db 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneIncomeStatementRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
index 5ed792a..afd1755 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
@@ -5,11 +5,11 @@ import { deleteMany } from "#/utilities/sql/deleteMany.js"
 import { insertMany } from "#/utilities/sql/insertMany.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { generateIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
-import { generateId } from "@arrhes/metadata/utilities"
+import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 import * as v from "valibot"
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
index 84ae51c..d82d25b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
index 639986b..e25758b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneJournalRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
index 1e6fe16..5b1cae2 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneJournalRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
index 6d9fd40..1ddb659 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneJournalRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
index 460a750..195bf5b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneJournalRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneJournalRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
index cb6c909..d35717d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
@@ -4,10 +4,10 @@ import { response } from "#/utilities/response.js"
 import { deleteMany } from "#/utilities/sql/deleteMany.js"
 import { insertMany } from "#/utilities/sql/insertMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultJournals } from "@arrhes/metadata/components"
-import { models } from "@arrhes/metadata/models"
-import { generateJournalsRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { defaultJournals } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
index 7882562..116d429 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllJournalsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
index 690b9b3..b92dc40 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { deleteOne } from "#/utilities/sql/deleteOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { deleteOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
index 2a18d7f..a708409 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
index ffcc07d..874ca4b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
index 9322043..ad62948 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneRecordLabelRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
index b4f76fa..d42df7a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
index a2673e3..7bf035f 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { createOneYearRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const createOneYearRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
index 1edd512..034bfa7 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectMany } from "#/utilities/sql/selectMany.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { readAllYearsRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts b/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
index 24c17b3..139a5aa 100644
--- a/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
+++ b/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { activateOrganizationMembershipRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { activateOrganizationMembershipRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/organizations/addNewOrganization.ts b/packages/api/src/routes/auth/organizations/addNewOrganization.ts
index 3325dcd..c1525c8 100644
--- a/packages/api/src/routes/auth/organizations/addNewOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/addNewOrganization.ts
@@ -2,9 +2,9 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { addNewOrganizationRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { addNewOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 
 
 export const addNewOrganizationRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts b/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
index 743674a..262962f 100644
--- a/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
+++ b/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
@@ -1,7 +1,7 @@
 import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { getAllMyOrganizationsRouteDefinition } from "@arrhes/metadata/routes"
+import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/settings/activateUser.ts b/packages/api/src/routes/auth/settings/activateUser.ts
index 30d790c..6b58f28 100644
--- a/packages/api/src/routes/auth/settings/activateUser.ts
+++ b/packages/api/src/routes/auth/settings/activateUser.ts
@@ -3,8 +3,8 @@ import { Exception } from "#/utilities/exception.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { activateUserRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { activateUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
 
 export const activateUserRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/settings/readUserSession.ts b/packages/api/src/routes/auth/settings/readUserSession.ts
index c9fa04a..2680529 100644
--- a/packages/api/src/routes/auth/settings/readUserSession.ts
+++ b/packages/api/src/routes/auth/settings/readUserSession.ts
@@ -1,7 +1,7 @@
 import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { readUserSessionRouteDefinition } from "@arrhes/metadata/routes"
+import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export const readUserSessionRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/auth/settings/updateUser.ts b/packages/api/src/routes/auth/settings/updateUser.ts
index 74bb6c9..e537eb6 100644
--- a/packages/api/src/routes/auth/settings/updateUser.ts
+++ b/packages/api/src/routes/auth/settings/updateUser.ts
@@ -2,8 +2,8 @@ import { authFactory } from "#/factories/authFactory.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateUserRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/settings/updateUserEmail.ts b/packages/api/src/routes/auth/settings/updateUserEmail.ts
index 055dac6..574da4c 100644
--- a/packages/api/src/routes/auth/settings/updateUserEmail.ts
+++ b/packages/api/src/routes/auth/settings/updateUserEmail.ts
@@ -4,8 +4,8 @@ import { generateVerificationToken } from "#/utilities/generateVerificationToken
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateUserEmailRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateUserEmailRouteDefinition } from "@arrhes/application-metadata/routes"
 import { pbkdf2Sync } from "crypto"
 import { eq } from "drizzle-orm"
 
diff --git a/packages/api/src/routes/auth/settings/updateUserPassword.ts b/packages/api/src/routes/auth/settings/updateUserPassword.ts
index 87f91ef..95686e0 100644
--- a/packages/api/src/routes/auth/settings/updateUserPassword.ts
+++ b/packages/api/src/routes/auth/settings/updateUserPassword.ts
@@ -3,8 +3,8 @@ import { Exception } from "#/utilities/exception.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { updateUserPasswordRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { updateUserPasswordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { pbkdf2Sync } from "crypto"
 import { eq } from "drizzle-orm"
 
diff --git a/packages/api/src/routes/auth/settings/validateUserEmail.ts b/packages/api/src/routes/auth/settings/validateUserEmail.ts
index bcf46f3..c3f7eef 100644
--- a/packages/api/src/routes/auth/settings/validateUserEmail.ts
+++ b/packages/api/src/routes/auth/settings/validateUserEmail.ts
@@ -3,8 +3,8 @@ import { Exception } from "#/utilities/exception.js"
 import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { validateUserEmailRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { validateUserEmailRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/auth/support/sendSupportMessage.ts b/packages/api/src/routes/auth/support/sendSupportMessage.ts
index b5c86be..0cde9ab 100644
--- a/packages/api/src/routes/auth/support/sendSupportMessage.ts
+++ b/packages/api/src/routes/auth/support/sendSupportMessage.ts
@@ -3,7 +3,7 @@ import { sendEmail } from "#/utilities/email/sendEmail.js"
 import { supportTemplate } from "#/utilities/email/templates/support.js"
 import { response } from "#/utilities/response.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { sendSupportMessageRouteDefinition } from "@arrhes/metadata/routes"
+import { sendSupportMessageRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export const sendSupportMessageRoute = authFactory.createApp()
diff --git a/packages/api/src/routes/public/sendMagicLink.ts b/packages/api/src/routes/public/sendMagicLink.ts
index 8550509..e09fec3 100644
--- a/packages/api/src/routes/public/sendMagicLink.ts
+++ b/packages/api/src/routes/public/sendMagicLink.ts
@@ -2,8 +2,8 @@ import { publicFactory } from "#/factories/publicFactory.js"
 import { response } from "#/utilities/response.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { sendMagicLinkRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { sendMagicLinkRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/public/signIn.ts b/packages/api/src/routes/public/signIn.ts
index 08c1b61..c563737 100644
--- a/packages/api/src/routes/public/signIn.ts
+++ b/packages/api/src/routes/public/signIn.ts
@@ -8,9 +8,9 @@ import { insertOne } from "#/utilities/sql/insertOne.js"
 import { selectOne } from "#/utilities/sql/selectOne.js"
 import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { signInRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { pbkdf2Sync } from "crypto"
 import { eq } from "drizzle-orm"
 
diff --git a/packages/api/src/routes/public/signOut.ts b/packages/api/src/routes/public/signOut.ts
index 2af43c1..e7b404c 100644
--- a/packages/api/src/routes/public/signOut.ts
+++ b/packages/api/src/routes/public/signOut.ts
@@ -7,8 +7,8 @@ import { response } from "#/utilities/response.js"
 import { updateOne } from "#/utilities/sql/updateOne.js"
 import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { signOutRouteDefinition } from "@arrhes/metadata/routes"
+import { models } from "@arrhes/application-metadata/models"
+import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
 
 
diff --git a/packages/api/src/routes/public/signUp.ts b/packages/api/src/routes/public/signUp.ts
index 6399668..df7745b 100644
--- a/packages/api/src/routes/public/signUp.ts
+++ b/packages/api/src/routes/public/signUp.ts
@@ -8,9 +8,9 @@ import { response } from "#/utilities/response.js"
 import { insertOne } from "#/utilities/sql/insertOne.js"
 import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
 import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/metadata/models"
-import { signUpRouteDefinition } from "@arrhes/metadata/routes"
-import { generateId } from "@arrhes/metadata/utilities"
+import { models } from "@arrhes/application-metadata/models"
+import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
 import { pbkdf2Sync } from "crypto"
 
 
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
index d3b95ec..6422999 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
@@ -1,7 +1,7 @@
 import { BalanceSheetAssetsReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.js"
 import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
 import { numberToRomanString } from "#/utilities/numberToRomanString.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
index 9cbb925..4de09e6 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
@@ -2,7 +2,7 @@ import { BalanceSheetAssetsReportItem } from "#/utilities/email/templates/balanc
 import { BalanceSheetAssetsReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.js"
 import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
 import { Table } from "#/utilities/email/templates/components/table/table.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
index c35bee3..8aadb4d 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
@@ -1,7 +1,7 @@
 import { BalanceSheetLiabilitiesReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.js"
 import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
 import { numberToRomanString } from "#/utilities/numberToRomanString.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
index 5ec4a73..a1b268f 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
@@ -2,7 +2,7 @@ import { BalanceSheetLiabilitiesReportItem } from "#/utilities/email/templates/b
 import { BalanceSheetLiabilitiesReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.js"
 import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
 import { Table } from "#/utilities/email/templates/components/table/table.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
index 80f7fb4..7ac2dae 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
@@ -1,6 +1,6 @@
 import { BalanceSheetAssetsReportTable } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.js"
 import { BalanceSheetLiabilitiesReportTable } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import * as v from "valibot"
 
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.tsx
index 1b08bd5..8a523cf 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.tsx
index 5fc1be8..aa9e1a3 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
index f6a7085..fc4d517 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
@@ -1,5 +1,5 @@
 import { IncomeStatementsReportTable } from "#/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import * as v from "valibot"
 
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
index 5555815..cd982a6 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
@@ -1,7 +1,7 @@
 import { getIncomeStatementChildren } from "#/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.js"
 import { IncomeStatementReportRow } from "#/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.js"
 import { numberToRomanString } from "#/utilities/numberToRomanString.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
 
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
index b3c0694..1b61987 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -3,7 +3,7 @@ import { Table } from "#/utilities/email/templates/components/table/table.js"
 import { getIncomeStatementChildren } from "#/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.js"
 import { IncomeStatementReportItem } from "#/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.js"
 import { numberToRomanString } from "#/utilities/numberToRomanString.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "hono/css"
 import * as v from "valibot"
 
diff --git a/packages/api/src/utilities/response.ts b/packages/api/src/utilities/response.ts
index 0e2c4b5..ff4bcbd 100644
--- a/packages/api/src/utilities/response.ts
+++ b/packages/api/src/utilities/response.ts
@@ -2,7 +2,7 @@ import { ApiEnv } from "#/factories/apiFactory.js"
 import { AuthEnv } from "#/factories/authFactory.js"
 import { PublicEnv } from "#/factories/publicFactory.js"
 import { validate } from "#/utilities/validate.js"
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import { Context } from "hono"
 import { ContentfulStatusCode } from "hono/utils/http-status"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/workspace/generateDefaultYearData.ts b/packages/api/src/utilities/workspace/generateDefaultYearData.ts
index 6a153b0..35ff274 100644
--- a/packages/api/src/utilities/workspace/generateDefaultYearData.ts
+++ b/packages/api/src/utilities/workspace/generateDefaultYearData.ts
@@ -1,6 +1,6 @@
-// import { defaultAssociationAccounts, defaultAssociationBalanceSheets, defaultAssociationIncomeStatements, DefaultBalanceSheet, defaultCompanyAccounts, defaultCompanyBalanceSheets, defaultCompanyIncomeStatements, DefaultComputation, defaultComputations } from "@arrhes/metadata/components"
-// import { returnedSchemas } from "@arrhes/metadata/schemas"
-// import { generateId } from "@arrhes/metadata/utilities"
+// import { defaultAssociationAccounts, defaultAssociationBalanceSheets, defaultAssociationIncomeStatements, DefaultBalanceSheet, defaultCompanyAccounts, defaultCompanyBalanceSheets, defaultCompanyIncomeStatements, DefaultComputation, defaultComputations } from "@arrhes/application-metadata/components"
+// import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+// import { generateId } from "@arrhes/application-metadata/utilities"
 // import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/components/inputs/inputDataCombobox.tsx b/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
index 13586fa..0b4ddb9 100644
--- a/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
@@ -1,6 +1,6 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
index 93ead2c..797f93a 100644
--- a/packages/dashboard/src/components/layouts/banner.tsx
+++ b/packages/dashboard/src/components/layouts/banner.tsx
@@ -1,5 +1,5 @@
 import { cn } from "#/utilities/cn.js"
-import { colorVariant } from "@arrhes/metadata/components"
+import { colorVariant } from "@arrhes/application-metadata/components"
 import { IconAlertHexagon, IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
 import { ComponentProps, ReactElement } from "react"
 
diff --git a/packages/dashboard/src/components/layouts/dataWrapper.tsx b/packages/dashboard/src/components/layouts/dataWrapper.tsx
index f40041d..0815c88 100644
--- a/packages/dashboard/src/components/layouts/dataWrapper.tsx
+++ b/packages/dashboard/src/components/layouts/dataWrapper.tsx
@@ -2,7 +2,7 @@ import { FormatError } from "#/components/formats/formatError.js"
 import { CircularLoader } from "#/components/layouts/circularLoader.js"
 import { cn } from "#/utilities/cn.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import { ComponentProps, ReactElement, Suspense } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/authLayout.tsx b/packages/dashboard/src/features/authLayout.tsx
index 5593bc0..4a6e2bf 100644
--- a/packages/dashboard/src/features/authLayout.tsx
+++ b/packages/dashboard/src/features/authLayout.tsx
@@ -6,7 +6,7 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { Breadcrumbs } from "#/features/breadcrumbs.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { signOutRouteDefinition } from "@arrhes/metadata/routes"
+import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconAbacus, IconBuilding, IconLifebuoy, IconLogout, IconSettings, IconUser } from "@tabler/icons-react"
 import { Link, Outlet } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
index 2f312c0..5963c8c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index e5278e4..be02fe2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -4,7 +4,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { DeleteOneOrganization } from "#/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.js"
 import { UpdateOneOrganization } from "#/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.js"
 import { organizationSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.js"
-import { readOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
index 4cc1227..446f405 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
index 6df3554..15859e6 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllOrganizationUsersRouteDefinition, updateOneOrganizationUserRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllOrganizationUsersRouteDefinition, updateOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
index 44a5bee..07458e4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneOrganizationUserRouteDefinition, readAllOrganizationUsersRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneOrganizationUserRouteDefinition, readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
index e3b0c5d..885ba39 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
@@ -4,8 +4,8 @@ import { Box } from "#/components/layouts/box.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { DeleteOneOrganizationUser } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.js"
 import { UpdateOneOrganizationUser } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.js"
-import { readAllOrganizationUsersRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
index 0e3a343..ca9119e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readOneOrganizationRouteDefinition, updateOneOrganizationRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readOneOrganizationRouteDefinition, updateOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
index be4b6a0..581c13e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
@@ -1,8 +1,8 @@
 import { FormatError } from "#/components/formats/formatError.js"
 import { CircularLoader } from "#/components/layouts/circularLoader.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ReactElement } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
index 5249ad6..8649a12 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
@@ -1,8 +1,8 @@
 import { FormatError } from "#/components/formats/formatError.js"
 import { CircularLoader } from "#/components/layouts/circularLoader.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
index c3d2bb7..9861b0d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
index c779aec..0fd5d4c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
@@ -11,9 +11,9 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { fileSchema } from "@arrhes/metadata/components"
-import { generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition, readOneAttachmentRouteDefinition, updateOneAttachmentRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { fileSchema } from "@arrhes/application-metadata/components"
+import { generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition, readOneAttachmentRouteDefinition, updateOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
index c218fc5..94c136e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
@@ -1,7 +1,7 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllAttachmentsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index c56b8b2..eead82c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -2,7 +2,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js";
 import { Page } from "#/components/layouts/page/page.js";
 import { AttachmentsTable } from "#/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.js";
 import { attachmentsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js";
-import { readAllAttachmentsRouteDefinition } from "@arrhes/metadata/routes";
+import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes";
 import { useParams } from "@tanstack/react-router";
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
index 0d71c8a..0781fd0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
@@ -7,7 +7,7 @@ import { FormatText } from "#/components/formats/formatText.js"
 import { DataTable } from "#/components/layouts/dataTable.js"
 import { CreateOneAttachment } from "#/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.js"
 import { platformRouter } from "#/routes/platformRouter.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
index 6d2d122..b90bd7c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
@@ -11,9 +11,9 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { fileSchema } from "@arrhes/metadata/components"
-import { createOneAttachmentRouteDefinition, generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { fileSchema } from "@arrhes/application-metadata/components"
+import { createOneAttachmentRouteDefinition, generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
index a3e2dc8..5d3b391 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
index 2d694c8..2a45144 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
@@ -14,7 +14,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.js"
 import { UpdateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.js"
 import { recordRowRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.js"
-import { readOneAccountRouteDefinition, readOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneAccountRouteDefinition, readOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
index cbea199..61b8542 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
@@ -12,8 +12,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRowRouteDefinition, updateOneRecordRowRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRowRouteDefinition, updateOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
index 9374e4f..887b700 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
@@ -12,8 +12,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordRowRouteDefinition, readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneRecordRowRouteDefinition, readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
index 47162d8..b759163 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
index 20756c1..f8e4176 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { duplicateOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { duplicateOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconCopyCheck } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
index 71d1759..8230667 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
@@ -17,7 +17,7 @@ import { RecordRowsTable } from "#/features/organizations/$idOrganization/years/
 import { UpdateOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.js"
 import { recordRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.js"
 import { compareAmounts } from "#/utilities/compareAmounts.js"
-import { readAllRecordRowsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllRecordRowsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconCopyCheck, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
index 526a9a3..872ef15 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
@@ -10,8 +10,8 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { UpdateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.js"
 import { CreateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.js"
 import { UpdateManyRecordRows } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.js"
-import { readOneAccountRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconEdit, IconEye, IconPencil, IconPlus } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
index 6ac0f84..a98103b 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllRecordRowsRouteDefinition, updateManyRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllRecordRowsRouteDefinition, updateManyRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
index 52d8791..d103000 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
@@ -11,8 +11,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition, readOneRecordRouteDefinition, updateOneRecordRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition, readOneRecordRouteDefinition, updateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
index bf45e45..60dcb76 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
@@ -12,8 +12,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordRouteDefinition, readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneRecordRouteDefinition, readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index f65250b..15d57ca 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -9,7 +9,7 @@ import { Page } from "#/components/layouts/page/page.js"
 import { CreateOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { recordsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
-import { readAllRecordsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllRecordsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
index 1df6ebd..f38daeb 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
@@ -3,7 +3,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Section } from "#/components/layouts/section/section.js"
 import { BalanceReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.js"
 import { balanceReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.js"
-import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
index d8ce4f8..db9cb94 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
@@ -2,7 +2,7 @@ import { FormatNull } from "#/components/formats/formatNull.js"
 import { FormatPrice } from "#/components/formats/formatPrice.js"
 import { FormatText } from "#/components/formats/formatText.js"
 import { Table } from "#/components/layouts/table/table.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
index 4d1d7d0..7c96017 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
@@ -1,7 +1,7 @@
 import { BalanceSheetAssetsReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
 import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
index 8b3935e..31d2fcb 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
@@ -3,7 +3,7 @@ import { Table } from "#/components/layouts/table/table.js"
 import { BalanceSheetAssetsReportItem } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.js"
 import { BalanceSheetAssetsReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
index b1f8a2b..8bc2d03 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
@@ -1,7 +1,7 @@
 import { BalanceSheetLiabilitiesReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
 import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
index 26a6ae7..c2ea724 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
@@ -3,7 +3,7 @@ import { Table } from "#/components/layouts/table/table.js"
 import { BalanceSheetLiabilitiesReportItem } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.js"
 import { BalanceSheetLiabilitiesReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
index 8a00aa3..c9b28d9 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
@@ -7,7 +7,7 @@ import { BalanceSheetAssetsReportTable } from "#/features/organizations/$idOrgan
 import { BalanceSheetLiabilitiesReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.js"
 import { DownloadBalanceSheetReport } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.js"
 import { balanceSheetReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.js"
-import { readAllAccountsRouteDefinition, readAllBalanceSheetsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllAccountsRouteDefinition, readAllBalanceSheetsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
index 471c75c..9b41629 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
@@ -1,7 +1,7 @@
 import { toast } from "#/contexts/toasts/useToast.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateBalanceSheetReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateBalanceSheetReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
index ec7bdae..0cff93e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
@@ -1,7 +1,7 @@
 import { toast } from "#/contexts/toasts/useToast.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateIncomeStatementReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateIncomeStatementReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
index 389e6a8..94607c6 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
@@ -1,7 +1,7 @@
 import { IncomeStatementReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.js"
 import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
 import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
index 225e5d7..7ca429d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
@@ -5,7 +5,7 @@ import { Section } from "#/components/layouts/section/section.js"
 import { DownloadIncomeStatementReport } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.js"
 import { IncomeStatementsReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.js"
 import { incomeStatementReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.js"
-import { readAllAccountsRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllComputationsRouteDefinition, readAllIncomeStatementsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllAccountsRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllComputationsRouteDefinition, readAllIncomeStatementsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
index e4e2491..b5449d5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -6,7 +6,7 @@ import { IncomeStatementReportItem } from "#/features/organizations/$idOrganizat
 import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
 import { cn } from "#/utilities/cn.js"
 import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
index dc2d7ec..2e742d5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
@@ -3,7 +3,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Section } from "#/components/layouts/section/section.js"
 import { JournalReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.js"
 import { journalReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.js"
-import { readAllRecordRowsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllRecordRowsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
index 72fcef8..a964e3f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
@@ -6,8 +6,8 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Table } from "#/components/layouts/table/table.js"
 import { cn } from "#/utilities/cn.js"
 import { compareAmounts } from "#/utilities/compareAmounts.js"
-import { readOneAccountRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
index 8e1a117..75bae22 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
@@ -3,7 +3,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Section } from "#/components/layouts/section/section.js"
 import { LedgerReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.js"
 import { ledgerReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.js"
-import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
index 228d19f..84da8b5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
@@ -2,7 +2,7 @@ import { FormatNull } from "#/components/formats/formatNull.js"
 import { FormatPrice } from "#/components/formats/formatPrice.js"
 import { FormatText } from "#/components/formats/formatText.js"
 import { Table } from "#/components/layouts/table/table.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
index 264e791..08307d5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
@@ -11,7 +11,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneAccount } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.js"
 import { UpdateOneAccount } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.js"
 import { accountRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.js"
-import { readOneAccountRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
index 60709e6..d776a01 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
index 2dc664f..616ecda 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
@@ -12,8 +12,8 @@ import { AccountSelect } from "#/features/organizations/$idOrganization/years/$i
 import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAccountsRouteDefinition, readOneAccountRouteDefinition, updateOneAccountRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAccountsRouteDefinition, readOneAccountRouteDefinition, updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
index 9449e93..2ea9093 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
@@ -1,5 +1,5 @@
 import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Link } from "@tanstack/react-router"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
index b547813..809be19 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
@@ -1,7 +1,7 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index 74822d7..d0871d0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -4,8 +4,8 @@ import { InputText } from "#/components/inputs/inputText.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { AccountItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.js"
 import { sortAccounts } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.js"
-import { readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { useState } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
index ce493dc..ff6407e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
@@ -12,8 +12,8 @@ import { AccountSelect } from "#/features/organizations/$idOrganization/years/$i
 import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
index a8e8a37..e0ba7e0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateAccountsRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateAccountsRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
index e0ca981..30bd17f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
index 54cfc89..b8262ab 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
index 116eb32..bfa908c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
@@ -10,7 +10,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneBalanceSheet } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.js"
 import { UpdateOneBalanceSheet } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.js"
 import { balanceSheetRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.js"
-import { readOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
index b84ccf1..df76ff8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
index 36a0984..be62cdb 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
@@ -11,8 +11,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllBalanceSheetsRouteDefinition, readOneBalanceSheetRouteDefinition, updateOneBalanceSheetRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllBalanceSheetsRouteDefinition, readOneBalanceSheetRouteDefinition, updateOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
index 57c2212..3a176ac 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
@@ -1,6 +1,6 @@
 import { BalanceSheetRow } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
index 00420a5..49dafa1 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
@@ -1,5 +1,5 @@
 import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Link } from "@tanstack/react-router"
 import { ComponentProps } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
index e3d00f2..d737f1e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
@@ -1,7 +1,7 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
index 69155a7..186d73f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
@@ -4,8 +4,8 @@ import { InputText } from "#/components/inputs/inputText.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { BalanceSheetItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.js"
 import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { useState } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
index b687287..1fb5f5a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { connectAccountsToBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { connectAccountsToBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
index a39b2cd..beab8ed 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
@@ -11,8 +11,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
index 2e25029..63089a7 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
index 1b08bd5..8a523cf 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
index ae8d75b..dc73244 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
index f8321a5..3fcbf86 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
index dae4c72..134079d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
index 11711bc..e34a091 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
@@ -10,7 +10,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.js"
 import { UpdateOneIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.js"
 import { incomeStatementRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.js"
-import { readOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
index 2e8b024..7537ad4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition, updateOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition, updateOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
index bc4ef2c..01e6c70 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
@@ -11,7 +11,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.js"
 import { UpdateOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.js"
 import { computationIncomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.js"
-import { readOneComputationIncomeStatementRouteDefinition, readOneComputationRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneComputationIncomeStatementRouteDefinition, readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
index c6b918b..7ffc405 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
index 632f9f1..8749ac7 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition, readOneComputationIncomeStatementRouteDefinition, updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition, readOneComputationIncomeStatementRouteDefinition, updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
index 46a9b5c..16c5fc4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
@@ -6,8 +6,8 @@ import { DataTable } from "#/components/layouts/dataTable.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { CreateOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.js"
 import { platformRouter } from "#/routes/platformRouter.js"
-import { readAllComputationIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllComputationIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
index 7159263..32c463b 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
index 515009d..0388aee 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
@@ -11,7 +11,7 @@ import { ComputationIncomeStatementsTable } from "#/features/organizations/$idOr
 import { DeleteOneComputation } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.js"
 import { UpdateOneComputation } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.js"
 import { computationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
-import { readOneComputationRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
index 20b92c4..ff6135a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
index f696cc5..1d0ac27 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllComputationsRouteDefinition, readOneComputationRouteDefinition, updateOneComputationRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllComputationsRouteDefinition, readOneComputationRouteDefinition, updateOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
index e97bc9a..6cb2a5a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
@@ -1,8 +1,8 @@
 import { FormatNull } from "#/components/formats/formatNull.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { cn } from "#/utilities/cn.js"
-import { readAllComputationsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
index a01d34a..b7328e8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
index ad99ac2..6a4cff7 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateComputationsRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateComputationsRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
index faa9e7f..e177148 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { connectAccountsToIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { connectAccountsToIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
index d922fa5..4e23ad3 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
@@ -10,8 +10,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
index ead9ece..353d8d8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
index 5fc1be8..aa9e1a3 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
index 473e779..a45c66e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
@@ -1,4 +1,4 @@
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
index c0faa75..0611562 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
@@ -1,6 +1,6 @@
 import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
 import { IncomeStatementRow } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
index 7c60a7e..ed62ccc 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
@@ -1,5 +1,5 @@
 import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Link } from "@tanstack/react-router"
 import { ComponentProps } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
index 3a075aa..e2ab95a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
@@ -4,8 +4,8 @@ import { InputText } from "#/components/inputs/inputText.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
 import { IncomeStatementItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.js"
-import { readAllIncomeStatementsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { useState } from "react"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
index 2987f72..a5efb8c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
index d0918e5..be722df 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
@@ -9,7 +9,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.js"
 import { UpdateOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.js"
 import { journalRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.js"
-import { readOneJournalRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
index 3f43958..2d97421 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllJournalsRouteDefinition, readOneJournalRouteDefinition, updateOneJournalRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllJournalsRouteDefinition, readOneJournalRouteDefinition, updateOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
index cbdd16a..a1241e2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
index d2555cd..cf7c436 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
@@ -4,8 +4,8 @@ import { Dialog } from "#/components/overlays/dialog/dialog.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { generateJournalsRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { generateJournalsRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
index d0bb031..a7096ea 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
@@ -1,7 +1,7 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllJournalsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index e62b118..7052b54 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -7,7 +7,7 @@ import { Section } from "#/components/layouts/section/section.js";
 import { CreateOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.js";
 import { GenerateJournals } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.js";
 import { journalsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.js";
-import { readAllJournalsRouteDefinition } from "@arrhes/metadata/routes";
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes";
 import { IconPlus } from "@tabler/icons-react";
 import { Link, useParams } from "@tanstack/react-router";
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
index 550f015..7187304 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
@@ -5,8 +5,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { deleteOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { deleteOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
index bde319d..c6ba3cc 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
@@ -9,7 +9,7 @@ import { TitleComponent } from "#/components/layouts/title.js"
 import { DeleteOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.js"
 import { UpdateOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.js"
 import { recordLabelRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.js"
-import { readOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
index e93efd1..ddb5f11 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readAllRecordLabelsRouteDefinition, readOneRecordLabelRouteDefinition, updateOneRecordLabelRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllRecordLabelsRouteDefinition, readOneRecordLabelRouteDefinition, updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
index 18ae30e..5b57d35 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
@@ -9,8 +9,8 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
index f2eda53..6eaf395 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
@@ -1,7 +1,7 @@
 import { InputCombobox } from "#/components/inputs/inputCombobox.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index e6a1974..028f56d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -5,7 +5,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js";
 import { Section } from "#/components/layouts/section/section.js";
 import { CreateOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.js";
 import { recordLabelsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.js";
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/metadata/routes";
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes";
 import { IconPlus } from "@tabler/icons-react";
 import { Link, useParams } from "@tanstack/react-router";
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
index 58f19ed..eca2d8a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
@@ -11,8 +11,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { YearSelect } from "#/features/organizations/$idOrganization/years/yearSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readOneYearRouteDefinition, updateOneYearRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readOneYearRouteDefinition, updateOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index 48e790b..0d1a338 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -4,7 +4,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { DeleteOneYear } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.js"
 import { UpdateOneYear } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.js"
 import { yearSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.js"
-import { readOneYearRouteDefinition } from "@arrhes/metadata/routes"
+import { readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
index c371cbc..3691d5a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
@@ -11,8 +11,8 @@ import { toast } from "#/contexts/toasts/useToast.js"
 import { YearSelect } from "#/features/organizations/$idOrganization/years/yearSelect.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { createOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { createOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
index 3a17fa4..080fce0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
@@ -1,7 +1,7 @@
 import { InputSelect } from "#/components/inputs/inputSelect.js"
 import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllYearsRouteDefinition } from "@arrhes/metadata/routes"
-import { returnedSchemas } from "@arrhes/metadata/schemas"
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
index 0d77cac..cd6dd46 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
+++ b/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
@@ -5,7 +5,7 @@ import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Page } from "#/components/layouts/page/page.js"
 import { CreateOneYear } from "#/features/organizations/$idOrganization/years/createOneYear.js"
 import { yearsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsRoute.js"
-import { readAllYearsRouteDefinition } from "@arrhes/metadata/routes"
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconCalendarPlus } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/organizations/addNewOrganization.tsx b/packages/dashboard/src/features/organizations/addNewOrganization.tsx
index 82e9460..65fedfa 100644
--- a/packages/dashboard/src/features/organizations/addNewOrganization.tsx
+++ b/packages/dashboard/src/features/organizations/addNewOrganization.tsx
@@ -10,7 +10,7 @@ import { Drawer } from "#/components/overlays/drawer/drawer.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { invalidateData } from "#/utilities/invalidateData.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/metadata/routes"
+import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/organizations/organizationsPage.tsx b/packages/dashboard/src/features/organizations/organizationsPage.tsx
index 71b285a..6ce5dbc 100644
--- a/packages/dashboard/src/features/organizations/organizationsPage.tsx
+++ b/packages/dashboard/src/features/organizations/organizationsPage.tsx
@@ -4,7 +4,7 @@ import { Box } from "#/components/layouts/box.js"
 import { DataWrapper } from "#/components/layouts/dataWrapper.js"
 import { Page } from "#/components/layouts/page/page.js"
 import { AddNewOrganization } from "#/features/organizations/addNewOrganization.js"
-import { getAllMyOrganizationsRouteDefinition } from "@arrhes/metadata/routes"
+import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconBuildingPlus } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index 22fef0c..657dcda 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -10,7 +10,7 @@ import { InputText } from "#/components/inputs/inputText.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { signInRouteDefinition } from "@arrhes/metadata/routes"
+import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconLogin2 } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index 0157e20..269ef10 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -10,7 +10,7 @@ import { InputText } from "#/components/inputs/inputText.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { signUpRouteDefinition } from "@arrhes/metadata/routes"
+import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconUserPlus } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
diff --git a/packages/dashboard/src/features/support/contactSupportForm.tsx b/packages/dashboard/src/features/support/contactSupportForm.tsx
index cff0b77..1bc6e63 100644
--- a/packages/dashboard/src/features/support/contactSupportForm.tsx
+++ b/packages/dashboard/src/features/support/contactSupportForm.tsx
@@ -9,7 +9,7 @@ import { InputToggle } from "#/components/inputs/inputToggle.js"
 import { toast } from "#/contexts/toasts/useToast.js"
 import { platformRouter } from "#/routes/platformRouter.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { sendSupportMessageRouteDefinition } from "@arrhes/metadata/routes"
+import { sendSupportMessageRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconSend } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 
diff --git a/packages/dashboard/src/routes/rootLayoutRoute.tsx b/packages/dashboard/src/routes/rootLayoutRoute.tsx
index f9b26e7..b0b116d 100644
--- a/packages/dashboard/src/routes/rootLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/rootLayoutRoute.tsx
@@ -1,6 +1,6 @@
 import { CircularLoader } from "#/components/layouts/circularLoader.js"
 import { RootLayout } from "#/features/rootLayout.js"
-import { readUserSessionRouteDefinition } from "@arrhes/metadata/routes"
+import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
 import { createRootRouteWithContext, useRouterState } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/dashboard/src/utilities/cookies/getUserSession.ts b/packages/dashboard/src/utilities/cookies/getUserSession.ts
index 6bb1430..3128336 100644
--- a/packages/dashboard/src/utilities/cookies/getUserSession.ts
+++ b/packages/dashboard/src/utilities/cookies/getUserSession.ts
@@ -1,6 +1,6 @@
 import { getIsAuthenticated } from "#/utilities/cookies/getIsAuthenticated.js"
 import { postAPI } from "#/utilities/postAPI.js"
-import { readUserSessionRouteDefinition } from "@arrhes/metadata/routes"
+import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
 export async function getUserSession() {
diff --git a/packages/dashboard/src/utilities/invalidateData.ts b/packages/dashboard/src/utilities/invalidateData.ts
index cee6d52..83b9896 100644
--- a/packages/dashboard/src/utilities/invalidateData.ts
+++ b/packages/dashboard/src/utilities/invalidateData.ts
@@ -1,5 +1,5 @@
 import { dataClient } from "#/contexts/data/queryClient.js"
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import * as v from "valibot"
 
 
diff --git a/packages/dashboard/src/utilities/postAPI.ts b/packages/dashboard/src/utilities/postAPI.ts
index 6f2f8c7..527dff2 100644
--- a/packages/dashboard/src/utilities/postAPI.ts
+++ b/packages/dashboard/src/utilities/postAPI.ts
@@ -1,5 +1,5 @@
 import { toast } from "#/contexts/toasts/useToast.js"
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import * as v from "valibot"
 import { ClientError } from "./clientError.js"
 import { validate } from "./validate.js"
diff --git a/packages/dashboard/src/utilities/useHTTPData.ts b/packages/dashboard/src/utilities/useHTTPData.ts
index 620bbdd..3fafa8f 100644
--- a/packages/dashboard/src/utilities/useHTTPData.ts
+++ b/packages/dashboard/src/utilities/useHTTPData.ts
@@ -1,4 +1,4 @@
-import { routeDefinition } from "@arrhes/metadata/utilities"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import { useQuery } from "@tanstack/react-query"
 import * as v from "valibot"
 import { ClientError } from "./clientError.js"
diff --git a/packages/tools/src/dbClient.ts b/packages/tools/src/dbClient.ts
index 516a74f..d986a9f 100644
--- a/packages/tools/src/dbClient.ts
+++ b/packages/tools/src/dbClient.ts
@@ -1,7 +1,7 @@
-import { modelSchemas } from "@arrhes/metadata/models"
+import { modelSchemas } from "@arrhes/application-metadata/models"
 import { drizzle } from "drizzle-orm/postgres-js"
 import postgres from "postgres"
-import { env } from "./env.js"
+import { env } from "./env"
 
 
 const connection = postgres(env()?.SQL_DATABASE_URL ?? "", { max: 1 })
diff --git a/packages/tools/src/drizzle.config.ts b/packages/tools/src/drizzle.config.ts
index ae95a24..a12e4c4 100644
--- a/packages/tools/src/drizzle.config.ts
+++ b/packages/tools/src/drizzle.config.ts
@@ -1,5 +1,5 @@
 import type { Config } from "drizzle-kit"
-import { env } from "./env.js"
+import { env } from "./env"
 
 
 export default {
diff --git a/packages/tools/src/migrate.ts b/packages/tools/src/migrate.ts
index 24512c3..523aceb 100644
--- a/packages/tools/src/migrate.ts
+++ b/packages/tools/src/migrate.ts
@@ -1,7 +1,7 @@
 import { drizzle } from "drizzle-orm/postgres-js"
 import { migrate } from "drizzle-orm/postgres-js/migrator"
 import postgres from "postgres"
-import { env } from "./env.js"
+import { env } from "./env"
 
 
 const sql = postgres(env()?.SQL_DATABASE_URL ?? "", { max: 1 })
diff --git a/packages/tools/src/schemas.ts b/packages/tools/src/schemas.ts
index c40a95a..048c4a8 100644
--- a/packages/tools/src/schemas.ts
+++ b/packages/tools/src/schemas.ts
@@ -1,4 +1,4 @@
-import { modelSchemas } from "@arrhes/metadata/models"
+import { modelSchemas } from "@arrhes/application-metadata/models"
 
 
 module.exports = modelSchemas
\ No newline at end of file
diff --git a/packages/tools/src/seed/seed.ts b/packages/tools/src/seed/seed.ts
index 3faa6b4..4022a09 100644
--- a/packages/tools/src/seed/seed.ts
+++ b/packages/tools/src/seed/seed.ts
@@ -1,6 +1,6 @@
-import { defaultJournals } from '@arrhes/metadata/components'
-import { models } from '@arrhes/metadata/models'
-import { generateId } from '@arrhes/metadata/utilities'
+import { defaultJournals } from '@arrhes/application-metadata/components'
+import { models } from '@arrhes/application-metadata/models'
+import { generateId } from '@arrhes/application-metadata/utilities'
 import { randFirstName } from '@ngneat/falso'
 import { pbkdf2Sync, randomBytes } from "crypto"
 import { dbClient } from '../dbClient.js'

From cef9a43e0f069359a6e9df2c10a2a7c474d4eedb Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Tue, 23 Dec 2025 18:55:19 +0100
Subject: [PATCH 14/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(dev):=20ren?=
 =?UTF-8?q?ame=20.dev=20to=20.development=20and=20improve=20Docker=20setup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- rename .dev directory to .development for clarity
- update all references in compose.yml, README.md, justfile, and documentation
- fix Docker permissions by running chown in entrypoints before switching to node user
- add PostgreSQL client and expect to API Dockerfile for migration handling
- update database migration to use --force flag and expect for interactive prompts
- improve RustFS healthcheck to properly detect 403 Forbidden response
- update database URLs from localhost to postgres service name in .env files
- consolidate justfile commands under 'dev' namespace (dev-up, dev-down)
- fix website port from 5174 to 5173 in vite.config.ts
- add database table existence check before running migrations
- enhance entrypoint scripts to handle workspace permissions for bind mounts
---
 .dev/packages/api/entrypoint.sh               | 29 ----------
 .dev/packages/tools/.env                      |  2 -
 {.dev => .development}/.dockerignore          |  0
 {.dev => .development}/.gitignore             |  0
 {.dev => .development}/README.md              | 28 +++++-----
 {.dev => .development}/compose.yml            | 14 ++---
 {.dev => .development}/packages/api/.env      |  2 +-
 .../packages/api/Dockerfile                   | 10 ++--
 .development/packages/api/entrypoint.sh       | 55 +++++++++++++++++++
 .../packages/dashboard/.env                   |  0
 .../packages/dashboard/Dockerfile             |  6 +-
 .../packages/dashboard/entrypoint.sh          | 10 +++-
 .development/packages/tools/.env              |  2 +
 {.dev => .development}/packages/website/.env  |  0
 .../packages/website/Dockerfile               |  6 +-
 .../packages/website/entrypoint.sh            |  8 ++-
 README.md                                     |  2 +-
 docs/DEVELOPMENT.md                           |  2 +-
 justfile                                      | 13 +++--
 packages/tools/package.json                   |  2 +-
 packages/website/vite.config.ts               |  2 +-
 21 files changed, 113 insertions(+), 80 deletions(-)
 delete mode 100644 .dev/packages/api/entrypoint.sh
 delete mode 100644 .dev/packages/tools/.env
 rename {.dev => .development}/.dockerignore (100%)
 rename {.dev => .development}/.gitignore (100%)
 rename {.dev => .development}/README.md (83%)
 rename {.dev => .development}/compose.yml (92%)
 rename {.dev => .development}/packages/api/.env (90%)
 rename {.dev => .development}/packages/api/Dockerfile (70%)
 create mode 100644 .development/packages/api/entrypoint.sh
 rename {.dev => .development}/packages/dashboard/.env (100%)
 rename {.dev => .development}/packages/dashboard/Dockerfile (82%)
 rename {.dev => .development}/packages/dashboard/entrypoint.sh (67%)
 create mode 100644 .development/packages/tools/.env
 rename {.dev => .development}/packages/website/.env (100%)
 rename {.dev => .development}/packages/website/Dockerfile (82%)
 rename {.dev => .development}/packages/website/entrypoint.sh (68%)

diff --git a/.dev/packages/api/entrypoint.sh b/.dev/packages/api/entrypoint.sh
deleted file mode 100644
index 92121b5..0000000
--- a/.dev/packages/api/entrypoint.sh
+++ /dev/null
@@ -1,29 +0,0 @@
-#!/bin/bash
-# ==============================================================================
-# API Service Entrypoint
-# ==============================================================================
-# Runs on container startup to:
-# 1. Install workspace dependencies
-# 2. Build metadata package (required by API and tools)
-# 3. Run database migrations
-# 4. Seed demo data
-# 5. Start API dev server
-# ==============================================================================
-set -e
-
-echo "📦 Installing workspace dependencies..."
-CI=true pnpm install
-
-echo "🔨 Building @arrhes/application-metadata..."
-pnpm --filter="@arrhes/application-metadata" build
-
-echo "🗄️ Running database migrations..."
-cd /workspace/packages/tools
-pnpm run push
-
-echo "🌱 Seeding demo data..."
-pnpm run seed
-
-echo "🚀 Starting API dev server..."
-cd /workspace/packages/api
-exec pnpm --filter="@arrhes/application-api" dev
diff --git a/.dev/packages/tools/.env b/.dev/packages/tools/.env
deleted file mode 100644
index ccb2ff3..0000000
--- a/.dev/packages/tools/.env
+++ /dev/null
@@ -1,2 +0,0 @@
-NODE_ENV="development"
-SQL_DATABASE_URL="postgres://postgres:admin@localhost:5432/default"
diff --git a/.dev/.dockerignore b/.development/.dockerignore
similarity index 100%
rename from .dev/.dockerignore
rename to .development/.dockerignore
diff --git a/.dev/.gitignore b/.development/.gitignore
similarity index 100%
rename from .dev/.gitignore
rename to .development/.gitignore
diff --git a/.dev/README.md b/.development/README.md
similarity index 83%
rename from .dev/README.md
rename to .development/README.md
index e0f944d..c66707b 100644
--- a/.dev/README.md
+++ b/.development/README.md
@@ -5,7 +5,7 @@ Docker-based development environment for the Arrhes platform.
 ## Architecture
 
 ```
-.dev/
+.development/
 ├── compose.yml              # Main Docker Compose configuration
 ├── .dockerignore            # Build context exclusions
 ├── .gitignore               # Git tracking rules
@@ -59,40 +59,40 @@ docker volume create arrhes_postgres_data
 docker volume create arrhes_rustfs_data
 
 # Start services
-docker compose -f .dev/compose.yml up -d
+docker compose -f .development/compose.yml up -d
 ```
 
 ### View logs
 ```bash
 # All services
-docker compose -f .dev/compose.yml logs -f
+docker compose -f .development/compose.yml logs -f
 
 # Specific service
-docker compose -f .dev/compose.yml logs -f api
+docker compose -f .development/compose.yml logs -f api
 ```
 
 ### Stop services
 ```bash
-docker compose -f .dev/compose.yml down
+docker compose -f .development/compose.yml down
 ```
 
 ### Rebuild after changes
 ```bash
 # Rebuild specific service
-docker compose -f .dev/compose.yml build api
+docker compose -f .development/compose.yml build api
 
 # Rebuild and restart
-docker compose -f .dev/compose.yml up -d --build api
+docker compose -f .development/compose.yml up -d --build api
 ```
 
 ### Access running containers
 ```bash
-docker compose -f .dev/compose.yml exec api bash
+docker compose -f .development/compose.yml exec api bash
 ```
 
 ## Environment Files
 
-Each service has its own `.env` file in `.dev/packages/{service}/.env`:
+Each service has its own `.env` file in `.development/packages/{service}/.env`:
 
 - **api/.env** - API configuration (database, storage, email)
 - **dashboard/.env** - Dashboard configuration (API URL)
@@ -133,21 +133,21 @@ lsof -i :3000
 ```bash
 # Remove volume and rebuild
 docker volume rm .dev_api_node_modules
-docker compose -f .dev/compose.yml up -d --build api
+docker compose -f .development/compose.yml up -d --build api
 ```
 
 ### Database reset
 ```bash
 # Remove database volume (WARNING: deletes all data)
-docker compose -f .dev/compose.yml down
+docker compose -f .development/compose.yml down
 docker volume rm arrhes_postgres_data
 docker volume create arrhes_postgres_data
-docker compose -f .dev/compose.yml up -d
+docker compose -f .development/compose.yml up -d
 ```
 
 ### Clean slate
 ```bash
 # Remove all containers, volumes (except external), and rebuild
-docker compose -f .dev/compose.yml down -v
-docker compose -f .dev/compose.yml up -d --build
+docker compose -f .development/compose.yml down -v
+docker compose -f .development/compose.yml up -d --build
 ```
diff --git a/.dev/compose.yml b/.development/compose.yml
similarity index 92%
rename from .dev/compose.yml
rename to .development/compose.yml
index ae520ba..fa5aabc 100644
--- a/.dev/compose.yml
+++ b/.development/compose.yml
@@ -10,9 +10,9 @@
 # - Services: API, Dashboard, Website
 #
 # Usage:
-#   docker compose -f .dev/compose.yml up -d     # Start all services
-#   docker compose -f .dev/compose.yml down      # Stop all services
-#   docker compose -f .dev/compose.yml logs -f   # View logs
+#   docker compose -f .development/compose.yml up -d     # Start all services
+#   docker compose -f .development/compose.yml down      # Stop all services
+#   docker compose -f .development/compose.yml logs -f   # View logs
 # ==============================================================================
 
 services:
@@ -54,7 +54,7 @@ services:
       - rustfs_data:/data
     init: true
     healthcheck:
-      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 || exit 1"]
+      test: ["CMD-SHELL", "wget --quiet --tries=1 --spider http://localhost:9000 2>&1 | grep -q '403 Forbidden' && exit 0 || exit 1"]
       interval: 10s
       timeout: 5s
       retries: 5
@@ -80,7 +80,7 @@ services:
   api:
     build:
       context: ..
-      dockerfile: .dev/packages/api/Dockerfile
+      dockerfile: .development/packages/api/Dockerfile
       args:
         NODE_VERSION: "25.2.1"
         PNPM_VERSION: "10.26.1"
@@ -114,7 +114,7 @@ services:
   dashboard:
     build:
       context: ..
-      dockerfile: .dev/packages/dashboard/Dockerfile
+      dockerfile: .development/packages/dashboard/Dockerfile
       args:
         NODE_VERSION: "25.2.1"
         PNPM_VERSION: "10.26.1"
@@ -140,7 +140,7 @@ services:
   website:
     build:
       context: ..
-      dockerfile: .dev/packages/website/Dockerfile
+      dockerfile: .development/packages/website/Dockerfile
       args:
         NODE_VERSION: "25.2.1"
         PNPM_VERSION: "10.26.1"
diff --git a/.dev/packages/api/.env b/.development/packages/api/.env
similarity index 90%
rename from .dev/packages/api/.env
rename to .development/packages/api/.env
index 23e79de..c1c1db5 100644
--- a/.dev/packages/api/.env
+++ b/.development/packages/api/.env
@@ -14,7 +14,7 @@ PLATFORM_BASE_URL="http://localhost:5173"
 WEBSITE_BASE_URL="http://localhost:5174"
 
 # Database (Docker Compose)
-SQL_DATABASE_URL="postgres://postgres:admin@localhost:5432/default"
+SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
 
 # Storage (RustFS via Docker Compose)
 STORAGE_ENDPOINT="http://rustfs:9000"
diff --git a/.dev/packages/api/Dockerfile b/.development/packages/api/Dockerfile
similarity index 70%
rename from .dev/packages/api/Dockerfile
rename to .development/packages/api/Dockerfile
index 664a35b..3b0804d 100644
--- a/.dev/packages/api/Dockerfile
+++ b/.development/packages/api/Dockerfile
@@ -10,16 +10,16 @@ ARG PNPM_VERSION="10.26.1"
 
 FROM node:${NODE_VERSION}-bullseye-slim
 
-# Install PNPM package manager
+# Install PNPM package manager, PostgreSQL client, and expect
 RUN npm install -g "pnpm@${PNPM_VERSION}" && \
+    apt-get update && \
+    apt-get install -y postgresql-client expect && \
     apt-get clean && \
     rm -rf /var/lib/apt/lists/*
 
 # Set working directory
 WORKDIR /workspace
 
-# Run as non-root user
-USER node
-
 # Start via entrypoint script (bind-mounted at runtime)
-ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/api/entrypoint.sh"]
+# NOTE: We don't switch to node user here - entrypoint will handle permissions
+ENTRYPOINT ["/bin/bash", "/workspace/.development/packages/api/entrypoint.sh"]
diff --git a/.development/packages/api/entrypoint.sh b/.development/packages/api/entrypoint.sh
new file mode 100644
index 0000000..53af912
--- /dev/null
+++ b/.development/packages/api/entrypoint.sh
@@ -0,0 +1,55 @@
+#!/bin/bash
+# ==============================================================================
+# API Service Entrypoint
+# ==============================================================================
+# Runs on container startup to:
+# 1. Install workspace dependencies
+# 2. Build metadata package (required by API and tools)
+# 3. Run database migrations
+# 4. Seed demo data
+# 5. Start API dev server
+# ==============================================================================
+set -e
+
+# Fix permissions for bind-mounted workspace
+# The workspace is bind-mounted from the host, so we need to ensure the node user can write to it
+echo "🔧 Fixing workspace permissions..."
+chown -R node:node /workspace
+
+# Switch to node user for the rest of the script
+echo "📦 Installing workspace dependencies..."
+su node -c "CI=true pnpm install"
+
+echo "🔨 Building @arrhes/application-metadata..."
+su node -c "pnpm --filter='@arrhes/application-metadata' build"
+
+echo "🗄️ Checking database..."
+# Check if tables already exist
+if PGPASSWORD=admin /usr/bin/psql -h postgres -U postgres -d default -c '\dt' 2>/dev/null | grep -q table_user; then
+  echo "Database tables already exist, skipping migration"
+else
+  echo "Running database migrations..."
+  # Use expect to handle interactive prompts - select first option (no truncate)
+  su node -c "cd /workspace/packages/tools && expect -c '
+    set timeout 60
+    spawn pnpm run push
+    expect {
+      \"No, add the constraint without truncating the table\" {
+        send \"\r\"
+        exp_continue
+      }
+      \"No, abort\" {
+        send \"\r\"
+        exp_continue
+      }
+      eof
+    }
+  ' || true"
+fi
+
+echo "🌱 Seeding demo data..."
+su node -c "cd /workspace/packages/tools && pnpm run seed || echo 'Seeding skipped (data may already exist)'"
+
+echo "🚀 Starting API dev server..."
+cd /workspace/packages/api
+exec su node -c "pnpm --filter='@arrhes/application-api' dev"
diff --git a/.dev/packages/dashboard/.env b/.development/packages/dashboard/.env
similarity index 100%
rename from .dev/packages/dashboard/.env
rename to .development/packages/dashboard/.env
diff --git a/.dev/packages/dashboard/Dockerfile b/.development/packages/dashboard/Dockerfile
similarity index 82%
rename from .dev/packages/dashboard/Dockerfile
rename to .development/packages/dashboard/Dockerfile
index 33d48ed..a36a7be 100644
--- a/.dev/packages/dashboard/Dockerfile
+++ b/.development/packages/dashboard/Dockerfile
@@ -18,8 +18,6 @@ RUN npm install -g "pnpm@${PNPM_VERSION}" && \
 # Set working directory
 WORKDIR /workspace
 
-# Run as non-root user
-USER node
-
 # Start via entrypoint script (bind-mounted at runtime)
-ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/dashboard/entrypoint.sh"]
+# NOTE: We don't switch to node user here - entrypoint will handle permissions
+ENTRYPOINT ["/bin/bash", "/workspace/.development/packages/dashboard/entrypoint.sh"]
diff --git a/.dev/packages/dashboard/entrypoint.sh b/.development/packages/dashboard/entrypoint.sh
similarity index 67%
rename from .dev/packages/dashboard/entrypoint.sh
rename to .development/packages/dashboard/entrypoint.sh
index 14f6210..f73adae 100644
--- a/.dev/packages/dashboard/entrypoint.sh
+++ b/.development/packages/dashboard/entrypoint.sh
@@ -9,12 +9,16 @@
 # ==============================================================================
 set -e
 
+# Fix permissions for bind-mounted workspace
+echo "🔧 Fixing workspace permissions..."
+chown -R node:node /workspace
+
 echo "📦 Installing workspace dependencies..."
-CI=true pnpm install
+su node -c "CI=true pnpm install"
 
 echo "🔨 Building @arrhes/application-metadata..."
-pnpm --filter="@arrhes/application-metadata" build
+su node -c "pnpm --filter='@arrhes/application-metadata' build"
 
 echo "🚀 Starting dashboard dev server..."
 cd /workspace/packages/dashboard
-exec pnpm --filter="@arrhes/application-dashboard" dev -- --host 0.0.0.0
+exec su node -c "pnpm --filter='@arrhes/application-dashboard' dev -- --host 0.0.0.0"
diff --git a/.development/packages/tools/.env b/.development/packages/tools/.env
new file mode 100644
index 0000000..c2697d4
--- /dev/null
+++ b/.development/packages/tools/.env
@@ -0,0 +1,2 @@
+NODE_ENV="development"
+SQL_DATABASE_URL="postgres://postgres:admin@postgres:5432/default"
diff --git a/.dev/packages/website/.env b/.development/packages/website/.env
similarity index 100%
rename from .dev/packages/website/.env
rename to .development/packages/website/.env
diff --git a/.dev/packages/website/Dockerfile b/.development/packages/website/Dockerfile
similarity index 82%
rename from .dev/packages/website/Dockerfile
rename to .development/packages/website/Dockerfile
index 49ab7ff..45cfbf9 100644
--- a/.dev/packages/website/Dockerfile
+++ b/.development/packages/website/Dockerfile
@@ -18,8 +18,6 @@ RUN npm install -g "pnpm@${PNPM_VERSION}" && \
 # Set working directory
 WORKDIR /workspace
 
-# Run as non-root user
-USER node
-
 # Start via entrypoint script (bind-mounted at runtime)
-ENTRYPOINT ["/bin/bash", "/workspace/.dev/packages/website/entrypoint.sh"]
+# NOTE: We don't switch to node user here - entrypoint will handle permissions
+ENTRYPOINT ["/bin/bash", "/workspace/.development/packages/website/entrypoint.sh"]
diff --git a/.dev/packages/website/entrypoint.sh b/.development/packages/website/entrypoint.sh
similarity index 68%
rename from .dev/packages/website/entrypoint.sh
rename to .development/packages/website/entrypoint.sh
index 1192073..fc9268c 100644
--- a/.dev/packages/website/entrypoint.sh
+++ b/.development/packages/website/entrypoint.sh
@@ -8,9 +8,13 @@
 # ==============================================================================
 set -e
 
+# Fix permissions for bind-mounted workspace
+echo "🔧 Fixing workspace permissions..."
+chown -R node:node /workspace
+
 echo "📦 Installing workspace dependencies..."
-CI=true pnpm install
+su node -c "CI=true pnpm install"
 
 echo "🚀 Starting website dev server..."
 cd /workspace/packages/website
-exec pnpm --filter="@arrhes/application-website" dev -- --host 0.0.0.0
+exec su node -c "pnpm --filter='@arrhes/application-website' dev -- --host 0.0.0.0"
diff --git a/README.md b/README.md
index 7dc6d95..5b43fbd 100644
--- a/README.md
+++ b/README.md
@@ -57,7 +57,7 @@ cd arrhes-application
 ./dev/scripts/initialize.sh
 
 # Open an interactive shell inside the devcontainer (one-line)
-docker compose -f .dev/compose.yml exec devcontainer bash
+docker compose -f .development/compose.yml exec devcontainer bash
 
 # From that shell you can start the dev servers (they must bind to 0.0.0.0 to be reachable from the host):
 # API
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index c10670a..31ad434 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -170,7 +170,7 @@ cursor .
 
 **Étape 3 : Reopen in Container**
 
-Lorsque VS Code/Cursor détecte le fichier `.dev/devcontainer.json`, une notification apparaît :
+Lorsque VS Code/Cursor détecte le fichier `.development/devcontainer.json`, une notification apparaît :
 
 > "Folder contains a Dev Container configuration file. Reopen folder to develop in a container?"
 
diff --git a/justfile b/justfile
index e15ea62..b32317b 100644
--- a/justfile
+++ b/justfile
@@ -1,10 +1,13 @@
 set shell := ["bash", "-cu"]
-COMPOSE_FILE := ".dev/compose.yml"
+COMPOSE_FILE := ".development/compose.yml"
 PROJECT := "arrhes-application"
 
-up:
-    docker compose --project-directory=".dev" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
+dev cmd:
+    @just dev-{{cmd}}
 
-down:
+dev-up:
+    docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
+
+dev-down:
     docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
-    docker compose --project-directory=".dev" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
+    docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
diff --git a/packages/tools/package.json b/packages/tools/package.json
index 2c5b501..1c0dc86 100644
--- a/packages/tools/package.json
+++ b/packages/tools/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "scripts": {
         "generate": "pnpm drizzle-kit generate --config=./src/drizzle.config.ts",
-        "push": "pnpm drizzle-kit push --config=./src/drizzle.config.ts",
+        "push": "pnpm drizzle-kit push --config=./src/drizzle.config.ts --force",
         "pull": "pnpm drizzle-kit introspect --config=./src/drizzle.config.ts",
         "migrate": "pnpm drizzle-kit migrate --config=./src/drizzle.config.ts",
         "seed": "tsx --env-file=.env ./src/seed/seed.ts",
diff --git a/packages/website/vite.config.ts b/packages/website/vite.config.ts
index f2bfe88..086bd7c 100644
--- a/packages/website/vite.config.ts
+++ b/packages/website/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
   assetsInclude: ["**/*.md", "**/*.woff2"],
   server: {
     host: true,
-    port: 5174,
+    port: 5173,
     watch: {
       usePolling: true
     },

From 2b2df0e81ff29dd2797fb3d3cd4f5e000c954140 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Tue, 23 Dec 2025 18:59:30 +0100
Subject: [PATCH 15/25] =?UTF-8?q?=F0=9F=94=A7=20chore(dev):=20update=20.de?=
 =?UTF-8?q?v=20references=20to=20.development=20in=20Docker=20config?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- update .dockerignore comment to reference .development folder
- update compose.yml volume mounts from .dev to .development across all services (api, dashboard, website)
- update compose.yml comment to reference .development versions
---
 .development/.dockerignore | 4 ++--
 .development/compose.yml   | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.development/.dockerignore b/.development/.dockerignore
index 8745f47..f4964cf 100644
--- a/.development/.dockerignore
+++ b/.development/.dockerignore
@@ -54,5 +54,5 @@ coverage
 .npmrc
 .continue
 
-# Keep .dev folder (needed for entrypoint scripts)
-!.dev
+# Keep .development folder (needed for entrypoint scripts)
+!.development
diff --git a/.development/compose.yml b/.development/compose.yml
index fa5aabc..1220093 100644
--- a/.development/compose.yml
+++ b/.development/compose.yml
@@ -92,9 +92,9 @@ services:
       - ../package.json:/workspace/package.json:cached
       - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
       - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
-      - ../.dev:/workspace/.dev:cached
+      - ../.development:/workspace/.development:cached
       
-      # Environment files - use .dev versions
+      # Environment files - use .development versions
       - ./packages/api/.env:/workspace/packages/api/.env:cached
       - ./packages/tools/.env:/workspace/packages/tools/.env:cached
       
@@ -126,7 +126,7 @@ services:
       - ../package.json:/workspace/package.json:cached
       - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
       - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
-      - ../.dev:/workspace/.dev:cached
+      - ../.development:/workspace/.development:cached
       
       # Environment file
       - ./packages/dashboard/.env:/workspace/packages/dashboard/.env:cached
@@ -152,7 +152,7 @@ services:
       - ../package.json:/workspace/package.json:cached
       - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
       - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
-      - ../.dev:/workspace/.dev:cached
+      - ../.development:/workspace/.development:cached
       
       # Environment file
       - ./packages/website/.env:/workspace/packages/website/.env:cached

From bb390bcd7f2119a767ed6fe0141c12d347977eaf Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 6 Feb 2026 22:00:04 +0100
Subject: [PATCH 16/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20restruct?=
 =?UTF-8?q?ure=20development=20environment=20and=20codebase=20organization?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- restructure Docker development setup with modular build scripts
  - split entrypoint.sh into separate install, build, migrate, seed, start scripts
  - change dashboard/website Dockerfiles to install deps at build-time (faster startup)
  - simplify compose.yml volumes to mount only source files needed for HMR
- move production Docker configs from packages/*/.docker/ to .production/packages/*/
- change API imports from #/ alias to relative ./ paths
- reorganize dashboard features:
  - move home features to website/ folder
  - move organizations page to dashboard/ folder
  - add documentation pages (guide, comptabilite sections)
- remove standalone website package (features integrated into dashboard)
- update docs to reference Panda CSS instead of Tailwind CSS
- add BUSINESS_MODEL.md documenting pricing tiers and strategy
- add justfile commands: dev-reset, dev-logs with startup banner
- add styled-system to .gitignore (Panda CSS generated files)
- apply code formatting standardization across API and dashboard
---
 .development/.dockerignore                    |   8 +-
 .development/compose.yml                      |  53 +-
 .development/packages/api/build.sh            |  10 +
 .development/packages/api/entrypoint.sh       |  54 +-
 .development/packages/api/install.sh          |  10 +
 .development/packages/api/migrate.sh          |  35 +
 .development/packages/api/seed.sh             |  12 +
 .development/packages/api/start.sh            |  11 +
 .development/packages/dashboard/.env          |   1 +
 .development/packages/dashboard/Dockerfile    |  43 +-
 .development/packages/dashboard/entrypoint.sh |  24 -
 .development/packages/website/Dockerfile      |  37 +-
 .development/packages/website/entrypoint.sh   |  20 -
 .gitignore                                    |   2 +
 .production/.gitignore                        |  17 +
 .production/compose.yml                       |   0
 .../packages/api}/.dockerignore               |   0
 .production/packages/api/.env                 |  28 +
 .../packages/api}/Dockerfile                  |   0
 .../packages/dashboard}/.dockerignore         |   0
 .production/packages/dashboard/.env           |   5 +
 .../packages/dashboard}/Dockerfile            |   0
 .../packages/dashboard}/nginx/default.conf    |   0
 docs/ARCHITECTURE.md                          |   4 +-
 docs/BUSINESS_MODEL.md                        | 101 +++
 docs/CONTRIBUTING.md                          |   2 +-
 docs/DEVELOPMENT.md                           |   2 +-
 justfile                                      |  29 +
 packages/api/src/api.ts                       |  14 +-
 packages/api/src/clients/emailClient.ts       |  60 +-
 packages/api/src/clients/sqlClient.ts         |  40 +-
 packages/api/src/clients/storageClient.ts     |  48 +-
 packages/api/src/factories/apiFactory.ts      |   4 +-
 packages/api/src/factories/authFactory.ts     |   2 +-
 packages/api/src/factories/publicFactory.ts   |   2 +-
 .../api/src/middlewares/authMiddleware.ts     | 186 ++---
 .../api/src/middlewares/publicMiddleware.ts   |  10 +-
 .../middlewares/userVerificationMiddleware.ts |  32 +-
 packages/api/src/routes/auth/authRoute.ts     |  40 +-
 .../$idOrganization/$idOrganizationRoutes.ts  |  22 +-
 .../general/deleteOneOrganization.ts          |  12 +-
 .../general/generalRoutes.ts                  |   4 +-
 .../general/updateOneOrganization.ts          |  12 +-
 .../organizationSettingsRoutes.ts             |   4 +-
 .../$idOrganizationUserRoutes.ts              |   6 +-
 .../deleteOneOrganizationUser.ts              |  12 +-
 .../readOneOrganizationUser.ts                |  10 +-
 .../updateOneOrganizationUser.ts              |  12 +-
 .../createOneOrganizationUser.ts              |  12 +-
 .../organizationUsersRoutes.ts                |   6 +-
 .../readAllOrganizationUsers.ts               |  10 +-
 .../$idOrganization/readOneOrganization.ts    |   8 +-
 .../years/$idYear/$idYearRoutes.ts            |  10 +-
 .../$idAttachment/$idAttachmentRoutes.ts      |  28 +-
 .../$idAttachment/deleteOneAttachment.ts      |  12 +-
 .../generateAttachmentGetSignedUrl.ts         |  12 +-
 .../generateAttachmentPutSignedUrl.ts         |  12 +-
 .../$idAttachment/readOneAttachment.ts        |   8 +-
 .../$idAttachment/updateOneAttachment.ts      |   8 +-
 .../$idYear/attachments/attachmentsRoutes.ts  |  20 +-
 .../attachments/createOneAttachment.ts        |   8 +-
 .../$idYear/attachments/readAllAttachments.ts |   8 +-
 .../years/$idYear/readOneYear.ts              |   8 +-
 .../records/$idRecord/$idRecordRoutes.ts      |   8 +-
 .../records/$idRecord/deleteOneRecord.ts      |   8 +-
 .../records/$idRecord/duplicateOneRecord.ts   |  14 +-
 .../records/$idRecord/readOneRecord.ts        |   8 +-
 .../records/$idRecord/updateOneRecord.ts      |   8 +-
 .../years/$idYear/records/createOneRecord.ts  |   8 +-
 .../years/$idYear/records/readAllRecords.ts   |   8 +-
 .../$idRecordRow/$idRecordRowRoutes.ts        |   6 +-
 .../$idRecordRow/deleteOneRecordRow.ts        |   8 +-
 .../$idRecordRow/readOneRecordRow.ts          |   8 +-
 .../$idRecordRow/updateOneRecordRow.ts        |   8 +-
 .../records/recordRows/createOneRecordRow.ts  |  10 +-
 .../records/recordRows/readAllRecordRows.ts   |   8 +-
 .../records/recordRows/recordRowsRoutes.ts    |   8 +-
 .../recordRows/updateManyRecordRows.ts        |  10 +-
 .../years/$idYear/records/recordsRoutes.ts    |   8 +-
 .../document/$idDocument/$idDocumentRoutes.ts |  14 +-
 .../generateDocumentGetSignedUrl.ts           |  10 +-
 .../document/$idDocument/readOneDocument.ts   |   8 +-
 .../reports/document/documentsRoutes.ts       |  16 +-
 .../reports/document/readAllDocuments.ts      |   8 +-
 .../generateBalanceSheetReportDocument.ts     |  14 +-
 .../generateIncomeStatementReportDocument.ts  |  14 +-
 .../years/$idYear/reports/reportsRoutes.ts    |   6 +-
 .../accounts/$idAccount/$idAccountRoutes.ts   |  18 +-
 .../accounts/$idAccount/deleteOneAccount.ts   |  70 +-
 .../accounts/$idAccount/readOneAccount.ts     |  72 +-
 .../accounts/$idAccount/updateOneAccount.ts   | 114 ++--
 .../yearSettings/accounts/accountsRoutes.ts   |  24 +-
 .../yearSettings/accounts/createOneAccount.ts | 150 ++---
 .../yearSettings/accounts/generateAccounts.ts | 282 ++++----
 .../yearSettings/accounts/readAllAccounts.ts  |  68 +-
 .../$idBalanceSheet/$idBalanceSheetRoutes.ts  |   6 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.ts  |   8 +-
 .../$idBalanceSheet/readOneBalanceSheet.ts    |   8 +-
 .../$idBalanceSheet/updateOneBalanceSheet.ts  |   8 +-
 .../balanceSheets/balanceSheetsRoutes.ts      |  10 +-
 .../connectAccountsToBalanceSheets.ts         | 284 ++++----
 .../balanceSheets/createOneBalanceSheet.ts    |   8 +-
 .../balanceSheets/generateBalanceSheets.ts    | 206 +++---
 .../balanceSheets/readAllBalanceSheets.ts     |   8 +-
 .../$idComputation/$idComputationRoutes.ts    |  26 +-
 .../$idComputationIncomeStatementRoutes.ts    |  20 +-
 .../deleteOneComputationIncomeStatement.ts    |   8 +-
 .../readOneComputationIncomeStatement.ts      |   8 +-
 .../updateOneComputationIncomeStatement.ts    |   8 +-
 .../computationIncomeStatementsRoutes.ts      |  24 +-
 .../createOneComputationIncomeStatement.ts    |   8 +-
 .../readAllComputationIncomeStatements.ts     |   8 +-
 .../$idComputation/deleteOneComputation.ts    |   8 +-
 .../$idComputation/readOneComputation.ts      |   8 +-
 .../$idComputation/updateOneComputation.ts    |   8 +-
 .../computations/computationsRoutes.ts        |  26 +-
 .../computations/createOneComputation.ts      |   8 +-
 .../computations/generateComputations.ts      | 224 +++----
 .../computations/readAllComputations.ts       |   8 +-
 .../$idYear/yearSettings/general/closeYear.ts |   8 +-
 .../yearSettings/general/deleteOneYear.ts     |   8 +-
 .../yearSettings/general/generalRoutes.ts     |  12 +-
 .../$idYear/yearSettings/general/openYear.ts  |   6 +-
 .../general/settleBalanceSheet.ts             |   6 +-
 .../general/settleIncomeStatement.ts          |   6 +-
 .../yearSettings/general/updateOneYear.ts     |   8 +-
 .../$idIncomeStatementRoutes.ts               |   6 +-
 .../deleteOneIncomeStatement.ts               |   8 +-
 .../readOneIncomeStatement.ts                 |   8 +-
 .../updateOneIncomeStatement.ts               |   8 +-
 .../connectAccountsToIncomeStatements.ts      | 206 +++---
 .../createOneIncomeStatement.ts               |   8 +-
 .../generateIncomeStatements.ts               | 198 +++---
 .../incomeStatementsRoutes.ts                 |  10 +-
 .../readAllIncomeStatements.ts                |   8 +-
 .../journals/$idJournal/$idJournalRoute.ts    |   6 +-
 .../journals/$idJournal/deleteOneJournal.ts   |   8 +-
 .../journals/$idJournal/readOneJournal.ts     |   8 +-
 .../journals/$idJournal/updateOneJournal.ts   |   8 +-
 .../yearSettings/journals/createOneJournal.ts |   8 +-
 .../yearSettings/journals/generateJournals.ts | 140 ++--
 .../yearSettings/journals/journalsRoutes.ts   |   8 +-
 .../yearSettings/journals/readAllJournals.ts  |   8 +-
 .../$idRecordLabel/$idRecordLabelRoutes.ts    |  18 +-
 .../$idRecordLabel/deleteOneRecordLabel.ts    |  70 +-
 .../$idRecordLabel/readOneRecordLabel.ts      |  72 +-
 .../$idRecordLabel/updateOneRecordLabel.ts    |  84 +--
 .../recordLabels/createOneRecordLabel.ts      |  80 +--
 .../recordLabels/readAllRecordLabels.ts       |  68 +-
 .../recordLabels/recordLabelsRoutes.ts        |  20 +-
 .../$idYear/yearSettings/yearSettingsRoute.ts |  14 +-
 .../$idOrganization/years/createOneYear.ts    |   8 +-
 .../$idOrganization/years/readAllYears.ts     |   8 +-
 .../$idOrganization/years/yearsRoutes.ts      |  20 +-
 .../activateOrganizationMembership.ts         |   8 +-
 .../auth/organizations/addNewOrganization.ts  |   8 +-
 .../organizations/getAllMyOrganizations.ts    |   6 +-
 .../auth/organizations/organizationsRoutes.ts |   8 +-
 .../src/routes/auth/settings/activateUser.ts  |  10 +-
 .../routes/auth/settings/readUserSession.ts   |   6 +-
 .../routes/auth/settings/settingsRoutes.ts    |  12 +-
 .../src/routes/auth/settings/updateUser.ts    |   8 +-
 .../routes/auth/settings/updateUserEmail.ts   |  12 +-
 .../auth/settings/updateUserPassword.ts       |  10 +-
 .../routes/auth/settings/validateUserEmail.ts |  10 +-
 .../routes/auth/support/sendSupportMessage.ts |  10 +-
 .../src/routes/auth/support/supportRoutes.ts  |   2 +-
 packages/api/src/routes/public/publicRoute.ts |  24 +-
 .../api/src/routes/public/sendMagicLink.ts    |  62 +-
 packages/api/src/routes/public/signIn.ts      | 198 +++---
 packages/api/src/routes/public/signOut.ts     | 180 ++---
 packages/api/src/routes/public/signUp.ts      | 248 +++----
 packages/api/src/routes/routes.ts             |  16 +-
 packages/api/src/server.ts                    |   6 +-
 packages/api/src/utilities/apiLog.ts          |   4 +-
 .../api/src/utilities/cookies/parseCookies.ts |   2 +-
 .../api/src/utilities/cookies/signString.ts   |   2 +-
 .../api/src/utilities/cookies/unsignString.ts |   4 +-
 packages/api/src/utilities/email/sendEmail.ts |  72 +-
 .../balanceSheetAssetsReportItem.tsx          |   6 +-
 .../balanceSheetAssetsReportRow.tsx           |   4 +-
 .../balanceSheetAssetsReportTable.tsx         |   8 +-
 .../balanceSheetLiabilitiesReportItem.tsx     |   6 +-
 .../balanceSheetLiabilitiesReportRow.tsx      |   4 +-
 .../balanceSheetLiabilitiesReportTable.tsx    |   8 +-
 .../balanceSheetReport/balanceSheetReport.tsx |   4 +-
 .../incomeStatementReport.tsx                 |   2 +-
 .../incomeStatementReportItem.tsx             |   6 +-
 .../incomeStatementReportRow.tsx              |   4 +-
 .../incomeStatementsReportTable.tsx           |  10 +-
 packages/api/src/utilities/getClients.ts      |   8 +-
 packages/api/src/utilities/getEnv.ts          |  90 +--
 packages/api/src/utilities/response.ts        |   8 +-
 packages/api/src/utilities/safeParseJSON.ts   |   4 +-
 packages/api/src/utilities/sql/deleteMany.ts  |   4 +-
 packages/api/src/utilities/sql/deleteOne.ts   |   4 +-
 packages/api/src/utilities/sql/insertMany.ts  |   4 +-
 packages/api/src/utilities/sql/insertOne.ts   |   4 +-
 packages/api/src/utilities/sql/selectMany.ts  |   4 +-
 packages/api/src/utilities/sql/selectOne.ts   |   4 +-
 packages/api/src/utilities/sql/updateOne.ts   |   4 +-
 .../api/src/utilities/storage/deleteObject.ts |   6 +-
 .../storage/generateDeleteSignedUrl.ts        |   6 +-
 .../utilities/storage/generateGetSignedUrl.ts |   8 +-
 .../utilities/storage/generatePutSignedUrl.ts |   6 +-
 .../api/src/utilities/storage/getObject.ts    |   6 +-
 .../api/src/utilities/storage/putObject.ts    |   6 +-
 packages/api/src/utilities/validate.ts        |  58 +-
 packages/api/src/validators/bodyValidator.ts  |  48 +-
 packages/dashboard/package.json               |  15 +-
 packages/dashboard/panda.config.ts            |  26 +
 packages/dashboard/postcss.config.cjs         |   5 +
 packages/dashboard/public/favicon.svg         |  23 +
 packages/dashboard/src/assets/css/root.css    | 155 +++--
 packages/dashboard/src/assets/css/theme.css   |  50 +-
 .../src/components/buttons/button.tsx         |  55 --
 .../src/components/buttons/buttonGhost.tsx    |  28 -
 .../components/buttons/buttonGhostContent.tsx | 108 ---
 .../src/components/buttons/buttonOutline.tsx  |  28 -
 .../buttons/buttonOutlineContent.tsx          | 132 ----
 .../src/components/buttons/buttonPlain.tsx    |  28 -
 .../components/buttons/buttonPlainContent.tsx |  87 ---
 .../src/components/document/docDefinition.tsx |  28 +
 .../src/components/document/docExample.tsx    |  33 +
 .../src/components/document/docIndexLink.tsx  |  20 +
 .../src/components/document/docLink.tsx       |  20 +
 .../src/components/document/docList.tsx       |  22 +
 .../src/components/document/docNextPage.tsx   |  48 ++
 .../src/components/document/docParagraph.tsx  |  16 +
 .../src/components/document/docSection.tsx    |  23 +
 .../src/components/document/docTable.tsx      |  55 ++
 .../src/components/formats/formatBase.tsx     |  49 +-
 .../src/components/formats/formatBoolean.tsx  |  50 +-
 .../src/components/formats/formatDate.tsx     |  76 +--
 .../src/components/formats/formatDateTime.tsx | 112 ++--
 .../src/components/formats/formatError.tsx    |  46 +-
 .../src/components/formats/formatFileSize.tsx |  73 +-
 .../src/components/formats/formatLink.tsx     |  80 ++-
 .../src/components/formats/formatNull.tsx     |  49 +-
 .../src/components/formats/formatPrice.tsx    | 110 +--
 .../src/components/formats/formatSelect.tsx   |  60 +-
 .../src/components/formats/formatText.tsx     |  49 +-
 .../src/components/forms/formControl.tsx      |  54 +-
 .../src/components/forms/formError.tsx        |  55 +-
 .../src/components/forms/formItem.tsx         |  46 +-
 .../src/components/forms/formLabel.tsx        | 159 +++--
 .../src/components/forms/formRoot.tsx         | 196 +++---
 .../src/components/forms/formSubmit.tsx       | 102 +--
 .../src/components/forms/useFormField.tsx     |  60 +-
 .../src/components/inputs/inputCombobox.tsx   | 368 +++++-----
 .../inputs/inputComboboxMultiple.tsx          | 355 +++++-----
 .../components/inputs/inputDataCombobox.tsx   |  78 +--
 .../src/components/inputs/inputDate.tsx       | 192 +++---
 .../src/components/inputs/inputDisabled.tsx   |  61 +-
 .../src/components/inputs/inputFile.tsx       | 125 ++--
 .../src/components/inputs/inputNumber.tsx     | 139 ++--
 .../src/components/inputs/inputPassword.tsx   | 139 ++--
 .../src/components/inputs/inputRating.tsx     | 110 +--
 .../src/components/inputs/inputSelect.tsx     | 364 +++++-----
 .../src/components/inputs/inputSwitch.tsx     | 106 +--
 .../src/components/inputs/inputText.tsx       | 106 +--
 .../src/components/inputs/inputTextArea.tsx   | 112 ++--
 .../src/components/inputs/inputToggle.tsx     | 136 ++--
 .../src/components/layouts/banner.tsx         |  45 +-
 .../dashboard/src/components/layouts/box.tsx  |  53 +-
 .../components/layouts/card/cardContent.tsx   |  45 +-
 .../components/layouts/card/cardHeader.tsx    |  48 +-
 .../src/components/layouts/card/cardRoot.tsx  |  53 +-
 .../dashboard/src/components/layouts/chip.tsx | 146 ++--
 .../src/components/layouts/circularLoader.tsx |  36 +-
 .../src/components/layouts/command.tsx        | 386 +++++++----
 .../layouts/dataBlock/dataBlockContent.tsx    |  48 +-
 .../layouts/dataBlock/dataBlockHeader.tsx     |  46 +-
 .../layouts/dataBlock/dataBlockItem.tsx       | 102 +--
 .../layouts/dataBlock/dataBlockRoot.tsx       |  45 +-
 .../src/components/layouts/dataTable.tsx      | 368 ++++++----
 .../src/components/layouts/dataWrapper.tsx    |  16 +-
 .../layouts/dropdownMenu/dropdownContent.tsx  |  21 +-
 .../layouts/dropdownMenu/dropdownItem.tsx     |   9 +-
 .../layouts/dropdownMenu/dropdownLabel.tsx    |   9 +-
 .../dropdownMenu/dropdownSeparator.tsx        |  11 +-
 .../layouts/dropdownMenu/dropdownTrigger.tsx  |  13 +-
 .../dashboard/src/components/layouts/logo.tsx |  45 +-
 .../components/layouts/page/pageContent.tsx   |  51 +-
 .../components/layouts/page/pageHeader.tsx    | 100 +--
 .../src/components/layouts/page/pageRoot.tsx  |  59 +-
 .../components/layouts/page/pageSeparator.tsx |  41 +-
 .../src/components/layouts/pageLayout.tsx     | 196 ++++--
 .../layouts/section/sectionItem.tsx           |  47 +-
 .../layouts/section/sectionRoot.tsx           |  47 +-
 .../src/components/layouts/subPageLayout.tsx  | 195 ++++--
 .../layouts/table/tableBody/tableBodyCell.tsx |  54 +-
 .../layouts/table/tableBody/tableBodyRoot.tsx |  36 +-
 .../layouts/table/tableBody/tableBodyRow.tsx  |  41 +-
 .../table/tableHeader/tableHeaderCell.tsx     |  48 +-
 .../table/tableHeader/tableHeaderRoot.tsx     |  40 +-
 .../table/tableHeader/tableHeaderRow.tsx      |  36 +-
 .../components/layouts/table/tableRoot.tsx    |  10 +-
 .../src/components/layouts/title.tsx          |  38 +-
 .../src/components/layouts/virtualizer.tsx    | 121 ++--
 .../overlays/dialog/dialogContent.tsx         |  81 ++-
 .../overlays/dialog/dialogDescription.tsx     |  41 +-
 .../overlays/dialog/dialogFooter.tsx          |  43 +-
 .../overlays/dialog/dialogHeader.tsx          |  69 +-
 .../overlays/dialog/dialogOverlay.tsx         |  59 +-
 .../overlays/dialog/dialogTitle.tsx           |  44 +-
 .../components/overlays/drawer/drawerBody.tsx |  33 +-
 .../overlays/drawer/drawerContent.tsx         | 116 ++--
 .../overlays/drawer/drawerHeader.tsx          |  71 +-
 .../overlays/drawer/drawerTrigger.tsx         |  42 +-
 .../overlays/popover/popoverContent.tsx       |  71 +-
 .../components/overlays/toast/toastAction.tsx |  50 +-
 .../components/overlays/toast/toastClose.tsx  |  60 +-
 .../overlays/toast/toastContent.tsx           | 189 ++++--
 .../overlays/toast/toastDescription.tsx       |  37 +-
 .../components/overlays/toast/toastTitle.tsx  |  46 +-
 .../overlays/toast/toastViewport.tsx          |  53 +-
 .../overlays/tooltip/tooltipContent.tsx       |  53 +-
 .../src/contexts/data/dataProvider.tsx        |  28 +-
 .../src/contexts/router/routerProvider.tsx    |  22 +-
 .../src/contexts/toasts/toastProvider.tsx     |  95 +--
 .../dashboard/src/contexts/toasts/useToast.ts | 382 +++++------
 .../dashboard/src/features/breadcrumbs.tsx    | 139 ++--
 .../dashboardLayout.tsx}                      | 273 ++++----
 .../$idOrganization/organizationLayout.tsx    |  64 +-
 .../deleteOneOrganization.tsx                 |  22 +-
 .../organizationSettingsLayout.tsx            |   6 +-
 .../organizationSettingsPage.tsx              | 117 ++--
 .../deleteOneOrganizationUser.tsx             |  20 +-
 .../updateOneOrganizationUser.tsx             | 212 +++---
 .../createOneOrganizationUser.tsx             | 264 ++++----
 .../organizationUsersPage.tsx                 |  66 +-
 .../organizationUsersTable.tsx                | 149 +++--
 .../updateOneOrganization.tsx                 | 290 ++++----
 .../$idAttachment/attachmentData.tsx          |   8 +-
 .../$idAttachment/attachmentFile.tsx          |  11 +-
 .../$idAttachment/attachmentPage.tsx          |  48 +-
 .../$idAttachment/deleteOneAttachment.tsx     |  22 +-
 .../$idAttachment/updateOneAttachment.tsx     | 436 ++++++------
 .../$idYear/attachments/attachmentSelect.tsx  |  78 +--
 .../$idYear/attachments/attachmentsPage.tsx   |   8 +-
 .../$idYear/attachments/attachmentsTable.tsx  | 195 +++---
 .../attachments/createOneAttachment.tsx       | 420 ++++++------
 .../$idRecordRow/deleteOneRecordRow.tsx       |  22 +-
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |  46 +-
 .../$idRecordRow/updateOneRecordRow.tsx       | 621 ++++++++---------
 .../records/$idRecord/createOneRecordRow.tsx  | 633 +++++++++---------
 .../records/$idRecord/deleteOneRecord.tsx     |  22 +-
 .../records/$idRecord/duplicateOneRecord.tsx  |  22 +-
 .../$idYear/records/$idRecord/recordPage.tsx  |  58 +-
 .../records/$idRecord/recordRowsTable.tsx     | 322 ++++-----
 .../$idRecord/updateManyRecordRows.tsx        | 463 ++++++-------
 .../records/$idRecord/updateOneRecord.tsx     | 444 ++++++------
 .../years/$idYear/records/createOneRecord.tsx | 450 ++++++-------
 .../years/$idYear/records/recordsPage.tsx     |  25 +-
 .../balanceReport/balanceReportPage.tsx       |  10 +-
 .../balanceReport/balanceReportTable.tsx      |  65 +-
 .../balanceSheetAssetsReportItem.tsx          | 222 +++---
 .../balanceSheetAssetsReportRow.tsx           | 124 ++--
 .../balanceSheetAssetsReportTable.tsx         | 253 +++----
 .../balanceSheetLiabilitiesReportItem.tsx     | 202 +++---
 .../balanceSheetLiabilitiesReportTable.tsx    | 225 +++----
 .../balanceSheetLiabilityiesReportRow.tsx     |  86 +--
 .../balanceSheetReportPage.tsx                |  36 +-
 .../downloadBalanceSheetReport.tsx            | 112 ++--
 .../downloadIncomeStatementReport.tsx         | 112 ++--
 .../incomeStatementReportItem.tsx             | 172 ++---
 .../incomeStatementReportPage.tsx             |  22 +-
 .../incomeStatementReportRow.tsx              |  86 +--
 .../incomeStatementsReportTable.tsx           | 320 ++++-----
 .../journalReport/journalReportPage.tsx       |  10 +-
 .../journalReport/journalReportTable.tsx      |  80 +--
 .../reports/ledgerReport/ledgerReportPage.tsx |  10 +-
 .../ledgerReport/ledgerReportTable.tsx        |  65 +-
 .../years/$idYear/reports/reportsLayout.tsx   |   6 +-
 .../years/$idYear/yearLayout.tsx              | 104 +--
 .../accounts/$idAccount/accountPage.tsx       |  42 +-
 .../accounts/$idAccount/deleteOneAccount.tsx  |  22 +-
 .../accounts/$idAccount/updateOneAccount.tsx  | 592 ++++++++--------
 .../yearSettings/accounts/accountItem.tsx     | 194 +++---
 .../yearSettings/accounts/accountSelect.tsx   |  78 +--
 .../yearSettings/accounts/accountsPage.tsx    |  50 ++
 .../yearSettings/accounts/accountsTable.tsx   |  23 +-
 .../accounts/createOneAccount.tsx             | 582 ++++++++--------
 .../accounts/generateAccounts.tsx             | 276 ++++----
 .../yearSettings/accounts/groupAccounts.tsx   |   0
 .../yearSettings/accounts/sortAccounts.tsx    |   0
 .../$idBalanceSheet/balanceSheetPage.tsx      |  40 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |  22 +-
 .../$idBalanceSheet/updateOneBalanceSheet.tsx | 362 +++++-----
 .../balanceSheets/balanceSheetItem.tsx        |  96 +--
 .../balanceSheets/balanceSheetRow.tsx         | 156 +++--
 .../balanceSheets/balanceSheetSelect.tsx      |  84 +--
 .../balanceSheets/balanceSheetTable.tsx       |  23 +-
 .../balanceSheets/balanceSheetsPage.tsx       |  39 +-
 .../connectAccountsToBalanceSheets.tsx        | 184 ++---
 .../balanceSheets/createOneBalanceSheet.tsx   | 350 +++++-----
 .../balanceSheets/generateBalanceSheets.tsx   | 188 +++---
 .../balanceSheets/getBalanceSheetChildren.tsx |   0
 .../balanceSheets/getBalanceSheetLevel.tsx    |   0
 .../$idYear/yearSettings/deleteOneYear.tsx    |  22 +-
 .../deleteOneIncomeStatement.tsx              |  22 +-
 .../incomeStatementPage.tsx                   |  40 +-
 .../updateOneIncomeStatement.tsx              | 330 ++++-----
 .../computationIncomeStatementPage.tsx        |  42 +-
 .../deleteOneComputationIncomeStatement.tsx   |  22 +-
 .../updateOneComputationIncomeStatement.tsx   | 298 ++++-----
 .../computationIncomeStatementTable.tsx       |  19 +-
 .../createOneComputationIncomeStatement.tsx   | 282 ++++----
 .../$idComputation/computationPage.tsx        |  42 +-
 .../$idComputation/deleteOneComputation.tsx   |  22 +-
 .../$idComputation/updateOneComputation.tsx   | 270 ++++----
 .../computations/computationsTable.tsx        |  20 +-
 .../computations/createOneComputation.tsx     | 254 +++----
 .../computations/generateComputations.tsx     | 188 +++---
 .../connectAccountsToIncomeStatements.tsx     | 184 ++---
 .../createOneIncomeStatement.tsx              | 316 ++++-----
 .../generateIncomeStatement.tsx               | 188 +++---
 .../getIncomeStatementChildren.tsx            |   0
 .../getIncomeStatementLevel.tsx               |   0
 .../incomeStatements/incomeStatementItem.tsx  |  94 +--
 .../incomeStatements/incomeStatementRow.tsx   | 128 ++--
 .../incomeStatements/incomeStatementsPage.tsx |  47 +-
 .../incomeStatementsTable.tsx                 |  21 +-
 .../journals/$idJournal/deleteOneJournal.tsx  |  22 +-
 .../journals/$idJournal/journalPage.tsx       |  41 +-
 .../journals/$idJournal/updateOneJournal.tsx  | 270 ++++----
 .../journals/createOneJournal.tsx             | 254 +++----
 .../journals/generateJournals.tsx             | 188 +++---
 .../yearSettings/journals/journalSelect.tsx   |  78 +--
 .../yearSettings/journals/journalsPage.tsx    |  40 +-
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |  22 +-
 .../$idRecordLabel/recordLabelPage.tsx        |  39 +-
 .../$idRecordLabel/updateOneRecordLabel.tsx   | 228 +++----
 .../recordLabels/createOneRecordLabel.tsx     | 212 +++---
 .../recordLabels/recordLabelSelect.tsx        |  78 +--
 .../recordLabels/recordLabelsPage.tsx         |  32 +-
 .../$idYear/yearSettings/updateOneYear.tsx    | 338 +++++-----
 .../yearSettings/yearSettingsLayout.tsx       |   6 +-
 .../$idYear/yearSettings/yearSettingsPage.tsx |  25 +-
 .../$idOrganization/years/createOneYear.tsx   | 342 +++++-----
 .../$idOrganization/years/yearCard.tsx        |  72 ++
 .../$idOrganization/years/yearSelect.tsx      |  74 +-
 .../$idOrganization/years/yearsPage.tsx       |  67 ++
 .../organizations/addNewOrganization.tsx      | 336 +++++-----
 .../organizations/organizationCard.tsx        |  72 ++
 .../organizations/organizationsPage.tsx       |  58 ++
 .../{ => dashboard}/settings/settingsPage.tsx |   2 +-
 .../support/contactSupportForm.tsx            |  22 +-
 .../{ => dashboard}/support/supportPage.tsx   |  26 +-
 .../features/docs/comptabilite/comptes.tsx    | 245 +++++++
 .../features/docs/comptabilite/documents.tsx  | 267 ++++++++
 .../features/docs/comptabilite/ecritures.tsx  | 235 +++++++
 .../docs/comptabilite/introduction.tsx        | 123 ++++
 .../src/features/docs/documentationIndex.tsx  | 193 ++++++
 .../src/features/docs/documentationLayout.tsx | 191 ++++++
 .../src/features/docs/guide/demarrage.tsx     | 101 +++
 .../src/features/docs/guide/ecritures.tsx     | 141 ++++
 .../src/features/docs/guide/organisations.tsx | 132 ++++
 .../src/features/docs/guide/rapports.tsx      | 163 +++++
 .../src/features/error/errorPage.tsx          |  21 +-
 .../src/features/home/documentationBanner.tsx |  27 -
 .../src/features/home/organizationsBanner.tsx |  25 -
 .../yearSettings/accounts/accountsPage.tsx    |  48 --
 .../$idOrganization/years/yearsPage.tsx       |  75 ---
 .../organizations/organizationsPage.tsx       |  67 --
 .../dashboard/src/features/rootLayout.tsx     |  60 +-
 .../src/features/signIn/signInPage.tsx        |  77 ++-
 .../src/features/signUp/signUpPage.tsx        |  46 +-
 .../features/website/documentationBanner.tsx  |  29 +
 .../src/features/website/featureCard.tsx      |  45 ++
 .../features/{home => website}/homePage.tsx   |   6 +-
 .../src/features/website/landingPage.tsx      | 273 ++++++++
 .../features/website/organizationsBanner.tsx  |  27 +
 packages/dashboard/src/index.html             |   8 +-
 .../dashboard/src/routes/platformRouter.tsx   |  50 +-
 packages/dashboard/src/routes/platformTree.ts | 198 +-----
 .../src/routes/root/auth/homeRoute.tsx        |  15 -
 .../organizationSettingsRoute.tsx             |  16 -
 .../organizationUsersRoute.tsx                |  16 -
 .../$idAttachment/attachmentRoute.tsx         |  16 -
 .../$idYear/attachments/attachmentsRoute.tsx  |  15 -
 .../$idRecord/$idRecordRow/recordRowRoute.tsx |  15 -
 .../$idYear/records/$idRecord/recordRoute.tsx |  15 -
 .../years/$idYear/records/recordsRoute.tsx    |  15 -
 .../$idYear/reports/balanceReportRoute.tsx    |  15 -
 .../reports/balanceSheetReportRoute.tsx       |  15 -
 .../reports/incomeStatementReportRoute.tsx    |  15 -
 .../$idYear/reports/journalReportRoute.tsx    |  15 -
 .../$idYear/reports/ledgerReportRoute.tsx     |  15 -
 .../accounts/$idAccount/accountRoute.tsx      |  15 -
 .../yearSettings/accounts/accountsRoute.tsx   |  15 -
 .../$idBalanceSheet/balanceSheetRoute.tsx     |  15 -
 .../balanceSheets/balanceSheetsRoute.tsx      |  15 -
 .../incomeStatementRoute.tsx                  |  15 -
 .../computationIncomeStatementRoute.tsx       |  15 -
 .../$idComputation/computationRoute.tsx       |  15 -
 .../incomeStatementsRoute.tsx                 |  15 -
 .../journals/$idJournal/journalRoute.tsx      |  15 -
 .../yearSettings/journals/journalsRoute.tsx   |  15 -
 .../$idRecordLabel/recordLabelRoute.tsx       |  15 -
 .../recordLabels/recordLabelsRoute.tsx        |  15 -
 .../yearSettings/yearSettingsRoute.tsx        |  15 -
 .../src/routes/root/authLayoutRoute.tsx       |  23 -
 .../root/dashboard/dashboardLayoutRoute.tsx   |  23 +
 .../root/dashboard/dashboardRootRoute.tsx     |  14 +
 .../routes/root/dashboard/dashboardTree.ts    | 164 +++++
 .../organizationLayoutRoute.tsx               |  30 +-
 .../$idOrganization/organizationPathRoute.tsx |  22 +-
 .../$idOrganization/organizationRoute.tsx     |   2 +-
 .../organizationSettingsLayoutRoute.tsx       |   4 +-
 .../organizationSettingsRoute.tsx             |  16 +
 .../organizationUsersLayoutRoute.tsx          |   2 +-
 .../organizationUsersRoute.tsx                |  16 +
 .../$idAttachment/attachmentLayoutRoute.tsx   |  28 +-
 .../$idAttachment/attachmentRoute.tsx         |  16 +
 .../attachments/attachmentsLayoutRoute.tsx    |   2 +-
 .../$idYear/attachments/attachmentsRoute.tsx  |  15 +
 .../$idRecordRow/recordRowLayoutRoute.tsx     |   2 +-
 .../$idRecord/$idRecordRow/recordRowRoute.tsx |  15 +
 .../records/$idRecord/recordLayoutRoute.tsx   |   2 +-
 .../$idYear/records/$idRecord/recordRoute.tsx |  15 +
 .../$idYear/records/recordsLayoutRoute.tsx    |   2 +-
 .../years/$idYear/records/recordsRoute.tsx    |  15 +
 .../$idYear/reports/balanceReportRoute.tsx    |  15 +
 .../reports/balanceSheetReportRoute.tsx       |  15 +
 .../reports/incomeStatementReportRoute.tsx    |  15 +
 .../$idYear/reports/journalReportRoute.tsx    |  15 +
 .../$idYear/reports/ledgerReportRoute.tsx     |  15 +
 .../$idYear/reports/reportsLayoutRoute.tsx    |   4 +-
 .../years/$idYear/reports/reportsRoute.tsx    |   2 +-
 .../years/$idYear/yearLayoutRoute.tsx         |  30 +-
 .../years/$idYear/yearPathRoute.tsx           |  22 +-
 .../years/$idYear/yearRoute.tsx               |   2 +-
 .../$idAccount/accountLayoutRoute.tsx         |   2 +-
 .../accounts/$idAccount/accountRoute.tsx      |  15 +
 .../accounts/accountsLayoutRoute.tsx          |   2 +-
 .../yearSettings/accounts/accountsRoute.tsx   |  15 +
 .../balanceSheetLayoutRoute.tsx               |   2 +-
 .../$idBalanceSheet/balanceSheetRoute.tsx     |  15 +
 .../balanceSheetsLayoutRoute.tsx              |   2 +-
 .../balanceSheets/balanceSheetsRoute.tsx      |  15 +
 .../incomeStatementLayoutRoute.tsx            |   2 +-
 .../incomeStatementRoute.tsx                  |  15 +
 .../computationIncomeStatementLayoutRoute.tsx |   2 +-
 .../computationIncomeStatementRoute.tsx       |  15 +
 .../$idComputation/computationLayoutRoute.tsx |   2 +-
 .../$idComputation/computationRoute.tsx       |  15 +
 .../computations/computationsLayoutRoute.tsx  |   2 +-
 .../computations/computationsRoute.tsx        |   2 +-
 .../incomeStatementsLayoutRoute.tsx           |   2 +-
 .../incomeStatementsRoute.tsx                 |  15 +
 .../$idJournal/journalLayoutRoute.tsx         |   2 +-
 .../journals/$idJournal/journalRoute.tsx      |  15 +
 .../journals/journalsLayoutRoute.tsx          |   2 +-
 .../yearSettings/journals/journalsRoute.tsx   |  15 +
 .../$idRecordLabel/recordLabelLayoutRoute.tsx |   2 +-
 .../$idRecordLabel/recordLabelRoute.tsx       |  15 +
 .../recordLabels/recordLabelsLayoutRoute.tsx  |   2 +-
 .../recordLabels/recordLabelsRoute.tsx        |  15 +
 .../yearSettings/yearSettingsLayoutRoute.tsx  |   4 +-
 .../yearSettings/yearSettingsRoute.tsx        |  15 +
 .../years/yearsLayoutRoute.tsx                |   2 +-
 .../$idOrganization/years/yearsPathRoute.tsx  |   2 +-
 .../$idOrganization/years/yearsRoute.tsx      |   4 +-
 .../organizationsLayoutRoute.tsx              |  28 +-
 .../organizations/organizationsRoute.tsx      |  30 +-
 .../settings/settingsLayoutRoute.tsx          |  28 +-
 .../settings/settingsRoute.tsx                |   4 +-
 .../support/supportRoute.tsx                  |  30 +-
 .../docs/accounting/accountingLayoutRoute.tsx |  11 +
 .../root/docs/accounting/accountsRoute.tsx    |  15 +
 .../root/docs/accounting/documentsRoute.tsx   |  15 +
 .../docs/accounting/introductionRoute.tsx     |  15 +
 .../root/docs/accounting/recordsRoute.tsx     |  15 +
 .../src/routes/root/docs/docsLayoutRoute.tsx  |  19 +
 .../src/routes/root/docs/docsRootRoute.tsx    |  15 +
 .../src/routes/root/docs/docsTree.ts          |  30 +
 .../routes/root/docs/guide/demarrageRoute.tsx |  15 +
 .../root/docs/guide/guideLayoutRoute.tsx      |  11 +
 .../root/docs/guide/organisationsRoute.tsx    |  15 +
 .../routes/root/docs/guide/rapportsRoute.tsx  |  15 +
 .../root/docs/guide/recordRowsRoute.tsx       |  15 +
 .../dashboard/src/routes/root/errorRoute.tsx  |  30 +-
 .../root/{public => signIn}/signInRoute.tsx   |  44 +-
 .../root/{public => signUp}/signUpRoute.tsx   |  54 +-
 .../src/routes/root/website/landingRoute.tsx  |  15 +
 .../websiteLayoutRoute.tsx}                   |  32 +-
 .../dashboard/src/routes/rootLayoutRoute.tsx  |  72 +-
 packages/dashboard/src/utilities/cn.ts        |  14 +-
 .../utilities/cookies/getIsAuthenticated.ts   |   2 +-
 .../src/utilities/cookies/getUserSession.ts   |   4 +-
 .../dashboard/src/utilities/invalidateData.ts |   2 +-
 packages/dashboard/src/utilities/postAPI.ts   | 152 ++---
 .../dashboard/src/utilities/useHTTPData.ts    |   2 +-
 packages/dashboard/tsconfig.json              |  71 +-
 packages/dashboard/vite.config.ts             |  95 ++-
 packages/metadata/src/models/account.ts       |   8 +-
 packages/metadata/src/models/attachment.ts    |   4 +-
 packages/metadata/src/models/balanceSheet.ts  |   6 +-
 packages/metadata/src/models/computation.ts   |   4 +-
 .../src/models/computationIncomeStatement.ts  |   6 +-
 packages/metadata/src/models/document.ts      |   8 +-
 .../metadata/src/models/incomeStatement.ts    |   4 +-
 packages/metadata/src/models/journal.ts       |   4 +-
 packages/metadata/src/models/organization.ts  |   6 +-
 .../metadata/src/models/organizationUser.ts   |   6 +-
 packages/metadata/src/models/record.ts        |   6 +-
 packages/metadata/src/models/recordLabel.ts   |   6 +-
 packages/metadata/src/models/recordRow.ts     |   4 +-
 packages/metadata/src/models/user.ts          |   4 +-
 packages/metadata/src/models/userSession.ts   |   4 +-
 packages/metadata/src/models/year.ts          |   4 +-
 .../deleteOneOrganization.ts                  |   6 +-
 .../createOneOrganizationUser.ts              |   8 +-
 .../deleteOneOrganizationUser.ts              |   6 +-
 .../readAllOrganizationUsers.ts               |   8 +-
 .../readOneOrganizationUser.ts                |   8 +-
 .../updateOneOrganizationUser.ts              |   6 +-
 .../updateOneOrganization.ts                  |   6 +-
 .../$idOrganization/readOneOrganization.ts    |   6 +-
 .../$idAttachment/deleteOneAttachment.ts      |   6 +-
 .../generateAttachmentGetSignedUrl.ts         |   6 +-
 .../generateAttachmentPutSignedUrl.ts         |   6 +-
 .../$idAttachment/readOneAttachment.ts        |   6 +-
 .../$idAttachment/updateOneAttachment.ts      |   6 +-
 .../attachments/createOneAttachment.ts        |   6 +-
 .../$idYear/attachments/readAllAttachments.ts |   6 +-
 .../years/$idYear/readOneYear.ts              |   6 +-
 .../records/$idRecord/computeOneRecord.ts     |   6 +-
 .../records/$idRecord/deleteOneRecord.ts      |   6 +-
 .../records/$idRecord/duplicateOneRecord.ts   |   6 +-
 .../records/$idRecord/readOneRecord.ts        |   6 +-
 .../$idRecordRow/deleteOneRecordRow.ts        |   6 +-
 .../$idRecordRow/readOneRecordRow.ts          |   6 +-
 .../$idRecordRow/updateOneRecordRow.ts        |   6 +-
 .../recordRows/createOneRecordRow.ts          |   6 +-
 .../$idRecord/recordRows/readAllRecordRows.ts |   6 +-
 .../recordRows/updateManyRecordRows.ts        |   6 +-
 .../records/$idRecord/updateOneRecord.ts      |   6 +-
 .../years/$idYear/records/createOneRecord.ts  |   6 +-
 .../years/$idYear/records/readAllRecords.ts   |   6 +-
 .../generateDocumentGetSignedUrl.ts           |   6 +-
 .../documents/$idDocument/readOneDocument.ts  |   6 +-
 .../reports/documents/readAllDocuments.ts     |   6 +-
 .../generateBalanceSheetReportDocument.ts     |   8 +-
 .../generateIncomeStatementReportDocument.ts  |   8 +-
 .../accounts/$idAccount/deleteOneAccount.ts   |   6 +-
 .../accounts/$idAccount/readOneAccount.ts     |   6 +-
 .../accounts/$idAccount/updateOneAccount.ts   |   6 +-
 .../yearSettings/accounts/createOneAccount.ts |   6 +-
 .../yearSettings/accounts/generateAccounts.ts |   8 +-
 .../yearSettings/accounts/readAllAccounts.ts  |   6 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.ts  |   6 +-
 .../$idBalanceSheet/readOneBalanceSheet.ts    |   6 +-
 .../$idBalanceSheet/updateOneBalanceSheet.ts  |   6 +-
 .../connectAccountsToBalanceSheets.ts         |   6 +-
 .../balanceSheets/createOneBalanceSheet.ts    |   6 +-
 .../balanceSheets/generateBalanceSheets.ts    |   6 +-
 .../balanceSheets/readAllBalanceSheets.ts     |   6 +-
 .../deleteOneComputationIncomeStatement.ts    |   6 +-
 .../readOneComputationIncomeStatement.ts      |   6 +-
 .../updateOneComputationIncomeStatement.ts    |   6 +-
 .../createOneComputationIncomeStatement.ts    |   6 +-
 .../readAllComputationIncomeStatements.ts     |   6 +-
 .../$idComputation/deleteOneComputation.ts    |   6 +-
 .../$idComputation/readOneComputation.ts      |   6 +-
 .../$idComputation/updateOneComputation.ts    |   6 +-
 .../computations/createOneComputation.ts      |   6 +-
 .../computations/generateComputations.ts      |   6 +-
 .../computations/readAllComputations.ts       |   6 +-
 .../$idYear/yearSettings/general/closeYear.ts |   6 +-
 .../yearSettings/general/deleteOneYear.ts     |   6 +-
 .../$idYear/yearSettings/general/openYear.ts  |   8 +-
 .../general/settleBalanceSheet.ts             |   8 +-
 .../general/settleIncomeStatement.ts          |  10 +-
 .../yearSettings/general/updateOneYear.ts     |   6 +-
 .../deleteOneIncomeStatement.ts               |   6 +-
 .../readOneIncomeStatement.ts                 |   6 +-
 .../updateOneIncomeStatement.ts               |   6 +-
 .../connectAccountsToIncomeStatements.ts      |   6 +-
 .../createOneIncomeStatement.ts               |   6 +-
 .../generateIncomeStatements.ts               |   6 +-
 .../readAllIncomeStatements.ts                |   6 +-
 .../journals/$idJournal/deleteOneJournal.ts   |   6 +-
 .../journals/$idJournal/readOneJournal.ts     |   6 +-
 .../journals/$idJournal/updateOneJournal.ts   |   6 +-
 .../yearSettings/journals/createOneJournal.ts |   6 +-
 .../yearSettings/journals/generateJournals.ts |   6 +-
 .../yearSettings/journals/readAllJournals.ts  |   6 +-
 .../$idRecordLabel/deleteOneRecordLabel.ts    |   6 +-
 .../$idRecordLabel/readOneRecordLabel.ts      |   6 +-
 .../$idRecordLabel/updateOneRecordLabel.ts    |   6 +-
 .../recordLabels/createOneRecordLabel.ts      |   6 +-
 .../recordLabels/readAllRecordLabels.ts       |   6 +-
 .../$idOrganization/years/createOneYear.ts    |   6 +-
 .../$idOrganization/years/readAllYears.ts     |   6 +-
 .../src/routes/auth/organizations/_index.ts   |   2 +-
 .../activateOrganizationMembership.ts         |   6 +-
 .../auth/organizations/addNewOrganization.ts  |   6 +-
 .../organizations/getAllMyOrganizations.ts    |   8 +-
 .../src/routes/auth/settings/activateUser.ts  |   6 +-
 .../routes/auth/settings/readUserSession.ts   |   8 +-
 .../src/routes/auth/settings/updateUser.ts    |   6 +-
 .../routes/auth/settings/updateUserEmail.ts   |   8 +-
 .../auth/settings/updateUserPassword.ts       |  10 +-
 .../routes/auth/settings/validateUserEmail.ts |   6 +-
 .../routes/auth/support/sendSupportMessage.ts |   6 +-
 .../src/routes/public/user/sendMagicLink.ts   |   6 +-
 .../metadata/src/routes/public/user/signIn.ts |   6 +-
 .../src/routes/public/user/signOut.ts         |   4 +-
 .../metadata/src/routes/public/user/signUp.ts |   6 +-
 packages/metadata/src/schemas/account.ts      |  10 +-
 packages/metadata/src/schemas/attachment.ts   |   8 +-
 packages/metadata/src/schemas/balanceSheet.ts |   8 +-
 packages/metadata/src/schemas/computation.ts  |   8 +-
 .../src/schemas/computationIncomeStatement.ts |   6 +-
 packages/metadata/src/schemas/document.ts     |   6 +-
 .../metadata/src/schemas/incomeStatement.ts   |   8 +-
 packages/metadata/src/schemas/journal.ts      |   8 +-
 packages/metadata/src/schemas/organization.ts |   8 +-
 .../metadata/src/schemas/organizationUser.ts  |   8 +-
 packages/metadata/src/schemas/record.ts       |   8 +-
 packages/metadata/src/schemas/recordLabel.ts  |   8 +-
 packages/metadata/src/schemas/recordRow.ts    |   8 +-
 packages/metadata/src/schemas/user.ts         |   8 +-
 packages/metadata/src/schemas/userSession.ts  |   6 +-
 packages/metadata/src/schemas/year.ts         |   8 +-
 packages/metadata/src/utilities/generate.ts   |   2 +-
 packages/tools/src/seed/seed.ts               |  37 +-
 packages/ui/package.json                      |  36 +
 packages/ui/panda.config.ts                   |  62 ++
 packages/ui/postcss.config.cjs                |   5 +
 packages/ui/src/components/buttons/button.tsx |  85 +++
 .../src/components/buttons/buttonContent.tsx  | 381 +++++++++++
 .../ui/src/components/buttons/linkContent.tsx |  28 +
 .../src/components/layouts/circularLoader.tsx |  40 ++
 packages/ui/src/components/layouts/logo.tsx   |  19 +
 .../fonts/SometypeMono-VariableFont_wght.ttf  | Bin 0 -> 65180 bytes
 packages/ui/src/index.ts                      |  17 +
 packages/ui/src/styles/fonts.css              |   7 +
 packages/ui/src/utilities/cn.ts               |   9 +
 packages/ui/src/utilities/sleep.ts            |   7 +
 packages/ui/tsconfig.json                     |  40 ++
 packages/website/index.html                   |  16 -
 packages/website/package.json                 |  22 -
 packages/website/public/vite.svg              |   1 -
 packages/website/src/main.tsx                 |   9 -
 packages/website/tsconfig.json                |  43 --
 packages/website/vite.config.ts               |  32 -
 750 files changed, 21781 insertions(+), 17252 deletions(-)
 create mode 100644 .development/packages/api/build.sh
 create mode 100644 .development/packages/api/install.sh
 create mode 100644 .development/packages/api/migrate.sh
 create mode 100644 .development/packages/api/seed.sh
 create mode 100644 .development/packages/api/start.sh
 delete mode 100644 .development/packages/dashboard/entrypoint.sh
 delete mode 100644 .development/packages/website/entrypoint.sh
 create mode 100644 .production/.gitignore
 create mode 100644 .production/compose.yml
 rename {packages/api/.docker => .production/packages/api}/.dockerignore (100%)
 create mode 100644 .production/packages/api/.env
 rename {packages/api/.docker => .production/packages/api}/Dockerfile (100%)
 rename {packages/dashboard/.docker => .production/packages/dashboard}/.dockerignore (100%)
 create mode 100644 .production/packages/dashboard/.env
 rename {packages/dashboard/.docker => .production/packages/dashboard}/Dockerfile (100%)
 rename {packages/dashboard/.docker => .production/packages/dashboard}/nginx/default.conf (100%)
 create mode 100644 docs/BUSINESS_MODEL.md
 create mode 100644 packages/dashboard/panda.config.ts
 create mode 100644 packages/dashboard/postcss.config.cjs
 create mode 100644 packages/dashboard/public/favicon.svg
 delete mode 100644 packages/dashboard/src/components/buttons/button.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonGhost.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonGhostContent.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonOutline.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonOutlineContent.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonPlain.tsx
 delete mode 100644 packages/dashboard/src/components/buttons/buttonPlainContent.tsx
 create mode 100644 packages/dashboard/src/components/document/docDefinition.tsx
 create mode 100644 packages/dashboard/src/components/document/docExample.tsx
 create mode 100644 packages/dashboard/src/components/document/docIndexLink.tsx
 create mode 100644 packages/dashboard/src/components/document/docLink.tsx
 create mode 100644 packages/dashboard/src/components/document/docList.tsx
 create mode 100644 packages/dashboard/src/components/document/docNextPage.tsx
 create mode 100644 packages/dashboard/src/components/document/docParagraph.tsx
 create mode 100644 packages/dashboard/src/components/document/docSection.tsx
 create mode 100644 packages/dashboard/src/components/document/docTable.tsx
 rename packages/dashboard/src/features/{authLayout.tsx => dashboard/dashboardLayout.tsx} (57%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationLayout.tsx (81%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx (76%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx (59%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx (86%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx (51%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx (69%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx (71%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx (77%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx (72%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx (89%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx (89%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx (76%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx (91%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx (91%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx (65%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx (64%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx (77%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx (81%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx (56%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx (94%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx (89%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx (87%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx (54%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx (73%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx (68%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx (89%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearLayout.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx (92%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx (72%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx (84%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx (76%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx (92%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx (87%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx (75%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx (51%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx (86%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx (74%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx (60%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx (75%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx (75%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx (86%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx (85%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx (73%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx (85%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx (65%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx (85%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx (100%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx (66%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx (57%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx (73%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx (79%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx (75%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx (86%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx (85%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx (64%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx (80%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx (74%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx (82%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx (84%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx (63%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx (88%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx (90%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx (59%)
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/createOneYear.tsx (88%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
 rename packages/dashboard/src/features/{ => dashboard}/organizations/$idOrganization/years/yearSelect.tsx (83%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
 rename packages/dashboard/src/features/{ => dashboard}/organizations/addNewOrganization.tsx (89%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
 rename packages/dashboard/src/features/{ => dashboard}/settings/settingsPage.tsx (81%)
 rename packages/dashboard/src/features/{ => dashboard}/support/contactSupportForm.tsx (83%)
 rename packages/dashboard/src/features/{ => dashboard}/support/supportPage.tsx (63%)
 create mode 100644 packages/dashboard/src/features/docs/comptabilite/comptes.tsx
 create mode 100644 packages/dashboard/src/features/docs/comptabilite/documents.tsx
 create mode 100644 packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
 create mode 100644 packages/dashboard/src/features/docs/comptabilite/introduction.tsx
 create mode 100644 packages/dashboard/src/features/docs/documentationIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/documentationLayout.tsx
 create mode 100644 packages/dashboard/src/features/docs/guide/demarrage.tsx
 create mode 100644 packages/dashboard/src/features/docs/guide/ecritures.tsx
 create mode 100644 packages/dashboard/src/features/docs/guide/organisations.tsx
 create mode 100644 packages/dashboard/src/features/docs/guide/rapports.tsx
 delete mode 100644 packages/dashboard/src/features/home/documentationBanner.tsx
 delete mode 100644 packages/dashboard/src/features/home/organizationsBanner.tsx
 delete mode 100644 packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
 delete mode 100644 packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
 delete mode 100644 packages/dashboard/src/features/organizations/organizationsPage.tsx
 create mode 100644 packages/dashboard/src/features/website/documentationBanner.tsx
 create mode 100644 packages/dashboard/src/features/website/featureCard.tsx
 rename packages/dashboard/src/features/{home => website}/homePage.tsx (51%)
 create mode 100644 packages/dashboard/src/features/website/landingPage.tsx
 create mode 100644 packages/dashboard/src/features/website/organizationsBanner.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/homeRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/authLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/dashboardRootRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/organizationLayoutRoute.tsx (57%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/organizationPathRoute.tsx (68%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/organizationRoute.tsx (74%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx (51%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx (63%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx (64%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx (67%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx (64%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx (64%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx (67%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx (51%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx (70%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx (55%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx (65%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearRoute.tsx (75%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx (61%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx (63%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx (61%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx (62%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx (62%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx (60%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx (58%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx (59%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx (64%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx (65%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx (61%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx (62%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx (61%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx (63%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx (50%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/yearsLayoutRoute.tsx (68%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/yearsPathRoute.tsx (63%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/$idOrganization/years/yearsRoute.tsx (53%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/organizationsLayoutRoute.tsx (67%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/organizations/organizationsRoute.tsx (59%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/settings/settingsLayoutRoute.tsx (66%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/settings/settingsRoute.tsx (61%)
 rename packages/dashboard/src/routes/root/{auth => dashboard}/support/supportRoute.tsx (54%)
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/docsTree.ts
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
 rename packages/dashboard/src/routes/root/{public => signIn}/signInRoute.tsx (56%)
 rename packages/dashboard/src/routes/root/{public => signUp}/signUpRoute.tsx (54%)
 create mode 100644 packages/dashboard/src/routes/root/website/landingRoute.tsx
 rename packages/dashboard/src/routes/root/{publicLayoutRoute.tsx => website/websiteLayoutRoute.tsx} (52%)
 create mode 100644 packages/ui/package.json
 create mode 100644 packages/ui/panda.config.ts
 create mode 100644 packages/ui/postcss.config.cjs
 create mode 100644 packages/ui/src/components/buttons/button.tsx
 create mode 100644 packages/ui/src/components/buttons/buttonContent.tsx
 create mode 100644 packages/ui/src/components/buttons/linkContent.tsx
 create mode 100644 packages/ui/src/components/layouts/circularLoader.tsx
 create mode 100644 packages/ui/src/components/layouts/logo.tsx
 create mode 100644 packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf
 create mode 100644 packages/ui/src/index.ts
 create mode 100644 packages/ui/src/styles/fonts.css
 create mode 100644 packages/ui/src/utilities/cn.ts
 create mode 100644 packages/ui/src/utilities/sleep.ts
 create mode 100644 packages/ui/tsconfig.json
 delete mode 100644 packages/website/index.html
 delete mode 100644 packages/website/package.json
 delete mode 100644 packages/website/public/vite.svg
 delete mode 100644 packages/website/src/main.tsx
 delete mode 100644 packages/website/tsconfig.json
 delete mode 100644 packages/website/vite.config.ts

diff --git a/.development/.dockerignore b/.development/.dockerignore
index f4964cf..564d233 100644
--- a/.development/.dockerignore
+++ b/.development/.dockerignore
@@ -24,10 +24,14 @@ dist
 *.tsbuildinfo
 
 # Environment files (mounted separately per service)
+# Exclude all .env files except development ones
 .env
-**/.env
 .env.*
-**/.env.*
+packages/**/.env
+packages/**/.env.*
+
+# Keep development environment files (needed for Docker builds)
+!.development/packages/**/.env
 
 # Logs
 logs
diff --git a/.development/compose.yml b/.development/compose.yml
index 1220093..a460082 100644
--- a/.development/compose.yml
+++ b/.development/compose.yml
@@ -121,46 +121,17 @@ services:
     ports:
       - "5173:5173"  # Vite dev server
     volumes:
-      # Source code - bind-mounted for live editing (synced between host and container)
-      - ../packages:/workspace/packages:cached
-      - ../package.json:/workspace/package.json:cached
-      - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
-      - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
-      - ../.development:/workspace/.development:cached
-      
-      # Environment file
-      - ./packages/dashboard/.env:/workspace/packages/dashboard/.env:cached
-      
-      # Runtime files - isolated in Docker volumes (NOT on host)
-      - dashboard_node_modules:/workspace/node_modules
-      - metadata_build:/workspace/packages/metadata/build
-      - pnpm_store:/root/.local/share/pnpm/store
-
-  # Website - Public-facing website (React + Vite)
-  website:
-    build:
-      context: ..
-      dockerfile: .development/packages/website/Dockerfile
-      args:
-        NODE_VERSION: "25.2.1"
-        PNPM_VERSION: "10.26.1"
-    ports:
-      - "5174:5173"  # Host:Container (Vite runs on 5173 inside, exposed as 5174 on host)
-    volumes:
-      # Source code - bind-mounted for live editing (synced between host and container)
-      - ../packages:/workspace/packages:cached
-      - ../package.json:/workspace/package.json:cached
-      - ../pnpm-workspace.yaml:/workspace/pnpm-workspace.yaml:cached
-      - ../pnpm-lock.yaml:/workspace/pnpm-lock.yaml:cached
-      - ../.development:/workspace/.development:cached
-      
-      # Environment file
-      - ./packages/website/.env:/workspace/packages/website/.env:cached
-      
-      # Runtime files - isolated in Docker volumes (NOT on host)
-      - website_node_modules:/workspace/node_modules
-      - metadata_build:/workspace/packages/metadata/build
-      - pnpm_store:/root/.local/share/pnpm/store
+      # Source code only - bind-mounted for live editing
+      # node_modules and metadata/build stay inside the image (installed at build time)
+      - ../packages/dashboard/src:/workspace/packages/dashboard/src:cached
+      - ../packages/dashboard/public:/workspace/packages/dashboard/public:cached
+      - ../packages/dashboard/vite.config.ts:/workspace/packages/dashboard/vite.config.ts:cached
+      - ../packages/dashboard/tsconfig.json:/workspace/packages/dashboard/tsconfig.json:cached
+      - ../packages/dashboard/panda.config.ts:/workspace/packages/dashboard/panda.config.ts:cached
+      # Shared UI package for live editing
+      - ../packages/ui/src:/workspace/packages/ui/src:cached
+      - ../packages/ui/tsconfig.json:/workspace/packages/ui/tsconfig.json:cached
+      - ../packages/ui/panda.config.ts:/workspace/packages/ui/panda.config.ts:cached
 
 # ==============================================================================
 # Named Volumes (Runtime data isolated from host)
@@ -168,8 +139,6 @@ services:
 volumes:
   # Application runtime dependencies - isolated per service
   api_node_modules:
-  dashboard_node_modules:
-  website_node_modules:
   
   # Shared build output - metadata package used by multiple services
   metadata_build:
diff --git a/.development/packages/api/build.sh b/.development/packages/api/build.sh
new file mode 100644
index 0000000..a650e3d
--- /dev/null
+++ b/.development/packages/api/build.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+# ==============================================================================
+# Build Metadata Package
+# ==============================================================================
+# Builds the metadata package which is required by API and tools
+# ==============================================================================
+set -e
+
+echo "🔨 Building @arrhes/application-metadata..."
+pnpm --filter="@arrhes/application-metadata" build
diff --git a/.development/packages/api/entrypoint.sh b/.development/packages/api/entrypoint.sh
index 53af912..055f0f1 100644
--- a/.development/packages/api/entrypoint.sh
+++ b/.development/packages/api/entrypoint.sh
@@ -2,54 +2,22 @@
 # ==============================================================================
 # API Service Entrypoint
 # ==============================================================================
-# Runs on container startup to:
-# 1. Install workspace dependencies
-# 2. Build metadata package (required by API and tools)
-# 3. Run database migrations
-# 4. Seed demo data
-# 5. Start API dev server
+# Runs on container startup to initialize and start the API service
+# Calls individual scripts for each task
 # ==============================================================================
 set -e
 
+SCRIPT_DIR="/workspace/.development/packages/api"
+
 # Fix permissions for bind-mounted workspace
-# The workspace is bind-mounted from the host, so we need to ensure the node user can write to it
 echo "🔧 Fixing workspace permissions..."
 chown -R node:node /workspace
 
-# Switch to node user for the rest of the script
-echo "📦 Installing workspace dependencies..."
-su node -c "CI=true pnpm install"
-
-echo "🔨 Building @arrhes/application-metadata..."
-su node -c "pnpm --filter='@arrhes/application-metadata' build"
-
-echo "🗄️ Checking database..."
-# Check if tables already exist
-if PGPASSWORD=admin /usr/bin/psql -h postgres -U postgres -d default -c '\dt' 2>/dev/null | grep -q table_user; then
-  echo "Database tables already exist, skipping migration"
-else
-  echo "Running database migrations..."
-  # Use expect to handle interactive prompts - select first option (no truncate)
-  su node -c "cd /workspace/packages/tools && expect -c '
-    set timeout 60
-    spawn pnpm run push
-    expect {
-      \"No, add the constraint without truncating the table\" {
-        send \"\r\"
-        exp_continue
-      }
-      \"No, abort\" {
-        send \"\r\"
-        exp_continue
-      }
-      eof
-    }
-  ' || true"
-fi
-
-echo "🌱 Seeding demo data..."
-su node -c "cd /workspace/packages/tools && pnpm run seed || echo 'Seeding skipped (data may already exist)'"
+# Run all setup tasks as node user
+su node -c "CI=true $SCRIPT_DIR/install.sh"
+su node -c "$SCRIPT_DIR/build.sh"
+su node -c "$SCRIPT_DIR/migrate.sh"
+su node -c "$SCRIPT_DIR/seed.sh"
 
-echo "🚀 Starting API dev server..."
-cd /workspace/packages/api
-exec su node -c "pnpm --filter='@arrhes/application-api' dev"
+# Start the API server (exec replaces shell process)
+exec su node -c "$SCRIPT_DIR/start.sh"
diff --git a/.development/packages/api/install.sh b/.development/packages/api/install.sh
new file mode 100644
index 0000000..241a3dc
--- /dev/null
+++ b/.development/packages/api/install.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+# ==============================================================================
+# Install Dependencies
+# ==============================================================================
+# Installs all workspace dependencies using PNPM
+# ==============================================================================
+set -e
+
+echo "📦 Installing workspace dependencies..."
+pnpm install
diff --git a/.development/packages/api/migrate.sh b/.development/packages/api/migrate.sh
new file mode 100644
index 0000000..23df81e
--- /dev/null
+++ b/.development/packages/api/migrate.sh
@@ -0,0 +1,35 @@
+#!/bin/bash
+# ==============================================================================
+# Database Migration
+# ==============================================================================
+# Runs database migrations using Drizzle
+# Checks if tables exist before running to avoid unnecessary migrations
+# ==============================================================================
+set -e
+
+echo "🗄️ Checking database..."
+
+# Check if tables already exist
+if PGPASSWORD=admin psql -h postgres -U postgres -d default -c '\dt' 2>/dev/null | grep -q table_user; then
+    echo "✓ Database tables already exist, skipping migration"
+else
+    echo "Running database migrations..."
+    cd /workspace/packages/tools
+    # Use expect to handle interactive prompts - select first option (no truncate)
+    expect -c '
+        set timeout 60
+        spawn pnpm run push
+        expect {
+            "No, add the constraint without truncating the table" {
+                send "\r"
+                exp_continue
+            }
+            "No, abort" {
+                send "\r"
+                exp_continue
+            }
+            eof
+        }
+    ' || true
+    echo "✓ Database migrations complete"
+fi
diff --git a/.development/packages/api/seed.sh b/.development/packages/api/seed.sh
new file mode 100644
index 0000000..aa19bdf
--- /dev/null
+++ b/.development/packages/api/seed.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+# ==============================================================================
+# Seed Demo Data
+# ==============================================================================
+# Seeds the database with demo data for development
+# ==============================================================================
+set -e
+
+echo "🌱 Seeding demo data..."
+cd /workspace/packages/tools
+pnpm run seed || echo "Seeding skipped (data may already exist)"
+echo "✓ Seeding complete"
diff --git a/.development/packages/api/start.sh b/.development/packages/api/start.sh
new file mode 100644
index 0000000..198d320
--- /dev/null
+++ b/.development/packages/api/start.sh
@@ -0,0 +1,11 @@
+#!/bin/bash
+# ==============================================================================
+# Start API Server
+# ==============================================================================
+# Starts the API development server with hot reload
+# ==============================================================================
+set -e
+
+echo "🚀 Starting API dev server..."
+cd /workspace/packages/api
+exec pnpm --filter="@arrhes/application-api" dev
diff --git a/.development/packages/dashboard/.env b/.development/packages/dashboard/.env
index afaa26d..3e58450 100644
--- a/.development/packages/dashboard/.env
+++ b/.development/packages/dashboard/.env
@@ -1,3 +1,4 @@
+VITE_ENV="development"
 VITE_API_BASE_URL=http://localhost:3000
 VITE_DASHBOARD_BASE_URL=http://localhost:5173
 VITE_WEBSITE_BASE_URL=http://localhost:5174
diff --git a/.development/packages/dashboard/Dockerfile b/.development/packages/dashboard/Dockerfile
index a36a7be..70531ce 100644
--- a/.development/packages/dashboard/Dockerfile
+++ b/.development/packages/dashboard/Dockerfile
@@ -1,8 +1,10 @@
 # ==============================================================================
-# Dashboard Service Dockerfile
+# Dashboard Development Dockerfile
 # ==============================================================================
-# Creates a Node.js container with PNPM for running the dashboard service
-# Source code is bind-mounted from host, dependencies installed at runtime
+# Self-contained development image for the dashboard service.
+# - Dependencies installed at build time (node_modules inside image)
+# - Source code bind-mounted at runtime for live editing
+# - No entrypoint script needed - just run `docker compose up`
 # ==============================================================================
 
 ARG NODE_VERSION="25.2.1"
@@ -10,14 +12,39 @@ ARG PNPM_VERSION="10.26.1"
 
 FROM node:${NODE_VERSION}-bullseye-slim
 
-# Install PNPM package manager
+ARG PNPM_VERSION
+
+# Install PNPM
 RUN npm install -g "pnpm@${PNPM_VERSION}" && \
     apt-get clean && \
     rm -rf /var/lib/apt/lists/*
 
-# Set working directory
 WORKDIR /workspace
 
-# Start via entrypoint script (bind-mounted at runtime)
-# NOTE: We don't switch to node user here - entrypoint will handle permissions
-ENTRYPOINT ["/bin/bash", "/workspace/.development/packages/dashboard/entrypoint.sh"]
+# Copy package manifests for dependency installation
+COPY package.json pnpm-workspace.yaml pnpm-lock.yaml ./
+
+COPY packages/metadata ./packages/metadata
+COPY packages/ui ./packages/ui
+COPY packages/dashboard ./packages/dashboard
+
+# Install all dependencies (hoisted to workspace root)
+RUN pnpm install
+
+
+# Copy metadata source and build it (dashboard depends on it)
+RUN pnpm --filter="@arrhes/application-metadata" build
+
+RUN pnpm --filter="@arrhes/dashboard" run prepare
+
+# RUN pnpm --filter="@arrhes/ui" build
+
+# Copy environment file for Vite
+COPY .development/packages/dashboard/.env ./packages/dashboard/.env
+
+# Set working directory to dashboard package
+WORKDIR /workspace/packages/dashboard
+
+# Run Vite dev server
+# Source files will be bind-mounted at runtime, overriding the copied files
+CMD ["pnpm", "dev", "--", "--host", "0.0.0.0"]
diff --git a/.development/packages/dashboard/entrypoint.sh b/.development/packages/dashboard/entrypoint.sh
deleted file mode 100644
index f73adae..0000000
--- a/.development/packages/dashboard/entrypoint.sh
+++ /dev/null
@@ -1,24 +0,0 @@
-#!/bin/bash
-# ==============================================================================
-# Dashboard Service Entrypoint
-# ==============================================================================
-# Runs on container startup to:
-# 1. Install workspace dependencies
-# 2. Build metadata package (required by dashboard)
-# 3. Start Vite dev server with HMR
-# ==============================================================================
-set -e
-
-# Fix permissions for bind-mounted workspace
-echo "🔧 Fixing workspace permissions..."
-chown -R node:node /workspace
-
-echo "📦 Installing workspace dependencies..."
-su node -c "CI=true pnpm install"
-
-echo "🔨 Building @arrhes/application-metadata..."
-su node -c "pnpm --filter='@arrhes/application-metadata' build"
-
-echo "🚀 Starting dashboard dev server..."
-cd /workspace/packages/dashboard
-exec su node -c "pnpm --filter='@arrhes/application-dashboard' dev -- --host 0.0.0.0"
diff --git a/.development/packages/website/Dockerfile b/.development/packages/website/Dockerfile
index 45cfbf9..924f3af 100644
--- a/.development/packages/website/Dockerfile
+++ b/.development/packages/website/Dockerfile
@@ -1,8 +1,10 @@
 # ==============================================================================
-# Website Service Dockerfile
+# Website Development Dockerfile
 # ==============================================================================
-# Creates a Node.js container with PNPM for running the website service
-# Source code is bind-mounted from host, dependencies installed at runtime
+# Self-contained development image for the website service.
+# - Dependencies installed at build time (node_modules inside image)
+# - Source code bind-mounted at runtime for live editing
+# - No entrypoint script needed - just run `docker compose up`
 # ==============================================================================
 
 ARG NODE_VERSION="25.2.1"
@@ -10,14 +12,33 @@ ARG PNPM_VERSION="10.26.1"
 
 FROM node:${NODE_VERSION}-bullseye-slim
 
-# Install PNPM package manager
+ARG PNPM_VERSION
+
+# Install PNPM
 RUN npm install -g "pnpm@${PNPM_VERSION}" && \
     apt-get clean && \
     rm -rf /var/lib/apt/lists/*
 
-# Set working directory
 WORKDIR /workspace
 
-# Start via entrypoint script (bind-mounted at runtime)
-# NOTE: We don't switch to node user here - entrypoint will handle permissions
-ENTRYPOINT ["/bin/bash", "/workspace/.development/packages/website/entrypoint.sh"]
+# Copy package manifests for dependency installation
+COPY package.json pnpm-workspace.yaml pnpm-lock.yaml ./
+
+COPY packages/ui ./packages/ui
+COPY packages/website ./packages/website
+
+# Install all dependencies (hoisted to workspace root)
+RUN pnpm install
+
+# Generate PandaCSS styles (styled-system directory)
+RUN pnpm --filter="@arrhes/website" run prepare
+
+# Copy environment file for Vite
+COPY .development/packages/website/.env ./packages/website/.env
+
+# Set working directory to website package
+WORKDIR /workspace/packages/website
+
+# Run Vite dev server
+# Source files will be bind-mounted at runtime, overriding the copied files
+CMD ["pnpm", "dev", "--", "--host", "0.0.0.0"]
diff --git a/.development/packages/website/entrypoint.sh b/.development/packages/website/entrypoint.sh
deleted file mode 100644
index fc9268c..0000000
--- a/.development/packages/website/entrypoint.sh
+++ /dev/null
@@ -1,20 +0,0 @@
-#!/bin/bash
-# ==============================================================================
-# Website Service Entrypoint
-# ==============================================================================
-# Runs on container startup to:
-# 1. Install workspace dependencies
-# 2. Start Vite dev server with HMR
-# ==============================================================================
-set -e
-
-# Fix permissions for bind-mounted workspace
-echo "🔧 Fixing workspace permissions..."
-chown -R node:node /workspace
-
-echo "📦 Installing workspace dependencies..."
-su node -c "CI=true pnpm install"
-
-echo "🚀 Starting website dev server..."
-cd /workspace/packages/website
-exec su node -c "pnpm --filter='@arrhes/application-website' dev -- --host 0.0.0.0"
diff --git a/.gitignore b/.gitignore
index bd9d38a..532c479 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,5 @@ pnpm-lock.yaml
 .pnpm-store
 
 *.tsbuildinfo
+
+styled-system
\ No newline at end of file
diff --git a/.production/.gitignore b/.production/.gitignore
new file mode 100644
index 0000000..244ed9f
--- /dev/null
+++ b/.production/.gitignore
@@ -0,0 +1,17 @@
+# ==============================================================================
+# .gitignore - Keep only source files in Git
+# ==============================================================================
+# This configuration ensures only configuration files are tracked.
+# Runtime files and generated content stay in Docker volumes.
+# ==============================================================================
+
+# Ignore all files by default
+!*
+
+# Track only these specific patterns:
+# - .env files (development environment variables)
+# - Dockerfiles (service image definitions)
+# - entrypoint.sh scripts (container startup scripts)
+# - compose.yml (docker compose configuration)
+# - .dockerignore (build context exclusions)
+# - .gitignore (this file)
diff --git a/.production/compose.yml b/.production/compose.yml
new file mode 100644
index 0000000..e69de29
diff --git a/packages/api/.docker/.dockerignore b/.production/packages/api/.dockerignore
similarity index 100%
rename from packages/api/.docker/.dockerignore
rename to .production/packages/api/.dockerignore
diff --git a/.production/packages/api/.env b/.production/packages/api/.env
new file mode 100644
index 0000000..0953a27
--- /dev/null
+++ b/.production/packages/api/.env
@@ -0,0 +1,28 @@
+# Environment
+ENV=development
+VERBOSE=true
+PORT=3000
+
+# CORS and Cookies
+CORS_ORIGIN=http://localhost:5173
+COOKIES_DOMAIN=localhost
+COOKIES_KEY=development-secret-key-change-in-production-min-32-chars
+
+# URLs
+API_BASE_URL=http://localhost:3000
+PLATFORM_BASE_URL=http://localhost:5173
+WEBSITE_BASE_URL=http://localhost:5174
+
+# Database (Docker Compose service names)
+SQL_DATABASE_URL=postgres://postgres:admin@postgres:5432/default
+
+# Storage (RustFS service)
+STORAGE_ENDPOINT=http://rustfs:9000
+STORAGE_BUCKET_NAME=arrhes-files
+STORAGE_ACCESS_KEY=rustfsadmin
+STORAGE_SECRET_KEY=rustfsadmin
+
+# Email (Mailpit)
+EMAIL_ENDPOINT=mailpit:1025
+EMAIL_USER=test
+EMAIL_PASSWORD=test
diff --git a/packages/api/.docker/Dockerfile b/.production/packages/api/Dockerfile
similarity index 100%
rename from packages/api/.docker/Dockerfile
rename to .production/packages/api/Dockerfile
diff --git a/packages/dashboard/.docker/.dockerignore b/.production/packages/dashboard/.dockerignore
similarity index 100%
rename from packages/dashboard/.docker/.dockerignore
rename to .production/packages/dashboard/.dockerignore
diff --git a/.production/packages/dashboard/.env b/.production/packages/dashboard/.env
new file mode 100644
index 0000000..2854814
--- /dev/null
+++ b/.production/packages/dashboard/.env
@@ -0,0 +1,5 @@
+NODE_ENV="development"
+VITE_ENV="development"
+VITE_PUBLIC_API_URL="http://localhost:3100"
+VITE_PUBLIC_PLATFORM_URL="http://localhost:3101"
+VITE_PUBLIC_WEBSITE_URL="http://localhost:3102"
diff --git a/packages/dashboard/.docker/Dockerfile b/.production/packages/dashboard/Dockerfile
similarity index 100%
rename from packages/dashboard/.docker/Dockerfile
rename to .production/packages/dashboard/Dockerfile
diff --git a/packages/dashboard/.docker/nginx/default.conf b/.production/packages/dashboard/nginx/default.conf
similarity index 100%
rename from packages/dashboard/.docker/nginx/default.conf
rename to .production/packages/dashboard/nginx/default.conf
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index fb066a8..1832dc8 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -137,7 +137,7 @@ api/src/
 - **TanStack Table** : Tableaux de données performants
 - **TanStack Virtual** : Virtualisation pour grandes listes
 - **Radix UI** : Composants accessibles headless
-- **Tailwind CSS** : Framework CSS utility-first
+- **Panda CSS** : Framework CSS utility-first
 - **React Hook Form** : Gestion de formulaires
 - **Valibot** : Validation côté client
 - **Vite** : Build tool et dev server
@@ -333,7 +333,7 @@ tools/src/
 | Tables | TanStack Table 8.21 | Data tables |
 | Virtual | TanStack Virtual 3.13 | Virtualisation listes |
 | UI | Radix UI | Composants accessibles |
-| Styling | Tailwind CSS 4.1 | CSS utility-first |
+| Styling | Panda CSS | CSS utility-first |
 | Forms | React Hook Form 7.63 | Gestion de formulaires |
 | Validation | Valibot 1.1 | Validation client-side |
 | Icons | Tabler Icons 3.35 | Icônes |
diff --git a/docs/BUSINESS_MODEL.md b/docs/BUSINESS_MODEL.md
new file mode 100644
index 0000000..ddc30df
--- /dev/null
+++ b/docs/BUSINESS_MODEL.md
@@ -0,0 +1,101 @@
+# Business Model Strategy
+
+This document outlines the business model strategy for Arrhes, an open-source double-entry accounting application for French associations and SMEs.
+
+## Goals
+
+- Maximum adoption among indie hackers, solofounders, and community growth
+- Sustainable revenue from businesses (and accountants later)
+- AI agent as core differentiator
+
+## Model: Open-Core SaaS with Community Focus
+
+### Tier Structure
+
+| Tier | Price | Target | Features |
+|------|-------|--------|----------|
+| **Self-hosted** | Free forever | Developers, tech-savvy users | Full core app, deploy yourself |
+| **Cloud Free** | 0 EUR/month | Micro-associations, testing | 1 org, 1 user, 100 ecritures/month, no agent |
+| **Cloud Pro** | 9-15 EUR/month | Associations, solopreneurs | Unlimited ecritures, 3 users, basic agent features |
+| **Cloud Business** | 29-49 EUR/month | SMEs, accountants | Unlimited users, full AI agent, priority support, API access |
+
+### Free Features (Open-Source Core)
+
+- Full double-entry accounting
+- All journals, accounts, records
+- Balance sheet & income statement
+- Document/attachment management
+- Multi-organization support
+- Self-hosting with Docker
+
+### Paid Features (Premium/Agent)
+
+**AI Agent (core differentiator):**
+- Auto-categorization of transactions
+- Anomaly detection
+- Natural language queries
+- Automated reconciliation suggestions
+- FEC generation assistance
+
+**Cloud conveniences:**
+- Automatic backups
+- SSL/security managed
+- No maintenance burden
+
+**Business features:**
+- Advanced exports (FEC, Excel, custom PDF reports)
+- Bank synchronization (future)
+- Multi-user with granular permissions
+- API access for integrations
+
+## Community Growth Strategy
+
+1. **Make self-hosting simple**
+   - One-click deploy buttons (Railway, Render, Coolify, Dokploy)
+   - Docker Compose setup
+   - Clear documentation
+
+2. **Developer-first marketing**
+   - Hacker News, Reddit (r/selfhosted, r/SideProject, r/France)
+   - Indie Hackers community
+   - Product Hunt launch
+   - French tech communities
+
+3. **Open development**
+   - Public roadmap (GitHub Projects)
+   - Transparent changelog
+   - Accept contributions
+
+4. **Content marketing**
+   - Blog posts on French accounting
+   - Self-hosting tutorials
+   - Comparison guides
+
+## Revenue Streams
+
+| Stream | Priority | Notes |
+|--------|----------|-------|
+| Cloud subscriptions | Primary | Recurring, predictable |
+| AI agent add-on | High | Differentiator, high perceived value |
+| Annual plans | Medium | Cash flow + retention |
+| Accountant partnerships | Later | Volume deals, requires sales effort |
+
+**Initial target:** 100 paying customers at 15 EUR/mo avg = 1,500 EUR/mo MRR
+
+## Competitive Positioning
+
+| Competitor | Their Position | Arrhes Advantage |
+|------------|----------------|------------------|
+| Dolibarr | ERP, complex, old UI | Modern UX, accounting-focused |
+| OpenConcerto | Desktop-first | Cloud-native, modern stack |
+| Pennylane | VC-funded, expensive | Open-source, self-hostable, affordable |
+| Tiime | Free but limited | More control, no lock-in |
+
+**Positioning statement:** *"The open-source accounting tool for French associations and small businesses, with an AI assistant that actually understands your books."*
+
+## Open Questions
+
+- **Pricing model:** Per-organization vs per-user vs usage-based?
+- **Agent positioning:** Separate add-on or bundled into higher tiers?
+- **Free tier limits:** Balance between adoption and conversion
+- **Launch timing:** Core product first, or wait for agent to differentiate?
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
index c689994..3dc64a5 100644
--- a/docs/CONTRIBUTING.md
+++ b/docs/CONTRIBUTING.md
@@ -274,7 +274,7 @@ export function MyComponent({ title, description, onClose }: MyComponentProps) {
 }
 ```
 
-**Éviter les inline styles** (utiliser Tailwind CSS)
+**Éviter les inline styles** (utiliser Panda CSS)
 ```typescript
 // ✅ Bon
 <div className="flex items-center gap-2">
diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md
index 31ad434..69431da 100644
--- a/docs/DEVELOPMENT.md
+++ b/docs/DEVELOPMENT.md
@@ -947,7 +947,7 @@ pnpm dlx drizzle-kit studio --config=packages/tools/drizzle.config.ts
 - **TanStack Router** : https://tanstack.com/router/
 - **TanStack Query** : https://tanstack.com/query/
 - **Radix UI** : https://www.radix-ui.com/
-- **Tailwind CSS** : https://tailwindcss.com/
+- **Panda CSS** : https://panda-css.com/
 
 ---
 
diff --git a/justfile b/justfile
index b32317b..a0d9394 100644
--- a/justfile
+++ b/justfile
@@ -7,7 +7,36 @@ dev cmd:
 
 dev-up:
     docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" up -d --build
+    @echo ""
+    @echo "=============================================="
+    @echo "  Arrhes Development Environment Started"
+    @echo "=============================================="
+    @echo ""
+    @echo "  Services:"
+    @echo "    Dashboard:  http://localhost:5173"
+    @echo "    API:        http://localhost:3000"
+    @echo "    Website:    http://localhost:5174"
+    @echo ""
+    @echo "  Infrastructure:"
+    @echo "    PostgreSQL: localhost:5432"
+    @echo "    Mailpit:    http://localhost:8025"
+    @echo "    RustFS:     http://localhost:9001"
+    @echo ""
+    @echo "  Demo Credentials:"
+    @echo "    Email:      demo@arrhes.com"
+    @echo "    Password:   demo"
+    @echo ""
+    @echo "  Logs: docker compose -f {{COMPOSE_FILE}} logs -f"
+    @echo "=============================================="
 
 dev-down:
     docker ps -a --filter="name=arrhes-" -q | xargs -r docker rm -f
     docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" down
+
+dev-reset:
+    @echo "Resetting database (clearing and reseeding)..."
+    docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" exec api sh -c "cd /workspace/packages/tools && pnpm run reset"
+    @echo "Database reset complete."
+
+dev-logs:
+    docker compose --project-directory=".development" --file="{{COMPOSE_FILE}}" --project-name="{{PROJECT}}" logs -f
diff --git a/packages/api/src/api.ts b/packages/api/src/api.ts
index c3788f3..3996fc7 100644
--- a/packages/api/src/api.ts
+++ b/packages/api/src/api.ts
@@ -1,10 +1,10 @@
-import { apiFactory } from "#/factories/apiFactory.js"
-import { routes } from "#/routes/routes.js"
-import { apiLog } from "#/utilities/apiLog.js"
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
-import { response } from "#/utilities/response.js"
+import { apiFactory } from "./factories/apiFactory.js"
+import { routes } from "./routes/routes.js"
+import { apiLog } from "./utilities/apiLog.js"
+import { Exception } from "./utilities/exception.js"
+import { getClients } from "./utilities/getClients.js"
+import { getEnv } from "./utilities/getEnv.js"
+import { response } from "./utilities/response.js"
 import { cors } from "hono/cors"
 import { logger } from "hono/logger"
 import pg from "postgres"
diff --git a/packages/api/src/clients/emailClient.ts b/packages/api/src/clients/emailClient.ts
index a9023a4..0d040da 100644
--- a/packages/api/src/clients/emailClient.ts
+++ b/packages/api/src/clients/emailClient.ts
@@ -1,31 +1,31 @@
-import { Exception } from "#/utilities/exception.js"
-import { getEnv } from "#/utilities/getEnv.js"
-import { createTransport } from "nodemailer"
-
-
-export function emailClient(env: ReturnType<typeof getEnv>) {
-    try {
-        const smtpClient = createTransport({
-            host: env.EMAIL_ENDPOINT,
-            port: 465,
-            secure: true,
-            auth: {
-                user: env.EMAIL_USER,
-                pass: env.EMAIL_PASSWORD
-            }
-        },
-            {
-                from: "Arrhes <nepasrepondre@arrhes.com>"
-            }
-        )
-
-        return smtpClient
-    }
-    catch (error) {
-        throw new Exception({
-            statusCode: 500,
-            internalMessage: "SQL client not available",
-            rawError: error,
-        })
-    }
+import { Exception } from "../utilities/exception.js"
+import { getEnv } from "../utilities/getEnv.js"
+import { createTransport } from "nodemailer"
+
+
+export function emailClient(env: ReturnType<typeof getEnv>) {
+    try {
+        const smtpClient = createTransport({
+            host: env.EMAIL_ENDPOINT,
+            port: 465,
+            secure: true,
+            auth: {
+                user: env.EMAIL_USER,
+                pass: env.EMAIL_PASSWORD
+            }
+        },
+            {
+                from: "Arrhes <nepasrepondre@arrhes.com>"
+            }
+        )
+
+        return smtpClient
+    }
+    catch (error) {
+        throw new Exception({
+            statusCode: 500,
+            internalMessage: "SQL client not available",
+            rawError: error,
+        })
+    }
 }
\ No newline at end of file
diff --git a/packages/api/src/clients/sqlClient.ts b/packages/api/src/clients/sqlClient.ts
index d2d83ba..b8cc753 100644
--- a/packages/api/src/clients/sqlClient.ts
+++ b/packages/api/src/clients/sqlClient.ts
@@ -1,21 +1,21 @@
-import { Exception } from "#/utilities/exception.js"
-import { getEnv } from "#/utilities/getEnv.js"
-import { modelSchemas } from "@arrhes/application-metadata/models"
-import { drizzle } from 'drizzle-orm/postgres-js'
-import postgres from "postgres"
-
-
-export function sqlClient(env: ReturnType<typeof getEnv>) {
-    try {
-        const queryClient = postgres(env.SQL_DATABASE_URL)
-        const db = drizzle(queryClient, { schema: modelSchemas })
-        return db
-    }
-    catch (error) {
-        throw new Exception({
-            statusCode: 500,
-            internalMessage: "SQL client not available",
-            rawError: error,
-        })
-    }
+import { Exception } from "../utilities/exception.js"
+import { getEnv } from "../utilities/getEnv.js"
+import { modelSchemas } from "@arrhes/application-metadata/models"
+import { drizzle } from 'drizzle-orm/postgres-js'
+import postgres from "postgres"
+
+
+export function sqlClient(env: ReturnType<typeof getEnv>) {
+    try {
+        const queryClient = postgres(env.SQL_DATABASE_URL)
+        const db = drizzle(queryClient, { schema: modelSchemas })
+        return db
+    }
+    catch (error) {
+        throw new Exception({
+            statusCode: 500,
+            internalMessage: "SQL client not available",
+            rawError: error,
+        })
+    }
 }
\ No newline at end of file
diff --git a/packages/api/src/clients/storageClient.ts b/packages/api/src/clients/storageClient.ts
index 7769f0f..d25a234 100644
--- a/packages/api/src/clients/storageClient.ts
+++ b/packages/api/src/clients/storageClient.ts
@@ -1,25 +1,25 @@
-import { Exception } from "#/utilities/exception.js"
-import { getEnv } from "#/utilities/getEnv.js"
-import { S3 } from "@aws-sdk/client-s3"
-
-
-export function storageClient(env: ReturnType<typeof getEnv>) {
-    try {
-        const storageClient = new S3({
-            endpoint: env.STORAGE_ENDPOINT,
-            credentials: {
-                accessKeyId: env.STORAGE_ACCESS_KEY,
-                secretAccessKey: env.STORAGE_SECRET_KEY,
-            },
-            region: "fr-par"
-        })
-        return storageClient
-    }
-    catch (error) {
-        throw new Exception({
-            statusCode: 500,
-            internalMessage: "Storage client not available",
-            rawError: error,
-        })
-    }
+import { Exception } from "../utilities/exception.js"
+import { getEnv } from "../utilities/getEnv.js"
+import { S3 } from "@aws-sdk/client-s3"
+
+
+export function storageClient(env: ReturnType<typeof getEnv>) {
+    try {
+        const storageClient = new S3({
+            endpoint: env.STORAGE_ENDPOINT,
+            credentials: {
+                accessKeyId: env.STORAGE_ACCESS_KEY,
+                secretAccessKey: env.STORAGE_SECRET_KEY,
+            },
+            region: "fr-par"
+        })
+        return storageClient
+    }
+    catch (error) {
+        throw new Exception({
+            statusCode: 500,
+            internalMessage: "Storage client not available",
+            rawError: error,
+        })
+    }
 }
\ No newline at end of file
diff --git a/packages/api/src/factories/apiFactory.ts b/packages/api/src/factories/apiFactory.ts
index 4f50559..593353e 100644
--- a/packages/api/src/factories/apiFactory.ts
+++ b/packages/api/src/factories/apiFactory.ts
@@ -1,5 +1,5 @@
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { getClients } from "../utilities/getClients.js"
+import { getEnv } from "../utilities/getEnv.js"
 import { Env } from "hono"
 import { createFactory } from "hono/factory"
 
diff --git a/packages/api/src/factories/authFactory.ts b/packages/api/src/factories/authFactory.ts
index cd394fb..7302a34 100644
--- a/packages/api/src/factories/authFactory.ts
+++ b/packages/api/src/factories/authFactory.ts
@@ -1,4 +1,4 @@
-import { ApiEnv } from "#/factories/apiFactory.js"
+import { ApiEnv } from "../factories/apiFactory.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createFactory } from "hono/factory"
 
diff --git a/packages/api/src/factories/publicFactory.ts b/packages/api/src/factories/publicFactory.ts
index fd35d44..0a6f14c 100644
--- a/packages/api/src/factories/publicFactory.ts
+++ b/packages/api/src/factories/publicFactory.ts
@@ -1,4 +1,4 @@
-import { ApiEnv } from "#/factories/apiFactory.js"
+import { ApiEnv } from "../factories/apiFactory.js"
 import { createFactory } from "hono/factory"
 
 
diff --git a/packages/api/src/middlewares/authMiddleware.ts b/packages/api/src/middlewares/authMiddleware.ts
index 4f748a9..74fcb3c 100644
--- a/packages/api/src/middlewares/authMiddleware.ts
+++ b/packages/api/src/middlewares/authMiddleware.ts
@@ -1,93 +1,93 @@
-import { AuthEnv } from "#/factories/authFactory.js"
-import { parseCookies } from "#/utilities/cookies/parseCookies.js"
-import { unsignString } from "#/utilities/cookies/unsignString.js"
-import { Exception } from "#/utilities/exception.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { cookiePrefix } from "#/utilities/variables.js"
-import { models } from "@arrhes/application-metadata/models"
-import { eq } from "drizzle-orm"
-import { createMiddleware } from "hono/factory"
-
-
-export const authMiddleware = createMiddleware<AuthEnv>(async (c, next) => {
-    try {
-        const cookies = parseCookies({ value: c.req.header("Cookie") })
-        const idUserSession = unsignString({
-            signedValue: cookies[`${cookiePrefix}_${"id_user_session"}`],
-            secret: c.var.env.COOKIES_KEY,
-        })
-
-        if (idUserSession === undefined) {
-            throw new Exception({
-                internalMessage: "Auth error",
-                cause: "id_user_session not found in signed cookie",
-            })
-        }
-
-        const userSession = await selectOne({
-            database: c.var.clients.sql,
-            table: models.userSession,
-            where: (table) => (
-                eq(table.id, idUserSession)
-            )
-        })
-        if (userSession.isActive === false) {
-            throw new Exception({
-                internalMessage: "Auth error",
-                cause: "userSession.isActive is false"
-            })
-        }
-        c.set("userSession", userSession)
-
-
-        const user = await selectOne({
-            database: c.var.clients.sql,
-            table: models.user,
-            where: (table) => (
-                eq(table.id, userSession.idUser)
-            )
-        })
-        c.set("user", user)
-
-        await next()
-    }
-    catch (error: unknown) {
-
-        // c.res.headers.append(
-        //     "Set-Cookie",
-        //     serializeCookie({
-        //         name: `${cookiePrefix}_${"id_user_session"}`,
-        //         value: "",
-        //         options: {
-        //             maxAge: userSessionCookieMaxAge,
-        //             httpOnly: true,
-        //             secure: true,
-        //             sameSite: "None",
-        //             domain: c.var.env.COOKIES_DOMAIN,
-        //             path: "/",
-        //         }
-        //     })
-        // )
-        // c.res.headers.append(
-        //     "Set-Cookie",
-        //     serializeCookie({
-        //         name: `${cookiePrefix}_${"is_auth"}`,
-        //         value: String(false),
-        //         options: {
-        //             maxAge: userSessionCookieMaxAge,
-        //             httpOnly: false,
-        //             secure: true,
-        //             sameSite: "None",
-        //             domain: c.var.env.COOKIES_DOMAIN,
-        //             path: "/",
-        //         }
-        //     })
-        // )
-
-        throw new Exception({
-            statusCode: 401,
-            internalMessage: "Auth error",
-            rawError: error,
-        })
-    }
-})
+import { AuthEnv } from "../factories/authFactory.js"
+import { parseCookies } from "../utilities/cookies/parseCookies.js"
+import { unsignString } from "../utilities/cookies/unsignString.js"
+import { Exception } from "../utilities/exception.js"
+import { selectOne } from "../utilities/sql/selectOne.js"
+import { cookiePrefix } from "../utilities/variables.js"
+import { models } from "@arrhes/application-metadata/models"
+import { eq } from "drizzle-orm"
+import { createMiddleware } from "hono/factory"
+
+
+export const authMiddleware = createMiddleware<AuthEnv>(async (c, next) => {
+    try {
+        const cookies = parseCookies({ value: c.req.header("Cookie") })
+        const idUserSession = unsignString({
+            signedValue: cookies[`${cookiePrefix}_${"id_user_session"}`],
+            secret: c.var.env.COOKIES_KEY,
+        })
+
+        if (idUserSession === undefined) {
+            throw new Exception({
+                internalMessage: "Auth error",
+                cause: "id_user_session not found in signed cookie",
+            })
+        }
+
+        const userSession = await selectOne({
+            database: c.var.clients.sql,
+            table: models.userSession,
+            where: (table) => (
+                eq(table.id, idUserSession)
+            )
+        })
+        if (userSession.isActive === false) {
+            throw new Exception({
+                internalMessage: "Auth error",
+                cause: "userSession.isActive is false"
+            })
+        }
+        c.set("userSession", userSession)
+
+
+        const user = await selectOne({
+            database: c.var.clients.sql,
+            table: models.user,
+            where: (table) => (
+                eq(table.id, userSession.idUser)
+            )
+        })
+        c.set("user", user)
+
+        await next()
+    }
+    catch (error: unknown) {
+
+        // c.res.headers.append(
+        //     "Set-Cookie",
+        //     serializeCookie({
+        //         name: `${cookiePrefix}_${"id_user_session"}`,
+        //         value: "",
+        //         options: {
+        //             maxAge: userSessionCookieMaxAge,
+        //             httpOnly: true,
+        //             secure: true,
+        //             sameSite: "None",
+        //             domain: c.var.env.COOKIES_DOMAIN,
+        //             path: "/",
+        //         }
+        //     })
+        // )
+        // c.res.headers.append(
+        //     "Set-Cookie",
+        //     serializeCookie({
+        //         name: `${cookiePrefix}_${"is_auth"}`,
+        //         value: String(false),
+        //         options: {
+        //             maxAge: userSessionCookieMaxAge,
+        //             httpOnly: false,
+        //             secure: true,
+        //             sameSite: "None",
+        //             domain: c.var.env.COOKIES_DOMAIN,
+        //             path: "/",
+        //         }
+        //     })
+        // )
+
+        throw new Exception({
+            statusCode: 401,
+            internalMessage: "Auth error",
+            rawError: error,
+        })
+    }
+})
diff --git a/packages/api/src/middlewares/publicMiddleware.ts b/packages/api/src/middlewares/publicMiddleware.ts
index 19b5ad8..8b5af9a 100644
--- a/packages/api/src/middlewares/publicMiddleware.ts
+++ b/packages/api/src/middlewares/publicMiddleware.ts
@@ -1,6 +1,6 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-
-
-export const publicMiddleware = publicFactory.createMiddleware(async (c, next) => {
-    await next()
+import { publicFactory } from "../factories/publicFactory.js"
+
+
+export const publicMiddleware = publicFactory.createMiddleware(async (c, next) => {
+    await next()
 })
\ No newline at end of file
diff --git a/packages/api/src/middlewares/userVerificationMiddleware.ts b/packages/api/src/middlewares/userVerificationMiddleware.ts
index 5c926c2..b211872 100644
--- a/packages/api/src/middlewares/userVerificationMiddleware.ts
+++ b/packages/api/src/middlewares/userVerificationMiddleware.ts
@@ -1,16 +1,16 @@
-import { authFactory } from "#/factories/authFactory.js"
-
-
-export const userVerificationMiddleware = authFactory.createMiddleware(async (c, next) => {
-
-    // if (c.var.userSession.isUserVerified === false) {
-    //     throw new Exception({
-    //         statusCode: 403,
-    //         errorCode: "USER_NOT_VERIFIED",
-    //         message: "You must be verified",
-    //         cause: "User is not verified"
-    //     })
-    // }
-
-    await next()
-})
+import { authFactory } from "../factories/authFactory.js"
+
+
+export const userVerificationMiddleware = authFactory.createMiddleware(async (c, next) => {
+
+    // if (c.var.userSession.isUserVerified === false) {
+    //     throw new Exception({
+    //         statusCode: 403,
+    //         errorCode: "USER_NOT_VERIFIED",
+    //         message: "You must be verified",
+    //         cause: "User is not verified"
+    //     })
+    // }
+
+    await next()
+})
diff --git a/packages/api/src/routes/auth/authRoute.ts b/packages/api/src/routes/auth/authRoute.ts
index 7e3191b..a811098 100644
--- a/packages/api/src/routes/auth/authRoute.ts
+++ b/packages/api/src/routes/auth/authRoute.ts
@@ -1,21 +1,21 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { authMiddleware } from "#/middlewares/authMiddleware.js"
-import { organizationsRoutes } from "#/routes/auth/organizations/organizationsRoutes.js"
-import { settingsRoutes } from "#/routes/auth/settings/settingsRoutes.js"
-import { supportRoutes } from "#/routes/auth/support/supportRoutes.js"
-import { routePath } from "@arrhes/application-metadata/components"
-
-
-export const authRoute = authFactory.createApp()
-    .use(`${routePath.auth}/*`, authMiddleware)
-
-
-export const authRoutes = [
-    ...organizationsRoutes,
-    ...settingsRoutes,
-    ...supportRoutes,
-]
-
-for (const route of authRoutes) {
-    authRoute.route("/", route)
+import { authFactory } from "../../factories/authFactory.js"
+import { authMiddleware } from "../../middlewares/authMiddleware.js"
+import { organizationsRoutes } from "../../routes/auth/organizations/organizationsRoutes.js"
+import { settingsRoutes } from "../../routes/auth/settings/settingsRoutes.js"
+import { supportRoutes } from "../../routes/auth/support/supportRoutes.js"
+import { routePath } from "@arrhes/application-metadata/components"
+
+
+export const authRoute = authFactory.createApp()
+    .use(`${routePath.auth}/*`, authMiddleware)
+
+
+export const authRoutes = [
+    ...organizationsRoutes,
+    ...settingsRoutes,
+    ...supportRoutes,
+]
+
+for (const route of authRoutes) {
+    authRoute.route("/", route)
 }
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/$idOrganizationRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/$idOrganizationRoutes.ts
index 1699017..042232b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/$idOrganizationRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/$idOrganizationRoutes.ts
@@ -1,11 +1,11 @@
-import { organizationSettingsRoutes } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.js"
-import { readOneOrganizationRoute } from "#/routes/auth/organizations/$idOrganization/readOneOrganization.js"
-import { yearsRoutes } from "#/routes/auth/organizations/$idOrganization/years/yearsRoutes.js"
-
-
-export const $idOrganizationRoutes = [
-    readOneOrganizationRoute,
-
-    ...organizationSettingsRoutes,
-    ...yearsRoutes,
-]
+import { organizationSettingsRoutes } from "../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.js"
+import { readOneOrganizationRoute } from "../../../../routes/auth/organizations/$idOrganization/readOneOrganization.js"
+import { yearsRoutes } from "../../../../routes/auth/organizations/$idOrganization/years/yearsRoutes.js"
+
+
+export const $idOrganizationRoutes = [
+    readOneOrganizationRoute,
+
+    ...organizationSettingsRoutes,
+    ...yearsRoutes,
+]
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
index e293e32..b00d745 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../utilities/exception.js"
+import { response } from "../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../utilities/sql/deleteOne.js"
+import { selectOne } from "../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.ts
index c012c67..766d5a3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.ts
@@ -1,5 +1,5 @@
-import { deleteOneOrganizationRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.js"
-import { updateOneOrganizationRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.js"
+import { deleteOneOrganizationRoute } from "../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/general/deleteOneOrganization.js"
+import { updateOneOrganizationRoute } from "../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.js"
 
 
 export const generalRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
index 0b7f0a6..5941101 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/general/updateOneOrganization.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../utilities/exception.js"
+import { response } from "../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../utilities/sql/selectOne.js"
+import { updateOne } from "../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.ts
index 710a2ee..561832d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoutes.ts
@@ -1,5 +1,5 @@
-import { generalRoutes } from "#/routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.js"
-import { organizationUsersRoutes } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.js"
+import { generalRoutes } from "../../../../../routes/auth/organizations/$idOrganization/organizationSettings/general/generalRoutes.js"
+import { organizationUsersRoutes } from "../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.js"
 
 
 export const organizationSettingsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.ts
index 457c565..c746427 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.ts
@@ -1,6 +1,6 @@
-import { deleteOneOrganizationUserRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.js"
-import { readOneOrganizationUserRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.js"
-import { updateOneOrganizationUserRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.js"
+import { deleteOneOrganizationUserRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.js"
+import { readOneOrganizationUserRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.js"
+import { updateOneOrganizationUserRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.js"
 
 
 export const $idOrganizationUserRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
index 045a4da..76f4388 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/deleteOneOrganizationUser.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../utilities/sql/deleteOne.js"
+import { selectOne } from "../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
index c3be5e3..9d9b1ab 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/readOneOrganizationUser.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
index 2bdcf6b..179058b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/updateOneOrganizationUser.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../utilities/sql/selectOne.js"
+import { updateOne } from "../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
index 0f48960..22c4721 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../utilities/exception.js"
+import { response } from "../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../utilities/sql/insertOne.js"
+import { selectOne } from "../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.ts
index 4a3cd4a..64b0d5e 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/organizationUsersRoutes.ts
@@ -1,6 +1,6 @@
-import { $idOrganizationUserRoutes } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.js"
-import { createOneOrganizationUserRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.js"
-import { readAllOrganizationUsersRoute } from "#/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.js"
+import { $idOrganizationUserRoutes } from "../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/$idOrganizationUser/$idOrganizationUserRoutes.js"
+import { createOneOrganizationUserRoute } from "../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.js"
+import { readAllOrganizationUsersRoute } from "../../../../../../routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.js"
 
 
 export const organizationUsersRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
index 4f6f87c..aa43974 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../utilities/exception.js"
+import { response } from "../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts b/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
index 88cc707..aeb8ddb 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../factories/authFactory.js"
+import { response } from "../../../../utilities/response.js"
+import { selectOne } from "../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.ts
index 8ee3e1c..2af011b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.ts
@@ -1,8 +1,8 @@
-import { attachmentsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.js"
-import { readOneYearRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.js"
-import { recordsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.js"
-import { reportsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.js"
-import { yearSettingsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.js"
+import { attachmentsRoutes } from "../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.js"
+import { readOneYearRoute } from "../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.js"
+import { recordsRoutes } from "../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.js"
+import { reportsRoutes } from "../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.js"
+import { yearSettingsRoute } from "../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.js"
 
 
 export const $idYearRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.ts
index bd403ce..b3bb10e 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.ts
@@ -1,14 +1,14 @@
-import { deleteOneAttachmentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.js"
-import { generateAttachmentGetSignedUrlRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.js"
-import { generateAttachmentPutSignedUrlRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.js"
-import { readOneAttachmentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.js"
-import { updateOneAttachmentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.js"
-
-
-export const $idAttachmentRoutes = [
-    deleteOneAttachmentRoute,
-    generateAttachmentGetSignedUrlRoute,
-    generateAttachmentPutSignedUrlRoute,
-    readOneAttachmentRoute,
-    updateOneAttachmentRoute,
-]
+import { deleteOneAttachmentRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.js"
+import { generateAttachmentGetSignedUrlRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.js"
+import { generateAttachmentPutSignedUrlRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.js"
+import { readOneAttachmentRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.js"
+import { updateOneAttachmentRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.js"
+
+
+export const $idAttachmentRoutes = [
+    deleteOneAttachmentRoute,
+    generateAttachmentGetSignedUrlRoute,
+    generateAttachmentPutSignedUrlRoute,
+    readOneAttachmentRoute,
+    updateOneAttachmentRoute,
+]
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
index 90298a1..b1ab7a0 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { deleteObject } from "#/utilities/storage/deleteObject.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../utilities/sql/deleteOne.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { deleteObject } from "../../../../../../../../utilities/storage/deleteObject.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
index aaf0105..d605782 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { generateGetSignedUrl } from "#/utilities/storage/generateGetSignedUrl.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { generateGetSignedUrl } from "../../../../../../../../utilities/storage/generateGetSignedUrl.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
index da4f0ab..9e32826 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { generatePutSignedUrl } from "#/utilities/storage/generatePutSignedUrl.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { generatePutSignedUrl } from "../../../../../../../../utilities/storage/generatePutSignedUrl.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { generateAttachmentPutSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
index 77838ed..01fff81 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
index a3ee4de..25aacc9 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.ts
index 0d6ce45..44a3c7d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoutes.ts
@@ -1,11 +1,11 @@
-import { $idAttachmentRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.js"
-import { createOneAttachmentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.js"
-import { readAllAttachmentsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.js"
-
-
-export const attachmentsRoutes = [
-    createOneAttachmentRoute,
-    readAllAttachmentsRoute,
-
-    ...$idAttachmentRoutes,
+import { $idAttachmentRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/$idAttachmentRoutes.js"
+import { createOneAttachmentRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.js"
+import { readAllAttachmentsRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.js"
+
+
+export const attachmentsRoutes = [
+    createOneAttachmentRoute,
+    readAllAttachmentsRoute,
+
+    ...$idAttachmentRoutes,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
index d61c8be..d1c2a0a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
index 22df5bd..119e927 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
index b0c41d4..d54b780 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.ts
index bce21cb..48a3d41 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.ts
@@ -1,7 +1,7 @@
-import { deleteOneRecordRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.js"
-import { duplicateOneRecordRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.js"
-import { readOneRecordRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.js"
-import { updateOneRecordRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.js"
+import { deleteOneRecordRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.js"
+import { duplicateOneRecordRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.js"
+import { readOneRecordRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.js"
+import { updateOneRecordRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.js"
 
 
 export const $idRecordRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
index 4fa7fa9..c7ab4c8 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
index 7fbecc3..d4e2a72 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
@@ -1,10 +1,10 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { duplicateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
index ba49001..8e40661 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
index 2a5c344..946f63e 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
index c560761..77f7266 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
index 0631d86..19c7308 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.ts
index 22e497a..f6ace19 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.ts
@@ -1,6 +1,6 @@
-import { deleteOneRecordRowRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.js"
-import { readOneRecordRowRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.js"
-import { updateOneRecordRowRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.js"
+import { deleteOneRecordRowRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.js"
+import { readOneRecordRowRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.js"
+import { updateOneRecordRowRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.js"
 
 
 export const $idRecordRowRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
index a4beb92..5c16623 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/deleteOneRecordRow.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
index 6eb3672..71e54c4 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/readOneRecordRow.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
index b7e58ca..685fbd4 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/updateOneRecordRow.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
index 24336cb..938288d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
index a6f39e2..2df42de 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.ts
index 42f292e..32d757b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.ts
@@ -1,7 +1,7 @@
-import { $idRecordRowRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.js"
-import { createOneRecordRowRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.js"
-import { readAllRecordRowsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.js"
-import { updateManyRecordRowsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.js"
+import { $idRecordRowRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/$idRecordRow/$idRecordRowRoutes.js"
+import { createOneRecordRowRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/createOneRecordRow.js"
+import { readAllRecordRowsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/readAllRecordRows.js"
+import { updateManyRecordRowsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.js"
 
 
 export const recordRowsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
index d66e8c8..23cbc70 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/updateManyRecordRows.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateManyRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.ts
index e7a4cc5..8462712 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/records/recordsRoutes.ts
@@ -1,7 +1,7 @@
-import { $idRecordRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.js"
-import { createOneRecordRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.js"
-import { readAllRecordsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.js"
-import { recordRowsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.js"
+import { $idRecordRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRoutes.js"
+import { createOneRecordRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.js"
+import { readAllRecordsRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.js"
+import { recordRowsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/records/recordRows/recordRowsRoutes.js"
 
 
 export const recordsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.ts
index 9e5ac64..c92489d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.ts
@@ -1,8 +1,8 @@
-import { generateDocumentGetSignedUrlRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.js"
-import { readOneDocumentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.js"
-
-
-export const $idDocumentRoutes = [
-    generateDocumentGetSignedUrlRoute,
-    readOneDocumentRoute,
+import { generateDocumentGetSignedUrlRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.js"
+import { readOneDocumentRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.js"
+
+
+export const $idDocumentRoutes = [
+    generateDocumentGetSignedUrlRoute,
+    readOneDocumentRoute,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
index fac1895..c441560 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/generateDocumentGetSignedUrl.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { generateGetSignedUrl } from "#/utilities/storage/generateGetSignedUrl.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { generateGetSignedUrl } from "../../../../../../../../../utilities/storage/generateGetSignedUrl.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
index cf2210a..8fc7080 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/readOneDocument.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.ts
index dc5c2ac..f76d344 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.ts
@@ -1,9 +1,9 @@
-import { $idDocumentRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.js"
-import { readAllDocumentsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.js"
-
-
-export const documentsRoutes = [
-    readAllDocumentsRoute,
-
-    ...$idDocumentRoutes,
+import { $idDocumentRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/document/$idDocument/$idDocumentRoutes.js"
+import { readAllDocumentsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.js"
+
+
+export const documentsRoutes = [
+    readAllDocumentsRoute,
+
+    ...$idDocumentRoutes,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
index 51c567c..e8c4231 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/readAllDocuments.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllDocumentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
index 88f8e56..1442e9c 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
@@ -1,10 +1,10 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { balanceSheetReportTemplate } from "#/utilities/email/templates/balanceSheetReport/balanceSheetReport.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { putObject } from "#/utilities/storage/putObject.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { balanceSheetReportTemplate } from "../../../../../../../utilities/email/templates/balanceSheetReport/balanceSheetReport.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../utilities/sql/insertOne.js"
+import { selectMany } from "../../../../../../../utilities/sql/selectMany.js"
+import { putObject } from "../../../../../../../utilities/storage/putObject.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { generateBalanceSheetReportDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
index d09f02c..57e9a2b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
@@ -1,10 +1,10 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { incomeStatementReportTemplate } from "#/utilities/email/templates/incomeStatementReport/incomeStatementReport.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { putObject } from "#/utilities/storage/putObject.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../factories/authFactory.js"
+import { incomeStatementReportTemplate } from "../../../../../../../utilities/email/templates/incomeStatementReport/incomeStatementReport.js"
+import { response } from "../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../utilities/sql/insertOne.js"
+import { selectMany } from "../../../../../../../utilities/sql/selectMany.js"
+import { putObject } from "../../../../../../../utilities/storage/putObject.js"
+import { bodyValidator } from "../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { generateIncomeStatementReportDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.ts
index f2d6eaf..a946720 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoutes.ts
@@ -1,6 +1,6 @@
-import { documentsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.js";
-import { generateBalanceSheetReportDocumentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.js";
-import { generateIncomeStatementReportDocumentRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.js";
+import { documentsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/document/documentsRoutes.js";
+import { generateBalanceSheetReportDocumentRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.js";
+import { generateIncomeStatementReportDocumentRoute } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.js";
 
 
 export const reportsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.ts
index 5d964f8..1e1c8e1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.ts
@@ -1,10 +1,10 @@
-import { deleteOneAccountRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.js"
-import { readOneAccountRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.js"
-import { updateOneAccountRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.js"
-
-
-export const $idAccountRoutes = [
-    deleteOneAccountRoute,
-    readOneAccountRoute,
-    updateOneAccountRoute,
+import { deleteOneAccountRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.js"
+import { readOneAccountRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.js"
+import { updateOneAccountRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.js"
+
+
+export const $idAccountRoutes = [
+    deleteOneAccountRoute,
+    readOneAccountRoute,
+    updateOneAccountRoute,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
index 6b42111..8ab7717 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
@@ -1,36 +1,36 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { deleteOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const deleteOneAccountRoute = authFactory.createApp()
-    .post(
-        deleteOneAccountRouteDefinition.path,
-        bodyValidator(deleteOneAccountRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const deleteOneAccount = await deleteOne({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idAccount),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: deleteOneAccountRouteDefinition.schemas.return,
-                data: deleteOneAccount,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const deleteOneAccountRoute = authFactory.createApp()
+    .post(
+        deleteOneAccountRouteDefinition.path,
+        bodyValidator(deleteOneAccountRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const deleteOneAccount = await deleteOne({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idAccount),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: deleteOneAccountRouteDefinition.schemas.return,
+                data: deleteOneAccount,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
index e2d51d4..263c919 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
@@ -1,37 +1,37 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const readOneAccountRoute = authFactory.createApp()
-    .post(
-        readOneAccountRouteDefinition.path,
-        bodyValidator(readOneAccountRouteDefinition.schemas.body),
-        async (c) => {
-
-            const body = c.req.valid("json")
-
-            const readOneAccount = await selectOne({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idAccount),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: readOneAccountRouteDefinition.schemas.return,
-                data: readOneAccount,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const readOneAccountRoute = authFactory.createApp()
+    .post(
+        readOneAccountRouteDefinition.path,
+        bodyValidator(readOneAccountRouteDefinition.schemas.body),
+        async (c) => {
+
+            const body = c.req.valid("json")
+
+            const readOneAccount = await selectOne({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idAccount),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: readOneAccountRouteDefinition.schemas.return,
+                data: readOneAccount,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
index ffad143..5d7949d 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
@@ -1,58 +1,58 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const updateOneAccountRoute = authFactory.createApp()
-    .post(
-        updateOneAccountRouteDefinition.path,
-        bodyValidator(updateOneAccountRouteDefinition.schemas.body),
-        async (c) => {
-
-            const body = c.req.valid("json")
-
-            const updateOneAccount = await updateOne({
-                database: c.var.clients.sql,
-                table: models.account,
-                data: {
-                    idAccountParent: body.idAccountParent,
-
-                    idBalanceSheetAsset: body.idBalanceSheetAsset,
-                    balanceSheetAssetColumn: body.balanceSheetAssetColumn,
-                    balanceSheetAssetFlow: body.balanceSheetAssetFlow,
-
-                    idBalanceSheetLiability: body.idBalanceSheetLiability,
-                    balanceSheetLiabilityColumn: body.balanceSheetLiabilityColumn,
-                    balanceSheetLiabilityFlow: body.balanceSheetLiabilityFlow,
-
-                    idIncomeStatement: body.idIncomeStatement,
-
-                    isClass: body.isClass,
-                    isSelectable: body.isSelectable,
-                    number: body.number,
-                    label: body.label,
-                    type: body.type,
-                    lastUpdatedAt: new Date().toISOString(),
-                    lastUpdatedBy: c.var.user.id,
-                },
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idAccount),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: updateOneAccountRouteDefinition.schemas.return,
-                data: updateOneAccount,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const updateOneAccountRoute = authFactory.createApp()
+    .post(
+        updateOneAccountRouteDefinition.path,
+        bodyValidator(updateOneAccountRouteDefinition.schemas.body),
+        async (c) => {
+
+            const body = c.req.valid("json")
+
+            const updateOneAccount = await updateOne({
+                database: c.var.clients.sql,
+                table: models.account,
+                data: {
+                    idAccountParent: body.idAccountParent,
+
+                    idBalanceSheetAsset: body.idBalanceSheetAsset,
+                    balanceSheetAssetColumn: body.balanceSheetAssetColumn,
+                    balanceSheetAssetFlow: body.balanceSheetAssetFlow,
+
+                    idBalanceSheetLiability: body.idBalanceSheetLiability,
+                    balanceSheetLiabilityColumn: body.balanceSheetLiabilityColumn,
+                    balanceSheetLiabilityFlow: body.balanceSheetLiabilityFlow,
+
+                    idIncomeStatement: body.idIncomeStatement,
+
+                    isClass: body.isClass,
+                    isSelectable: body.isSelectable,
+                    number: body.number,
+                    label: body.label,
+                    type: body.type,
+                    lastUpdatedAt: new Date().toISOString(),
+                    lastUpdatedBy: c.var.user.id,
+                },
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idAccount),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: updateOneAccountRouteDefinition.schemas.return,
+                data: updateOneAccount,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.ts
index 92b504e..4bd060a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.ts
@@ -1,13 +1,13 @@
-import { $idAccountRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.js"
-import { createOneAccountRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.js"
-import { generateAccountsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.js"
-import { readAllAccountsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.js"
-
-
-export const accountsRoutes = [
-    createOneAccountRoute,
-    readAllAccountsRoute,
-    generateAccountsRoute,
-
-    ...$idAccountRoutes,
+import { $idAccountRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/$idAccountRoutes.js"
+import { createOneAccountRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.js"
+import { generateAccountsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.js"
+import { readAllAccountsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.js"
+
+
+export const accountsRoutes = [
+    createOneAccountRoute,
+    readAllAccountsRoute,
+    generateAccountsRoute,
+
+    ...$idAccountRoutes,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
index 771ba05..3db96dd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
@@ -1,76 +1,76 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { createOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-
-
-export const createOneAccountRoute = authFactory.createApp()
-    .post(
-        createOneAccountRouteDefinition.path,
-        bodyValidator(createOneAccountRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const readOneAccount = await selectOne({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => {
-                    if (body.idAccountParent === null) {
-                        return
-                    }
-                    return (
-                        and(
-                            eq(table.idOrganization, body.idOrganization),
-                            eq(table.idYear, body.idYear),
-                            eq(table.id, body.idAccountParent),
-                        )
-                    )
-                }
-            })
-
-            const createOneAccount = await insertOne({
-                database: c.var.clients.sql,
-                table: models.account,
-                data: {
-                    id: generateId(),
-                    idOrganization: body.idOrganization,
-                    idYear: body.idYear,
-                    idAccountParent: body.idAccountParent,
-
-                    idBalanceSheetAsset: body.idBalanceSheetAsset ?? readOneAccount?.idBalanceSheetAsset,
-                    balanceSheetAssetColumn: body.balanceSheetAssetColumn ?? readOneAccount?.balanceSheetAssetColumn,
-                    balanceSheetAssetFlow: body.balanceSheetAssetFlow ?? readOneAccount?.balanceSheetAssetFlow,
-
-                    idBalanceSheetLiability: body.idBalanceSheetLiability ?? readOneAccount?.idBalanceSheetLiability,
-                    balanceSheetLiabilityColumn: body.balanceSheetLiabilityColumn ?? readOneAccount?.balanceSheetLiabilityColumn,
-                    balanceSheetLiabilityFlow: body.balanceSheetLiabilityFlow ?? readOneAccount?.balanceSheetLiabilityFlow,
-
-                    idIncomeStatement: body.idIncomeStatement,
-
-                    isClass: body.isClass,
-                    isSelectable: body.isSelectable,
-                    isDefault: false,
-                    label: body.label,
-                    number: body.number,
-                    type: body.type,
-                    isMandatory: true,
-                    createdAt: new Date().toISOString(),
-                    lastUpdatedAt: null,
-                    createdBy: c.var.user.id,
-                    lastUpdatedBy: null,
-                }
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: createOneAccountRouteDefinition.schemas.return,
-                data: createOneAccount,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+
+
+export const createOneAccountRoute = authFactory.createApp()
+    .post(
+        createOneAccountRouteDefinition.path,
+        bodyValidator(createOneAccountRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const readOneAccount = await selectOne({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => {
+                    if (body.idAccountParent === null) {
+                        return
+                    }
+                    return (
+                        and(
+                            eq(table.idOrganization, body.idOrganization),
+                            eq(table.idYear, body.idYear),
+                            eq(table.id, body.idAccountParent),
+                        )
+                    )
+                }
+            })
+
+            const createOneAccount = await insertOne({
+                database: c.var.clients.sql,
+                table: models.account,
+                data: {
+                    id: generateId(),
+                    idOrganization: body.idOrganization,
+                    idYear: body.idYear,
+                    idAccountParent: body.idAccountParent,
+
+                    idBalanceSheetAsset: body.idBalanceSheetAsset ?? readOneAccount?.idBalanceSheetAsset,
+                    balanceSheetAssetColumn: body.balanceSheetAssetColumn ?? readOneAccount?.balanceSheetAssetColumn,
+                    balanceSheetAssetFlow: body.balanceSheetAssetFlow ?? readOneAccount?.balanceSheetAssetFlow,
+
+                    idBalanceSheetLiability: body.idBalanceSheetLiability ?? readOneAccount?.idBalanceSheetLiability,
+                    balanceSheetLiabilityColumn: body.balanceSheetLiabilityColumn ?? readOneAccount?.balanceSheetLiabilityColumn,
+                    balanceSheetLiabilityFlow: body.balanceSheetLiabilityFlow ?? readOneAccount?.balanceSheetLiabilityFlow,
+
+                    idIncomeStatement: body.idIncomeStatement,
+
+                    isClass: body.isClass,
+                    isSelectable: body.isSelectable,
+                    isDefault: false,
+                    label: body.label,
+                    number: body.number,
+                    type: body.type,
+                    isMandatory: true,
+                    createdAt: new Date().toISOString(),
+                    lastUpdatedAt: null,
+                    createdBy: c.var.user.id,
+                    lastUpdatedBy: null,
+                }
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: createOneAccountRouteDefinition.schemas.return,
+                data: createOneAccount,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
index dbaf91f..16b8ee3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
@@ -1,142 +1,142 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteMany } from "#/utilities/sql/deleteMany.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { DefaultAccount, defaultAssociationAccounts, defaultCompanyAccounts } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { generateAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-import * as v from "valibot"
-
-
-function generateAccounts(parameters: {
-    accounts: Array<DefaultAccount>
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    idAccountParent: v.InferOutput<typeof returnedSchemas.account>["idAccountParent"] | null
-}) {
-    const newAccounts: Array<v.InferOutput<typeof returnedSchemas.account>> = []
-
-    parameters.accounts.forEach((account) => {
-        const newAccount = {
-            id: generateId(),
-            idOrganization: parameters.idOrganization,
-            idYear: parameters.idYear,
-            idAccountParent: parameters.idAccountParent,
-
-            idBalanceSheetAsset: null,
-            balanceSheetAssetColumn: null,
-            balanceSheetAssetFlow: null,
-
-            idBalanceSheetLiability: null,
-            balanceSheetLiabilityColumn: null,
-            balanceSheetLiabilityFlow: null,
-
-            idIncomeStatement: null,
-
-            number: account.number.toString(),
-            isMandatory: account.isMandatory,
-            isClass: account.isClass,
-            isDefault: true,
-            isSelectable: account.isSelectable,
-            label: account.label,
-            type: account.type,
-            createdAt: new Date().toISOString(),
-            lastUpdatedAt: null,
-            createdBy: null,
-            lastUpdatedBy: null,
-        }
-        newAccounts.push(newAccount)
-        newAccounts.push(...generateAccounts({
-            ...parameters,
-            accounts: account.children,
-            idAccountParent: newAccount.id
-        }))
-    })
-
-    return newAccounts
-}
-
-
-export const generateAccountsRoute = authFactory.createApp()
-    .post(
-        generateAccountsRouteDefinition.path,
-        bodyValidator(generateAccountsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            if (body.isReplicatingAccounts === true) {
-                throw new Exception({
-                    internalMessage: "Replicating accounts is not implemented yet",
-                    externalMessage: "Non implémenté",
-                })
-            }
-
-            const generatedAccounts = await c.var.clients.sql.transaction(async (tx) => {
-                try {
-                    const deletedAccounts = await deleteMany({
-                        database: tx,
-                        table: models.account,
-                        where: (table) => (
-                            and(
-                                eq(table.idOrganization, body.idOrganization),
-                                eq(table.idYear, body.idYear)
-                            )
-                        )
-                    })
-                }
-                catch (error: unknown) {
-                    throw new Exception({
-                        internalMessage: "Failed to delete accounts",
-                        externalMessage: "Échec de la suppression des comptes",
-                    })
-                }
-
-                const organization = await selectOne({
-                    database: tx,
-                    table: models.organization,
-                    where: (table) => (
-                        eq(table.id, body.idOrganization)
-                    )
-                })
-                const defaultAccounts = (
-                    (organization.scope === "association")
-                        ? defaultAssociationAccounts
-                        : defaultCompanyAccounts
-                ).filter((account) => {
-                    if (account.isMandatory === false) {
-                        if (body.isMinimalSystem === true) return false
-                    }
-                    return true
-                })
-
-                let newAccounts = generateAccounts({
-                    idOrganization: body.idOrganization,
-                    idYear: body.idYear,
-                    accounts: defaultAccounts,
-                    idAccountParent: null,
-                })
-
-                const generatedAccounts = await insertMany({
-                    database: tx,
-                    table: models.account,
-                    data: newAccounts,
-                })
-
-                return generatedAccounts
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: generateAccountsRouteDefinition.schemas.return,
-                data: generatedAccounts,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteMany } from "../../../../../../../../utilities/sql/deleteMany.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { DefaultAccount, defaultAssociationAccounts, defaultCompanyAccounts } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+import * as v from "valibot"
+
+
+function generateAccounts(parameters: {
+    accounts: Array<DefaultAccount>
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    idAccountParent: v.InferOutput<typeof returnedSchemas.account>["idAccountParent"] | null
+}) {
+    const newAccounts: Array<v.InferOutput<typeof returnedSchemas.account>> = []
+
+    parameters.accounts.forEach((account) => {
+        const newAccount = {
+            id: generateId(),
+            idOrganization: parameters.idOrganization,
+            idYear: parameters.idYear,
+            idAccountParent: parameters.idAccountParent,
+
+            idBalanceSheetAsset: null,
+            balanceSheetAssetColumn: null,
+            balanceSheetAssetFlow: null,
+
+            idBalanceSheetLiability: null,
+            balanceSheetLiabilityColumn: null,
+            balanceSheetLiabilityFlow: null,
+
+            idIncomeStatement: null,
+
+            number: account.number.toString(),
+            isMandatory: account.isMandatory,
+            isClass: account.isClass,
+            isDefault: true,
+            isSelectable: account.isSelectable,
+            label: account.label,
+            type: account.type,
+            createdAt: new Date().toISOString(),
+            lastUpdatedAt: null,
+            createdBy: null,
+            lastUpdatedBy: null,
+        }
+        newAccounts.push(newAccount)
+        newAccounts.push(...generateAccounts({
+            ...parameters,
+            accounts: account.children,
+            idAccountParent: newAccount.id
+        }))
+    })
+
+    return newAccounts
+}
+
+
+export const generateAccountsRoute = authFactory.createApp()
+    .post(
+        generateAccountsRouteDefinition.path,
+        bodyValidator(generateAccountsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            if (body.isReplicatingAccounts === true) {
+                throw new Exception({
+                    internalMessage: "Replicating accounts is not implemented yet",
+                    externalMessage: "Non implémenté",
+                })
+            }
+
+            const generatedAccounts = await c.var.clients.sql.transaction(async (tx) => {
+                try {
+                    const deletedAccounts = await deleteMany({
+                        database: tx,
+                        table: models.account,
+                        where: (table) => (
+                            and(
+                                eq(table.idOrganization, body.idOrganization),
+                                eq(table.idYear, body.idYear)
+                            )
+                        )
+                    })
+                }
+                catch (error: unknown) {
+                    throw new Exception({
+                        internalMessage: "Failed to delete accounts",
+                        externalMessage: "Échec de la suppression des comptes",
+                    })
+                }
+
+                const organization = await selectOne({
+                    database: tx,
+                    table: models.organization,
+                    where: (table) => (
+                        eq(table.id, body.idOrganization)
+                    )
+                })
+                const defaultAccounts = (
+                    (organization.scope === "association")
+                        ? defaultAssociationAccounts
+                        : defaultCompanyAccounts
+                ).filter((account) => {
+                    if (account.isMandatory === false) {
+                        if (body.isMinimalSystem === true) return false
+                    }
+                    return true
+                })
+
+                let newAccounts = generateAccounts({
+                    idOrganization: body.idOrganization,
+                    idYear: body.idYear,
+                    accounts: defaultAccounts,
+                    idAccountParent: null,
+                })
+
+                const generatedAccounts = await insertMany({
+                    database: tx,
+                    table: models.account,
+                    data: newAccounts,
+                })
+
+                return generatedAccounts
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: generateAccountsRouteDefinition.schemas.return,
+                data: generatedAccounts,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
index 465650d..bd0f60c 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
@@ -1,35 +1,35 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const readAllAccountsRoute = authFactory.createApp()
-    .post(
-        readAllAccountsRouteDefinition.path,
-        bodyValidator(readAllAccountsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const readAllAccounts = await selectMany({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: readAllAccountsRouteDefinition.schemas.return,
-                data: readAllAccounts,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const readAllAccountsRoute = authFactory.createApp()
+    .post(
+        readAllAccountsRouteDefinition.path,
+        bodyValidator(readAllAccountsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const readAllAccounts = await selectMany({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: readAllAccountsRouteDefinition.schemas.return,
+                data: readAllAccounts,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.ts
index 0a4519c..59962b3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.ts
@@ -1,6 +1,6 @@
-import { deleteOneBalanceSheetRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.js"
-import { readOneBalanceSheetRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.js"
-import { updateOneBalanceSheetRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.js"
+import { deleteOneBalanceSheetRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.js"
+import { readOneBalanceSheetRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.js"
+import { updateOneBalanceSheetRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.js"
 
 
 export const $idBalanceSheetRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
index 07531a5..cd31f71 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
index 79d6304..b01bf5f 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
index ded5191..40bc721 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.ts
index 8d528fb..ee8a3cd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.ts
@@ -1,8 +1,8 @@
-import { $idBalanceSheetRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.js"
-import { connectAccountsToBalanceSheetsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.js"
-import { createOneBalanceSheetRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.js"
-import { generateBalanceSheetsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.js"
-import { readAllBalanceSheetsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.js"
+import { $idBalanceSheetRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/$idBalanceSheetRoutes.js"
+import { connectAccountsToBalanceSheetsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.js"
+import { createOneBalanceSheetRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.js"
+import { generateBalanceSheetsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.js"
+import { readAllBalanceSheetsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.js"
 
 
 export const balanceSheetsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
index eea2421..3c47cbe 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
@@ -1,143 +1,143 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { connectAccountsToBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const connectAccountsToBalanceSheetsRoute = authFactory.createApp()
-    .post(
-        connectAccountsToBalanceSheetsRouteDefinition.path,
-        bodyValidator(connectAccountsToBalanceSheetsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const readAllAccounts = await selectMany({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-            const readAllBalanceSheets = await selectMany({
-                database: c.var.clients.sql,
-                table: models.balanceSheet,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-            const organization = await selectOne({
-                database: c.var.clients.sql,
-                table: models.organization,
-                where: (table) => (
-                    eq(table.id, body.idOrganization)
-                )
-            })
-            const defaultBalanceSheets = (
-                (organization.scope === "association")
-                    ? defaultAssociationBalanceSheets
-                    : defaultCompanyBalanceSheets
-            )
-
-            const connectAccountsToBalanceSheets = await c.var.clients.sql.transaction(async (tx) => {
-                for (const defaultBalanceSheet of defaultBalanceSheets) {
-                    for (const defaultAccount of defaultBalanceSheet.accounts) {
-
-                        const foundAccount = readAllAccounts.find((account) => {
-                            return account.number === defaultAccount.number.toString()
-                        })
-
-                        if (foundAccount === undefined) {
-                            console.log("foundAccount is undefined", defaultBalanceSheet.number, defaultAccount)
-                            continue
-                        }
-
-                        const balanceSheet = readAllBalanceSheets.find((balanceSheet) => balanceSheet.number === defaultBalanceSheet.number.toString())
-                        if (balanceSheet === undefined) {
-                            console.log("balanceSheet is undefined", defaultBalanceSheet.number)
-                            continue
-                        }
-
-                        const updateOneAccount = await updateOne({
-                            database: tx,
-                            table: models.account,
-                            data: {
-                                idBalanceSheetAsset: (defaultBalanceSheet.side === "asset")
-                                    ? balanceSheet.id
-                                    : undefined,
-                                balanceSheetAssetColumn: (defaultBalanceSheet.side === "asset")
-                                    ? (defaultAccount.isAmortization)
-                                        ? "amortization"
-                                        : "gross"
-                                    : undefined,
-                                balanceSheetAssetFlow: (defaultBalanceSheet.side === "asset")
-                                    ? defaultAccount.flow
-                                    : undefined,
-
-                                idBalanceSheetLiability: (defaultBalanceSheet.side === "liability")
-                                    ? balanceSheet.id
-                                    : undefined,
-                                balanceSheetLiabilityColumn: (defaultBalanceSheet.side === "liability")
-                                    ? "net"
-                                    : undefined,
-                                balanceSheetLiabilityFlow: (defaultBalanceSheet.side === "liability")
-                                    ? defaultAccount.flow
-                                    : undefined,
-
-                                lastUpdatedAt: new Date().toISOString(),
-                                lastUpdatedBy: c.var.user.id,
-                            },
-                            where: (table) => (
-                                and(
-                                    eq(table.idOrganization, body.idOrganization),
-                                    eq(table.idYear, body.idYear),
-                                    eq(table.id, foundAccount.id),
-                                )
-                            )
-                        })
-                    }
-                }
-                for (const account of readAllAccounts) {
-
-
-                    const defaultBalanceSheet = defaultBalanceSheets.find((defaultBalanceSheet) => {
-                        const foundAccount = defaultBalanceSheet.accounts.find((defaultAccount) => defaultAccount.number.toString() === account.number)
-
-                        return false
-                    })
-
-                    if (defaultBalanceSheet === undefined) {
-                        continue
-                    }
-
-                    const balanceSheet = readAllBalanceSheets.find((balanceSheet) => balanceSheet.number === defaultBalanceSheet.number.toString())
-                    if (balanceSheet === undefined) {
-                        continue
-                    }
-
-
-                }
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: connectAccountsToBalanceSheetsRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { connectAccountsToBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const connectAccountsToBalanceSheetsRoute = authFactory.createApp()
+    .post(
+        connectAccountsToBalanceSheetsRouteDefinition.path,
+        bodyValidator(connectAccountsToBalanceSheetsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const readAllAccounts = await selectMany({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+            const readAllBalanceSheets = await selectMany({
+                database: c.var.clients.sql,
+                table: models.balanceSheet,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+            const organization = await selectOne({
+                database: c.var.clients.sql,
+                table: models.organization,
+                where: (table) => (
+                    eq(table.id, body.idOrganization)
+                )
+            })
+            const defaultBalanceSheets = (
+                (organization.scope === "association")
+                    ? defaultAssociationBalanceSheets
+                    : defaultCompanyBalanceSheets
+            )
+
+            const connectAccountsToBalanceSheets = await c.var.clients.sql.transaction(async (tx) => {
+                for (const defaultBalanceSheet of defaultBalanceSheets) {
+                    for (const defaultAccount of defaultBalanceSheet.accounts) {
+
+                        const foundAccount = readAllAccounts.find((account) => {
+                            return account.number === defaultAccount.number.toString()
+                        })
+
+                        if (foundAccount === undefined) {
+                            console.log("foundAccount is undefined", defaultBalanceSheet.number, defaultAccount)
+                            continue
+                        }
+
+                        const balanceSheet = readAllBalanceSheets.find((balanceSheet) => balanceSheet.number === defaultBalanceSheet.number.toString())
+                        if (balanceSheet === undefined) {
+                            console.log("balanceSheet is undefined", defaultBalanceSheet.number)
+                            continue
+                        }
+
+                        const updateOneAccount = await updateOne({
+                            database: tx,
+                            table: models.account,
+                            data: {
+                                idBalanceSheetAsset: (defaultBalanceSheet.side === "asset")
+                                    ? balanceSheet.id
+                                    : undefined,
+                                balanceSheetAssetColumn: (defaultBalanceSheet.side === "asset")
+                                    ? (defaultAccount.isAmortization)
+                                        ? "amortization"
+                                        : "gross"
+                                    : undefined,
+                                balanceSheetAssetFlow: (defaultBalanceSheet.side === "asset")
+                                    ? defaultAccount.flow
+                                    : undefined,
+
+                                idBalanceSheetLiability: (defaultBalanceSheet.side === "liability")
+                                    ? balanceSheet.id
+                                    : undefined,
+                                balanceSheetLiabilityColumn: (defaultBalanceSheet.side === "liability")
+                                    ? "net"
+                                    : undefined,
+                                balanceSheetLiabilityFlow: (defaultBalanceSheet.side === "liability")
+                                    ? defaultAccount.flow
+                                    : undefined,
+
+                                lastUpdatedAt: new Date().toISOString(),
+                                lastUpdatedBy: c.var.user.id,
+                            },
+                            where: (table) => (
+                                and(
+                                    eq(table.idOrganization, body.idOrganization),
+                                    eq(table.idYear, body.idYear),
+                                    eq(table.id, foundAccount.id),
+                                )
+                            )
+                        })
+                    }
+                }
+                for (const account of readAllAccounts) {
+
+
+                    const defaultBalanceSheet = defaultBalanceSheets.find((defaultBalanceSheet) => {
+                        const foundAccount = defaultBalanceSheet.accounts.find((defaultAccount) => defaultAccount.number.toString() === account.number)
+
+                        return false
+                    })
+
+                    if (defaultBalanceSheet === undefined) {
+                        continue
+                    }
+
+                    const balanceSheet = readAllBalanceSheets.find((balanceSheet) => balanceSheet.number === defaultBalanceSheet.number.toString())
+                    if (balanceSheet === undefined) {
+                        continue
+                    }
+
+
+                }
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: connectAccountsToBalanceSheetsRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
index fc03fa7..fe92cb5 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
index 47187b6..3fb452b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
@@ -1,104 +1,104 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteMany } from "#/utilities/sql/deleteMany.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { generateBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-import * as v from "valibot"
-
-
-export const generateBalanceSheetsRoute = authFactory.createApp()
-    .post(
-        generateBalanceSheetsRouteDefinition.path,
-        bodyValidator(generateBalanceSheetsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const generatedBalanceSheets = await c.var.clients.sql.transaction(async (tx) => {
-                try {
-                    const deletedBalanceSheets = await deleteMany({
-                        database: tx,
-                        table: models.balanceSheet,
-                        where: (table) => (
-                            and(
-                                eq(table.idOrganization, body.idOrganization),
-                                eq(table.idYear, body.idYear)
-                            )
-                        )
-                    })
-                }
-                catch (error: unknown) {
-                    throw new Exception({
-                        internalMessage: "Failed to delete balanceSheets",
-                        externalMessage: "Échec de la suppression des lignes de bilan",
-                    })
-                }
-
-                const organization = await selectOne({
-                    database: tx,
-                    table: models.organization,
-                    where: (table) => (
-                        eq(table.id, body.idOrganization)
-                    )
-                })
-                const defaultBalanceSheets = (
-                    (organization.scope === "association")
-                        ? defaultAssociationBalanceSheets
-                        : defaultCompanyBalanceSheets
-                )
-
-
-                const newBalanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>> = []
-
-                defaultBalanceSheets
-                    .forEach((defaultBalanceSheet) => {
-                        const balanceSheetParent = newBalanceSheets.find((newBalanceSheet) => {
-                            const isParent = newBalanceSheet.number === defaultBalanceSheet.numberParent?.toString()
-                            const isSameSide = newBalanceSheet.side === defaultBalanceSheet.side
-                            return isParent && isSameSide
-                        })
-                        newBalanceSheets.push({
-                            id: generateId(),
-                            idOrganization: body.idOrganization,
-                            idYear: body.idYear,
-                            idBalanceSheetParent: balanceSheetParent?.id ?? null,
-                            number: defaultBalanceSheet.number.toString(),
-                            isDefault: true,
-                            isComputed: (balanceSheetParent === undefined)
-                                ? true
-                                : false,
-                            label: defaultBalanceSheet.label,
-                            side: defaultBalanceSheet.side,
-                            createdAt: new Date().toISOString(),
-                            lastUpdatedAt: null,
-                            createdBy: null,
-                            lastUpdatedBy: null,
-                        })
-                    })
-
-
-                const generatedBalanceSheets = await insertMany({
-                    database: tx,
-                    table: models.balanceSheet,
-                    data: newBalanceSheets,
-                })
-
-                return generatedBalanceSheets
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: generateBalanceSheetsRouteDefinition.schemas.return,
-                data: generatedBalanceSheets,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteMany } from "../../../../../../../../utilities/sql/deleteMany.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultAssociationBalanceSheets, defaultCompanyBalanceSheets } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+import * as v from "valibot"
+
+
+export const generateBalanceSheetsRoute = authFactory.createApp()
+    .post(
+        generateBalanceSheetsRouteDefinition.path,
+        bodyValidator(generateBalanceSheetsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const generatedBalanceSheets = await c.var.clients.sql.transaction(async (tx) => {
+                try {
+                    const deletedBalanceSheets = await deleteMany({
+                        database: tx,
+                        table: models.balanceSheet,
+                        where: (table) => (
+                            and(
+                                eq(table.idOrganization, body.idOrganization),
+                                eq(table.idYear, body.idYear)
+                            )
+                        )
+                    })
+                }
+                catch (error: unknown) {
+                    throw new Exception({
+                        internalMessage: "Failed to delete balanceSheets",
+                        externalMessage: "Échec de la suppression des lignes de bilan",
+                    })
+                }
+
+                const organization = await selectOne({
+                    database: tx,
+                    table: models.organization,
+                    where: (table) => (
+                        eq(table.id, body.idOrganization)
+                    )
+                })
+                const defaultBalanceSheets = (
+                    (organization.scope === "association")
+                        ? defaultAssociationBalanceSheets
+                        : defaultCompanyBalanceSheets
+                )
+
+
+                const newBalanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>> = []
+
+                defaultBalanceSheets
+                    .forEach((defaultBalanceSheet) => {
+                        const balanceSheetParent = newBalanceSheets.find((newBalanceSheet) => {
+                            const isParent = newBalanceSheet.number === defaultBalanceSheet.numberParent?.toString()
+                            const isSameSide = newBalanceSheet.side === defaultBalanceSheet.side
+                            return isParent && isSameSide
+                        })
+                        newBalanceSheets.push({
+                            id: generateId(),
+                            idOrganization: body.idOrganization,
+                            idYear: body.idYear,
+                            idBalanceSheetParent: balanceSheetParent?.id ?? null,
+                            number: defaultBalanceSheet.number.toString(),
+                            isDefault: true,
+                            isComputed: (balanceSheetParent === undefined)
+                                ? true
+                                : false,
+                            label: defaultBalanceSheet.label,
+                            side: defaultBalanceSheet.side,
+                            createdAt: new Date().toISOString(),
+                            lastUpdatedAt: null,
+                            createdBy: null,
+                            lastUpdatedBy: null,
+                        })
+                    })
+
+
+                const generatedBalanceSheets = await insertMany({
+                    database: tx,
+                    table: models.balanceSheet,
+                    data: newBalanceSheets,
+                })
+
+                return generatedBalanceSheets
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: generateBalanceSheetsRouteDefinition.schemas.return,
+                data: generatedBalanceSheets,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
index f882f88..b677153 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.ts
index 8374c4a..aa6258a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.ts
@@ -1,13 +1,13 @@
-import { computationIncomeStatementsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.js"
-import { deleteOneComputationRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.js"
-import { readOneComputationRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.js"
-import { updateOneComputationRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.js"
-
-
-export const $idComputationRoutes = [
-    deleteOneComputationRoute,
-    readOneComputationRoute,
-    updateOneComputationRoute,
-
-    ...computationIncomeStatementsRoutes,
-]
+import { computationIncomeStatementsRoutes } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.js"
+import { deleteOneComputationRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.js"
+import { readOneComputationRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.js"
+import { updateOneComputationRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.js"
+
+
+export const $idComputationRoutes = [
+    deleteOneComputationRoute,
+    readOneComputationRoute,
+    updateOneComputationRoute,
+
+    ...computationIncomeStatementsRoutes,
+]
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.ts
index 20c11c2..37d05a1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.ts
@@ -1,10 +1,10 @@
-import { deleteOneComputationIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.js"
-import { readOneComputationIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.js"
-import { updateOneComputationIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.js"
-
-
-export const $idComputationIncomeStatementRoutes = [
-    deleteOneComputationIncomeStatementRoute,
-    readOneComputationIncomeStatementRoute,
-    updateOneComputationIncomeStatementRoute,
-]
+import { deleteOneComputationIncomeStatementRoute } from "../../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.js"
+import { readOneComputationIncomeStatementRoute } from "../../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.js"
+import { updateOneComputationIncomeStatementRoute } from "../../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.js"
+
+
+export const $idComputationIncomeStatementRoutes = [
+    deleteOneComputationIncomeStatementRoute,
+    readOneComputationIncomeStatementRoute,
+    updateOneComputationIncomeStatementRoute,
+]
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
index 8ede8e2..34e2d37 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
index c5e5441..189d8f0 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
index 8048007..f8feecd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.ts
index b1ed488..ef5cf41 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/computationIncomeStatementsRoutes.ts
@@ -1,12 +1,12 @@
-import { $idComputationIncomeStatementRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.js"
-import { createOneComputationIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.js"
-import { readAllComputationIncomeStatementsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.js"
-
-
-export const computationIncomeStatementsRoutes = [
-    createOneComputationIncomeStatementRoute,
-    readAllComputationIncomeStatementsRoute,
-
-    ...$idComputationIncomeStatementRoutes,
-]
-
+import { $idComputationIncomeStatementRoutes } from "../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/$idComputationIncomeStatementRoutes.js"
+import { createOneComputationIncomeStatementRoute } from "../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.js"
+import { readAllComputationIncomeStatementsRoute } from "../../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.js"
+
+
+export const computationIncomeStatementsRoutes = [
+    createOneComputationIncomeStatementRoute,
+    readAllComputationIncomeStatementsRoute,
+
+    ...$idComputationIncomeStatementRoutes,
+]
+
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
index 8594a64..3d4e7b1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
index 13e189b..177f4a0 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
index 81e39ec..c496a51 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
index 64ff370..f40b683 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
index 2a6eeb0..05196a1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.ts
index 4edd213..55721f0 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.ts
@@ -1,13 +1,13 @@
-import { $idComputationRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.js"
-import { createOneComputationRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.js"
-import { generateComputationsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.js"
-import { readAllComputationsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.js"
-
-
-export const computationsRoutes = [
-    createOneComputationRoute,
-    readAllComputationsRoute,
-    generateComputationsRoute,
-
-    ...$idComputationRoutes,
-]
+import { $idComputationRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/$idComputationRoutes.js"
+import { createOneComputationRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.js"
+import { generateComputationsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.js"
+import { readAllComputationsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.js"
+
+
+export const computationsRoutes = [
+    createOneComputationRoute,
+    readAllComputationsRoute,
+    generateComputationsRoute,
+
+    ...$idComputationRoutes,
+]
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
index aa1cae2..29abf55 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
index 73114cd..a6a9cda 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
@@ -1,113 +1,113 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteMany } from "#/utilities/sql/deleteMany.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultComputations } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { generateComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-
-
-export const generateComputationsRoute = authFactory.createApp()
-    .post(
-        generateComputationsRouteDefinition.path,
-        bodyValidator(generateComputationsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const generatedComputations = await c.var.clients.sql.transaction(async (tx) => {
-                try {
-                    const deletedComputations = await deleteMany({
-                        database: tx,
-                        table: models.computation,
-                        where: (table) => (
-                            and(
-                                eq(table.idOrganization, body.idOrganization),
-                                eq(table.idYear, body.idYear)
-                            )
-                        )
-                    })
-                }
-                catch (error: unknown) {
-                    throw new Exception({
-                        internalMessage: "Failed to delete computations",
-                        externalMessage: "Échec de la suppression des journaux",
-                    })
-                }
-
-                const incomeStatements = await selectMany({
-                    database: tx,
-                    table: models.incomeStatement,
-                    where: (table) => (
-                        and(
-                            eq(table.idOrganization, body.idOrganization),
-                            eq(table.idYear, body.idYear)
-                        )
-                    )
-                })
-
-                const newComputationIncomeStatements: Array<(typeof models.computationIncomeStatement.$inferInsert)> = []
-                let newComputations = defaultComputations.map((defaultComputation, defaultComputationIndex) => {
-                    const newComputation = {
-                        id: generateId(),
-                        idOrganization: body.idOrganization,
-                        idYear: body.idYear,
-                        index: defaultComputationIndex,
-                        number: defaultComputation.number.toString(),
-                        label: defaultComputation.label,
-                        createdAt: new Date().toISOString(),
-                        lastUpdatedAt: null,
-                        createdBy: null,
-                        lastUpdatedBy: null,
-                    }
-
-                    defaultComputation.incomeStatements.forEach((_incomeStatement, index) => {
-                        const incomeStatement = incomeStatements.find((x) => x.number === _incomeStatement.number.toString())
-
-                        if (incomeStatement === undefined) {
-                            return
-                        }
-
-                        newComputationIncomeStatements.push({
-                            id: generateId(),
-                            idOrganization: body.idOrganization,
-                            idYear: body.idYear,
-                            idComputation: newComputation.id,
-                            idIncomeStatement: incomeStatement.id,
-                            index: index,
-                            operation: _incomeStatement.operation,
-                            createdAt: new Date().toISOString(),
-                        })
-                    })
-
-                    return newComputation
-                })
-
-                const generatedComputations = await insertMany({
-                    database: tx,
-                    table: models.computation,
-                    data: newComputations,
-                })
-
-                const generatedComputationIncomeStatements = await insertMany({
-                    database: tx,
-                    table: models.computationIncomeStatement,
-                    data: newComputationIncomeStatements,
-                })
-
-                return generatedComputations
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: generateComputationsRouteDefinition.schemas.return,
-                data: generatedComputations,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteMany } from "../../../../../../../../utilities/sql/deleteMany.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultComputations } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+
+
+export const generateComputationsRoute = authFactory.createApp()
+    .post(
+        generateComputationsRouteDefinition.path,
+        bodyValidator(generateComputationsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const generatedComputations = await c.var.clients.sql.transaction(async (tx) => {
+                try {
+                    const deletedComputations = await deleteMany({
+                        database: tx,
+                        table: models.computation,
+                        where: (table) => (
+                            and(
+                                eq(table.idOrganization, body.idOrganization),
+                                eq(table.idYear, body.idYear)
+                            )
+                        )
+                    })
+                }
+                catch (error: unknown) {
+                    throw new Exception({
+                        internalMessage: "Failed to delete computations",
+                        externalMessage: "Échec de la suppression des journaux",
+                    })
+                }
+
+                const incomeStatements = await selectMany({
+                    database: tx,
+                    table: models.incomeStatement,
+                    where: (table) => (
+                        and(
+                            eq(table.idOrganization, body.idOrganization),
+                            eq(table.idYear, body.idYear)
+                        )
+                    )
+                })
+
+                const newComputationIncomeStatements: Array<(typeof models.computationIncomeStatement.$inferInsert)> = []
+                let newComputations = defaultComputations.map((defaultComputation, defaultComputationIndex) => {
+                    const newComputation = {
+                        id: generateId(),
+                        idOrganization: body.idOrganization,
+                        idYear: body.idYear,
+                        index: defaultComputationIndex,
+                        number: defaultComputation.number.toString(),
+                        label: defaultComputation.label,
+                        createdAt: new Date().toISOString(),
+                        lastUpdatedAt: null,
+                        createdBy: null,
+                        lastUpdatedBy: null,
+                    }
+
+                    defaultComputation.incomeStatements.forEach((_incomeStatement, index) => {
+                        const incomeStatement = incomeStatements.find((x) => x.number === _incomeStatement.number.toString())
+
+                        if (incomeStatement === undefined) {
+                            return
+                        }
+
+                        newComputationIncomeStatements.push({
+                            id: generateId(),
+                            idOrganization: body.idOrganization,
+                            idYear: body.idYear,
+                            idComputation: newComputation.id,
+                            idIncomeStatement: incomeStatement.id,
+                            index: index,
+                            operation: _incomeStatement.operation,
+                            createdAt: new Date().toISOString(),
+                        })
+                    })
+
+                    return newComputation
+                })
+
+                const generatedComputations = await insertMany({
+                    database: tx,
+                    table: models.computation,
+                    data: newComputations,
+                })
+
+                const generatedComputationIncomeStatements = await insertMany({
+                    database: tx,
+                    table: models.computationIncomeStatement,
+                    data: newComputationIncomeStatements,
+                })
+
+                return generatedComputations
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: generateComputationsRouteDefinition.schemas.return,
+                data: generatedComputations,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
index 158d2b6..a06591b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
index 84d18d7..9db24d7 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { closeYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq, not } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
index 20a20ba..aebfd96 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.ts
index 85788c0..355a8d8 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.ts
@@ -1,9 +1,9 @@
-import { closeYearRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.js"
-import { deleteOneYearRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.js"
-import { openYearRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.js"
-import { settleBalanceSheetRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.js"
-import { settleIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.js"
-import { updateOneYearRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.js"
+import { closeYearRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.js"
+import { deleteOneYearRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.js"
+import { openYearRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.js"
+import { settleBalanceSheetRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.js"
+import { settleIncomeStatementRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.js"
+import { updateOneYearRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.js"
 
 
 export const generalRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
index 9d1d3a7..bf3296a 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
@@ -1,6 +1,6 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { openYearRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
index 18404fc..35f3738 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
@@ -1,6 +1,6 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { settleBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
index f53b6a3..67c0f08 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { settleIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
index 847ef96..dfd3e29 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.ts
index 0ca0924..2f05849 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.ts
@@ -1,6 +1,6 @@
-import { deleteOneIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.js";
-import { readOneIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.js";
-import { updateOneIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.js";
+import { deleteOneIncomeStatementRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.js";
+import { readOneIncomeStatementRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.js";
+import { updateOneIncomeStatementRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.js";
 
 
 export const $idIncomeStatementRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
index 448c691..c5051f6 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
index 4863da8..276f180 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
index 2fdee69..6aedc2b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
index 7cee4f5..4bb7cfc 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
@@ -1,104 +1,104 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { connectAccountsToIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const connectAccountsToIncomeStatementsRoute = authFactory.createApp()
-    .post(
-        connectAccountsToIncomeStatementsRouteDefinition.path,
-        bodyValidator(connectAccountsToIncomeStatementsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const readAllAccounts = await selectMany({
-                database: c.var.clients.sql,
-                table: models.account,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-            const readAllIncomeStatements = await selectMany({
-                database: c.var.clients.sql,
-                table: models.incomeStatement,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-
-            const organization = await selectOne({
-                database: c.var.clients.sql,
-                table: models.organization,
-                where: (table) => (
-                    eq(table.id, body.idOrganization)
-                )
-            })
-            const defaultIncomeStatements = (
-                (organization.scope === "association")
-                    ? defaultAssociationIncomeStatements
-                    : defaultCompanyIncomeStatements
-            )
-
-            const connectAccountsToIncomeStatements = await c.var.clients.sql.transaction(async (tx) => {
-                for (const defaultIncomeStatement of defaultIncomeStatements) {
-                    for (const defaultAccount of defaultIncomeStatement.accounts) {
-
-                        const foundAccount = readAllAccounts.find((account) => {
-                            return account.number === defaultAccount.toString()
-                        })
-
-                        if (foundAccount === undefined) {
-                            console.log("foundAccount is undefined", defaultIncomeStatement.number, defaultAccount)
-                            continue
-                        }
-
-                        const incomeStatement = readAllIncomeStatements.find((incomeStatement) => incomeStatement.number === defaultIncomeStatement.number.toString())
-                        if (incomeStatement === undefined) {
-                            console.log("incomeStatement is undefined", defaultIncomeStatement.number)
-                            continue
-                        }
-
-                        const updateOneAccount = await updateOne({
-                            database: tx,
-                            table: models.account,
-                            data: {
-                                idIncomeStatement: incomeStatement.id,
-                                lastUpdatedAt: new Date().toISOString(),
-                                lastUpdatedBy: c.var.user.id,
-                            },
-                            where: (table) => (
-                                and(
-                                    eq(table.idOrganization, body.idOrganization),
-                                    eq(table.idYear, body.idYear),
-                                    eq(table.id, foundAccount.id),
-                                )
-                            )
-                        })
-
-                    }
-                }
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: connectAccountsToIncomeStatementsRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { updateOne } from "../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { connectAccountsToIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const connectAccountsToIncomeStatementsRoute = authFactory.createApp()
+    .post(
+        connectAccountsToIncomeStatementsRouteDefinition.path,
+        bodyValidator(connectAccountsToIncomeStatementsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const readAllAccounts = await selectMany({
+                database: c.var.clients.sql,
+                table: models.account,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+            const readAllIncomeStatements = await selectMany({
+                database: c.var.clients.sql,
+                table: models.incomeStatement,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+
+            const organization = await selectOne({
+                database: c.var.clients.sql,
+                table: models.organization,
+                where: (table) => (
+                    eq(table.id, body.idOrganization)
+                )
+            })
+            const defaultIncomeStatements = (
+                (organization.scope === "association")
+                    ? defaultAssociationIncomeStatements
+                    : defaultCompanyIncomeStatements
+            )
+
+            const connectAccountsToIncomeStatements = await c.var.clients.sql.transaction(async (tx) => {
+                for (const defaultIncomeStatement of defaultIncomeStatements) {
+                    for (const defaultAccount of defaultIncomeStatement.accounts) {
+
+                        const foundAccount = readAllAccounts.find((account) => {
+                            return account.number === defaultAccount.toString()
+                        })
+
+                        if (foundAccount === undefined) {
+                            console.log("foundAccount is undefined", defaultIncomeStatement.number, defaultAccount)
+                            continue
+                        }
+
+                        const incomeStatement = readAllIncomeStatements.find((incomeStatement) => incomeStatement.number === defaultIncomeStatement.number.toString())
+                        if (incomeStatement === undefined) {
+                            console.log("incomeStatement is undefined", defaultIncomeStatement.number)
+                            continue
+                        }
+
+                        const updateOneAccount = await updateOne({
+                            database: tx,
+                            table: models.account,
+                            data: {
+                                idIncomeStatement: incomeStatement.id,
+                                lastUpdatedAt: new Date().toISOString(),
+                                lastUpdatedBy: c.var.user.id,
+                            },
+                            where: (table) => (
+                                and(
+                                    eq(table.idOrganization, body.idOrganization),
+                                    eq(table.idYear, body.idYear),
+                                    eq(table.id, foundAccount.id),
+                                )
+                            )
+                        })
+
+                    }
+                }
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: connectAccountsToIncomeStatementsRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
index 37d30db..0f2b4eb 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
index afd1755..c3b7e24 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
@@ -1,100 +1,100 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteMany } from "#/utilities/sql/deleteMany.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { generateIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-import * as v from "valibot"
-
-
-export const generateIncomeStatementsRoute = authFactory.createApp()
-    .post(
-        generateIncomeStatementsRouteDefinition.path,
-        bodyValidator(generateIncomeStatementsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const generatedIncomeStatements = await c.var.clients.sql.transaction(async (tx) => {
-                try {
-                    const deletedIncomeStatements = await deleteMany({
-                        database: tx,
-                        table: models.incomeStatement,
-                        where: (table) => (
-                            and(
-                                eq(table.idOrganization, body.idOrganization),
-                                eq(table.idYear, body.idYear)
-                            )
-                        )
-                    })
-                }
-                catch (error: unknown) {
-                    throw new Exception({
-                        internalMessage: "Failed to delete incomeStatements",
-                        externalMessage: "Échec de la suppression des lignes de compte de résultat",
-                    })
-                }
-
-                const organization = await selectOne({
-                    database: tx,
-                    table: models.organization,
-                    where: (table) => (
-                        eq(table.id, body.idOrganization)
-                    )
-                })
-                const defaultIncomeStatements = (
-                    (organization.scope === "association")
-                        ? defaultAssociationIncomeStatements
-                        : defaultCompanyIncomeStatements
-                )
-
-
-                const newIncomeStatements: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>> = []
-
-                defaultIncomeStatements
-                    .forEach((defaultIncomeStatement) => {
-                        const incomeStatementParent = newIncomeStatements.find((newIncomeStatement) => {
-                            return newIncomeStatement.number === defaultIncomeStatement.numberParent?.toString()
-                        })
-                        newIncomeStatements.push({
-                            id: generateId(),
-                            idOrganization: body.idOrganization,
-                            idYear: body.idYear,
-                            idIncomeStatementParent: incomeStatementParent?.id ?? null,
-                            number: defaultIncomeStatement.number.toString(),
-                            isDefault: true,
-                            isComputed: (incomeStatementParent === undefined)
-                                ? true
-                                : false,
-                            label: defaultIncomeStatement.label,
-                            createdAt: new Date().toISOString(),
-                            lastUpdatedAt: null,
-                            createdBy: null,
-                            lastUpdatedBy: null,
-                        })
-                    })
-
-                const generatedIncomeStatements = await insertMany({
-                    database: tx,
-                    table: models.incomeStatement,
-                    data: newIncomeStatements,
-                })
-
-                return generatedIncomeStatements
-            })
-
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: generateIncomeStatementsRouteDefinition.schemas.return,
-                data: generatedIncomeStatements,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteMany } from "../../../../../../../../utilities/sql/deleteMany.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { selectOne } from "../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultAssociationIncomeStatements, defaultCompanyIncomeStatements } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+import * as v from "valibot"
+
+
+export const generateIncomeStatementsRoute = authFactory.createApp()
+    .post(
+        generateIncomeStatementsRouteDefinition.path,
+        bodyValidator(generateIncomeStatementsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const generatedIncomeStatements = await c.var.clients.sql.transaction(async (tx) => {
+                try {
+                    const deletedIncomeStatements = await deleteMany({
+                        database: tx,
+                        table: models.incomeStatement,
+                        where: (table) => (
+                            and(
+                                eq(table.idOrganization, body.idOrganization),
+                                eq(table.idYear, body.idYear)
+                            )
+                        )
+                    })
+                }
+                catch (error: unknown) {
+                    throw new Exception({
+                        internalMessage: "Failed to delete incomeStatements",
+                        externalMessage: "Échec de la suppression des lignes de compte de résultat",
+                    })
+                }
+
+                const organization = await selectOne({
+                    database: tx,
+                    table: models.organization,
+                    where: (table) => (
+                        eq(table.id, body.idOrganization)
+                    )
+                })
+                const defaultIncomeStatements = (
+                    (organization.scope === "association")
+                        ? defaultAssociationIncomeStatements
+                        : defaultCompanyIncomeStatements
+                )
+
+
+                const newIncomeStatements: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>> = []
+
+                defaultIncomeStatements
+                    .forEach((defaultIncomeStatement) => {
+                        const incomeStatementParent = newIncomeStatements.find((newIncomeStatement) => {
+                            return newIncomeStatement.number === defaultIncomeStatement.numberParent?.toString()
+                        })
+                        newIncomeStatements.push({
+                            id: generateId(),
+                            idOrganization: body.idOrganization,
+                            idYear: body.idYear,
+                            idIncomeStatementParent: incomeStatementParent?.id ?? null,
+                            number: defaultIncomeStatement.number.toString(),
+                            isDefault: true,
+                            isComputed: (incomeStatementParent === undefined)
+                                ? true
+                                : false,
+                            label: defaultIncomeStatement.label,
+                            createdAt: new Date().toISOString(),
+                            lastUpdatedAt: null,
+                            createdBy: null,
+                            lastUpdatedBy: null,
+                        })
+                    })
+
+                const generatedIncomeStatements = await insertMany({
+                    database: tx,
+                    table: models.incomeStatement,
+                    data: newIncomeStatements,
+                })
+
+                return generatedIncomeStatements
+            })
+
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: generateIncomeStatementsRouteDefinition.schemas.return,
+                data: generatedIncomeStatements,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.ts
index 89d0a18..6379065 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.ts
@@ -1,8 +1,8 @@
-import { $idIncomeStatementRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.js"
-import { connectAccountsToIncomeStatementsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.js"
-import { createOneIncomeStatementRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.js"
-import { generateIncomeStatementsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.js"
-import { readAllIncomeStatementsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.js"
+import { $idIncomeStatementRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/$idIncomeStatementRoutes.js"
+import { connectAccountsToIncomeStatementsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.js"
+import { createOneIncomeStatementRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.js"
+import { generateIncomeStatementsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.js"
+import { readAllIncomeStatementsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.js"
 
 
 export const incomeStatementsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
index d82d25b..8dc1c43 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.ts
index 2707641..40adacd 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.ts
@@ -1,6 +1,6 @@
-import { deleteOneJournalRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.js"
-import { readOneJournalRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.js"
-import { updateOneJournalRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.js"
+import { deleteOneJournalRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.js"
+import { readOneJournalRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.js"
+import { updateOneJournalRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.js"
 
 
 export const $idJournalRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
index e25758b..898343e 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { deleteOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
index 5b1cae2..a535006 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
index 1ddb659..d05fbd3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
index 195bf5b..2e07e1b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
index d35717d..a17a0b1 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
@@ -1,71 +1,71 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { deleteMany } from "#/utilities/sql/deleteMany.js"
-import { insertMany } from "#/utilities/sql/insertMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { defaultJournals } from "@arrhes/application-metadata/components"
-import { models } from "@arrhes/application-metadata/models"
-import { generateJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { and, eq } from "drizzle-orm"
-
-
-export const generateJournalsRoute = authFactory.createApp()
-    .post(
-        generateJournalsRouteDefinition.path,
-        bodyValidator(generateJournalsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const generatedJournals = await c.var.clients.sql.transaction(async (tx) => {
-                try {
-                    const deletedJournals = await deleteMany({
-                        database: tx,
-                        table: models.journal,
-                        where: (table) => (
-                            and(
-                                eq(table.idOrganization, body.idOrganization),
-                                eq(table.idYear, body.idYear)
-                            )
-                        )
-                    })
-                }
-                catch (error: unknown) {
-                    throw new Exception({
-                        internalMessage: "Failed to delete journals",
-                        externalMessage: "Échec de la suppression des journaux",
-                    })
-                }
-
-                let newJournals = defaultJournals.map((defaultJournal) => {
-                    return ({
-                        id: generateId(),
-                        idOrganization: body.idOrganization,
-                        idYear: body.idYear,
-                        code: defaultJournal.code,
-                        label: defaultJournal.label,
-                        createdAt: new Date().toISOString(),
-                        lastUpdatedAt: null,
-                        createdBy: null,
-                        lastUpdatedBy: null,
-                    })
-                })
-
-                const generatedJournals = await insertMany({
-                    database: tx,
-                    table: models.journal,
-                    data: newJournals,
-                })
-
-                return generatedJournals
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: generateJournalsRouteDefinition.schemas.return,
-                data: generatedJournals,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { Exception } from "../../../../../../../../utilities/exception.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { deleteMany } from "../../../../../../../../utilities/sql/deleteMany.js"
+import { insertMany } from "../../../../../../../../utilities/sql/insertMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { defaultJournals } from "@arrhes/application-metadata/components"
+import { models } from "@arrhes/application-metadata/models"
+import { generateJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { and, eq } from "drizzle-orm"
+
+
+export const generateJournalsRoute = authFactory.createApp()
+    .post(
+        generateJournalsRouteDefinition.path,
+        bodyValidator(generateJournalsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const generatedJournals = await c.var.clients.sql.transaction(async (tx) => {
+                try {
+                    const deletedJournals = await deleteMany({
+                        database: tx,
+                        table: models.journal,
+                        where: (table) => (
+                            and(
+                                eq(table.idOrganization, body.idOrganization),
+                                eq(table.idYear, body.idYear)
+                            )
+                        )
+                    })
+                }
+                catch (error: unknown) {
+                    throw new Exception({
+                        internalMessage: "Failed to delete journals",
+                        externalMessage: "Échec de la suppression des journaux",
+                    })
+                }
+
+                let newJournals = defaultJournals.map((defaultJournal) => {
+                    return ({
+                        id: generateId(),
+                        idOrganization: body.idOrganization,
+                        idYear: body.idYear,
+                        code: defaultJournal.code,
+                        label: defaultJournal.label,
+                        createdAt: new Date().toISOString(),
+                        lastUpdatedAt: null,
+                        createdBy: null,
+                        lastUpdatedBy: null,
+                    })
+                })
+
+                const generatedJournals = await insertMany({
+                    database: tx,
+                    table: models.journal,
+                    data: newJournals,
+                })
+
+                return generatedJournals
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: generateJournalsRouteDefinition.schemas.return,
+                data: generatedJournals,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.ts
index 3b93790..cb60737 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.ts
@@ -1,7 +1,7 @@
-import { $idJournalRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.js"
-import { createOneJournalRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.js"
-import { generateJournalsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.js"
-import { readAllJournalsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.js"
+import { $idJournalRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/$idJournalRoute.js"
+import { createOneJournalRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.js"
+import { generateJournalsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.js"
+import { readAllJournalsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.js"
 
 
 export const journalsRoutes = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
index 116d429..55b07f5 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.ts
index 4170c3d..5699dc4 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.ts
@@ -1,10 +1,10 @@
-import { deleteOneRecordLabelRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.js"
-import { readOneRecordLabelRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.js"
-import { updateOneRecordLabelRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.js"
-
-
-export const $idRecordLabelRoutes = [
-    deleteOneRecordLabelRoute,
-    readOneRecordLabelRoute,
-    updateOneRecordLabelRoute,
+import { deleteOneRecordLabelRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.js"
+import { readOneRecordLabelRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.js"
+import { updateOneRecordLabelRoute } from "../../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.js"
+
+
+export const $idRecordLabelRoutes = [
+    deleteOneRecordLabelRoute,
+    readOneRecordLabelRoute,
+    updateOneRecordLabelRoute,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
index b92dc40..1043008 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
@@ -1,36 +1,36 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { deleteOne } from "#/utilities/sql/deleteOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { deleteOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const deleteOneRecordLabelRoute = authFactory.createApp()
-    .post(
-        deleteOneRecordLabelRouteDefinition.path,
-        bodyValidator(deleteOneRecordLabelRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const deleteOneRecordLabel = await deleteOne({
-                database: c.var.clients.sql,
-                table: models.recordLabel,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idRecordLabel),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: deleteOneRecordLabelRouteDefinition.schemas.return,
-                data: deleteOneRecordLabel,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { deleteOne } from "../../../../../../../../../utilities/sql/deleteOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { deleteOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const deleteOneRecordLabelRoute = authFactory.createApp()
+    .post(
+        deleteOneRecordLabelRouteDefinition.path,
+        bodyValidator(deleteOneRecordLabelRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const deleteOneRecordLabel = await deleteOne({
+                database: c.var.clients.sql,
+                table: models.recordLabel,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idRecordLabel),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: deleteOneRecordLabelRouteDefinition.schemas.return,
+                data: deleteOneRecordLabel,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
index a708409..1b76aaa 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
@@ -1,37 +1,37 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const readOneRecordLabelRoute = authFactory.createApp()
-    .post(
-        readOneRecordLabelRouteDefinition.path,
-        bodyValidator(readOneRecordLabelRouteDefinition.schemas.body),
-        async (c) => {
-
-            const body = c.req.valid("json")
-
-            const readOneRecordLabel = await selectOne({
-                database: c.var.clients.sql,
-                table: models.recordLabel,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idRecordLabel),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: readOneRecordLabelRouteDefinition.schemas.return,
-                data: readOneRecordLabel,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { selectOne } from "../../../../../../../../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const readOneRecordLabelRoute = authFactory.createApp()
+    .post(
+        readOneRecordLabelRouteDefinition.path,
+        bodyValidator(readOneRecordLabelRouteDefinition.schemas.body),
+        async (c) => {
+
+            const body = c.req.valid("json")
+
+            const readOneRecordLabel = await selectOne({
+                database: c.var.clients.sql,
+                table: models.recordLabel,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idRecordLabel),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: readOneRecordLabelRouteDefinition.schemas.return,
+                data: readOneRecordLabel,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
index 874ca4b..76f6d3b 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
@@ -1,43 +1,43 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const updateOneRecordLabelRoute = authFactory.createApp()
-    .post(
-        updateOneRecordLabelRouteDefinition.path,
-        bodyValidator(updateOneRecordLabelRouteDefinition.schemas.body),
-        async (c) => {
-
-            const body = c.req.valid("json")
-
-            const updateOneRecordLabel = await updateOne({
-                database: c.var.clients.sql,
-                table: models.recordLabel,
-                data: {
-                    label: body.label,
-
-                    lastUpdatedAt: new Date().toISOString(),
-                    lastUpdatedBy: c.var.user.id,
-                },
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                        eq(table.id, body.idRecordLabel),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: updateOneRecordLabelRouteDefinition.schemas.return,
-                data: updateOneRecordLabel,
-            })
-        }
+import { authFactory } from "../../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../../utilities/response.js"
+import { updateOne } from "../../../../../../../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const updateOneRecordLabelRoute = authFactory.createApp()
+    .post(
+        updateOneRecordLabelRouteDefinition.path,
+        bodyValidator(updateOneRecordLabelRouteDefinition.schemas.body),
+        async (c) => {
+
+            const body = c.req.valid("json")
+
+            const updateOneRecordLabel = await updateOne({
+                database: c.var.clients.sql,
+                table: models.recordLabel,
+                data: {
+                    label: body.label,
+
+                    lastUpdatedAt: new Date().toISOString(),
+                    lastUpdatedBy: c.var.user.id,
+                },
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                        eq(table.id, body.idRecordLabel),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: updateOneRecordLabelRouteDefinition.schemas.return,
+                data: updateOneRecordLabel,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
index ad62948..e021292 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
@@ -1,41 +1,41 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { createOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-
-
-export const createOneRecordLabelRoute = authFactory.createApp()
-    .post(
-        createOneRecordLabelRouteDefinition.path,
-        bodyValidator(createOneRecordLabelRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const createOneRecordLabel = await insertOne({
-                database: c.var.clients.sql,
-                table: models.recordLabel,
-                data: {
-                    id: generateId(),
-                    idOrganization: body.idOrganization,
-                    idYear: body.idYear,
-
-                    label: body.label,
-
-                    createdAt: new Date().toISOString(),
-                    lastUpdatedAt: null,
-                    createdBy: c.var.user.id,
-                    lastUpdatedBy: null,
-                }
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: createOneRecordLabelRouteDefinition.schemas.return,
-                data: createOneRecordLabel,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { insertOne } from "../../../../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { createOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+
+
+export const createOneRecordLabelRoute = authFactory.createApp()
+    .post(
+        createOneRecordLabelRouteDefinition.path,
+        bodyValidator(createOneRecordLabelRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const createOneRecordLabel = await insertOne({
+                database: c.var.clients.sql,
+                table: models.recordLabel,
+                data: {
+                    id: generateId(),
+                    idOrganization: body.idOrganization,
+                    idYear: body.idYear,
+
+                    label: body.label,
+
+                    createdAt: new Date().toISOString(),
+                    lastUpdatedAt: null,
+                    createdBy: c.var.user.id,
+                    lastUpdatedBy: null,
+                }
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: createOneRecordLabelRouteDefinition.schemas.return,
+                data: createOneRecordLabel,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
index d42df7a..64aae90 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
@@ -1,35 +1,35 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { and, eq } from "drizzle-orm"
-
-
-export const readAllRecordLabelsRoute = authFactory.createApp()
-    .post(
-        readAllRecordLabelsRouteDefinition.path,
-        bodyValidator(readAllRecordLabelsRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const readAllRecordLabels = await selectMany({
-                database: c.var.clients.sql,
-                table: models.recordLabel,
-                where: (table) => (
-                    and(
-                        eq(table.idOrganization, body.idOrganization),
-                        eq(table.idYear, body.idYear),
-                    )
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: readAllRecordLabelsRouteDefinition.schemas.return,
-                data: readAllRecordLabels,
-            })
-        }
+import { authFactory } from "../../../../../../../../factories/authFactory.js"
+import { response } from "../../../../../../../../utilities/response.js"
+import { selectMany } from "../../../../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../../../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { and, eq } from "drizzle-orm"
+
+
+export const readAllRecordLabelsRoute = authFactory.createApp()
+    .post(
+        readAllRecordLabelsRouteDefinition.path,
+        bodyValidator(readAllRecordLabelsRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const readAllRecordLabels = await selectMany({
+                database: c.var.clients.sql,
+                table: models.recordLabel,
+                where: (table) => (
+                    and(
+                        eq(table.idOrganization, body.idOrganization),
+                        eq(table.idYear, body.idYear),
+                    )
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: readAllRecordLabelsRouteDefinition.schemas.return,
+                data: readAllRecordLabels,
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.ts
index 23c2390..c731d76 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.ts
@@ -1,11 +1,11 @@
-import { $idRecordLabelRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.js"
-import { createOneRecordLabelRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.js"
-import { readAllRecordLabelsRoute } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.js"
-
-
-export const recordLabelsRoutes = [
-    createOneRecordLabelRoute,
-    readAllRecordLabelsRoute,
-
-    ...$idRecordLabelRoutes,
+import { $idRecordLabelRoutes } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/$idRecordLabelRoutes.js"
+import { createOneRecordLabelRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.js"
+import { readAllRecordLabelsRoute } from "../../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.js"
+
+
+export const recordLabelsRoutes = [
+    createOneRecordLabelRoute,
+    readAllRecordLabelsRoute,
+
+    ...$idRecordLabelRoutes,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.ts
index 0598f43..5a11f91 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.ts
@@ -1,10 +1,10 @@
-import { accountsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.js"
-import { balanceSheetsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.js"
-import { computationsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.js"
-import { generalRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.js"
-import { incomeStatementsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.js"
-import { journalsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.js"
-import { recordLabelsRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.js"
+import { accountsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoutes.js"
+import { balanceSheetsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoutes.js"
+import { computationsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/computationsRoutes.js"
+import { generalRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/generalRoutes.js"
+import { incomeStatementsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoutes.js"
+import { journalsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoutes.js"
+import { recordLabelsRoutes } from "../../../../../../../routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoutes.js"
 
 
 export const yearSettingsRoute = [
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
index 7bf035f..bd02a41 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../factories/authFactory.js"
+import { response } from "../../../../../utilities/response.js"
+import { insertOne } from "../../../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { createOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
index 034bfa7..85026a3 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectMany } from "#/utilities/sql/selectMany.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../../../factories/authFactory.js"
+import { response } from "../../../../../utilities/response.js"
+import { selectMany } from "../../../../../utilities/sql/selectMany.js"
+import { bodyValidator } from "../../../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/$idOrganization/years/yearsRoutes.ts b/packages/api/src/routes/auth/organizations/$idOrganization/years/yearsRoutes.ts
index 6617e46..a6cd038 100644
--- a/packages/api/src/routes/auth/organizations/$idOrganization/years/yearsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/$idOrganization/years/yearsRoutes.ts
@@ -1,11 +1,11 @@
-import { $idYearRoutes } from "#/routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.js"
-import { createOneYearRoute } from "#/routes/auth/organizations/$idOrganization/years/createOneYear.js"
-import { readAllYearsRoute } from "#/routes/auth/organizations/$idOrganization/years/readAllYears.js"
-
-
-export const yearsRoutes = [
-    createOneYearRoute,
-    readAllYearsRoute,
-
-    ...$idYearRoutes,
+import { $idYearRoutes } from "../../../../../routes/auth/organizations/$idOrganization/years/$idYear/$idYearRoutes.js"
+import { createOneYearRoute } from "../../../../../routes/auth/organizations/$idOrganization/years/createOneYear.js"
+import { readAllYearsRoute } from "../../../../../routes/auth/organizations/$idOrganization/years/readAllYears.js"
+
+
+export const yearsRoutes = [
+    createOneYearRoute,
+    readAllYearsRoute,
+
+    ...$idYearRoutes,
 ]
\ No newline at end of file
diff --git a/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts b/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
index 139a5aa..5f733c4 100644
--- a/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
+++ b/packages/api/src/routes/auth/organizations/activateOrganizationMembership.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { activateOrganizationMembershipRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/organizations/addNewOrganization.ts b/packages/api/src/routes/auth/organizations/addNewOrganization.ts
index c1525c8..bcac0ff 100644
--- a/packages/api/src/routes/auth/organizations/addNewOrganization.ts
+++ b/packages/api/src/routes/auth/organizations/addNewOrganization.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { response } from "../../../utilities/response.js"
+import { insertOne } from "../../../utilities/sql/insertOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { addNewOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { generateId } from "@arrhes/application-metadata/utilities"
diff --git a/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts b/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
index 262962f..592c449 100644
--- a/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
+++ b/packages/api/src/routes/auth/organizations/getAllMyOrganizations.ts
@@ -1,6 +1,6 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { response } from "../../../utilities/response.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { and, eq } from "drizzle-orm"
 
diff --git a/packages/api/src/routes/auth/organizations/organizationsRoutes.ts b/packages/api/src/routes/auth/organizations/organizationsRoutes.ts
index bda0010..2e33351 100644
--- a/packages/api/src/routes/auth/organizations/organizationsRoutes.ts
+++ b/packages/api/src/routes/auth/organizations/organizationsRoutes.ts
@@ -1,7 +1,7 @@
-import { $idOrganizationRoutes } from "#/routes/auth/organizations/$idOrganization/$idOrganizationRoutes.js"
-import { activateOrganizationMembershipRoute } from "#/routes/auth/organizations/activateOrganizationMembership.js"
-import { addNewOrganizationRoute } from "#/routes/auth/organizations/addNewOrganization.js"
-import { getAllMyOrganizationsRoute } from "#/routes/auth/organizations/getAllMyOrganizations.js"
+import { $idOrganizationRoutes } from "../../../routes/auth/organizations/$idOrganization/$idOrganizationRoutes.js"
+import { activateOrganizationMembershipRoute } from "../../../routes/auth/organizations/activateOrganizationMembership.js"
+import { addNewOrganizationRoute } from "../../../routes/auth/organizations/addNewOrganization.js"
+import { getAllMyOrganizationsRoute } from "../../../routes/auth/organizations/getAllMyOrganizations.js"
 
 
 export const organizationsRoutes = [
diff --git a/packages/api/src/routes/auth/settings/activateUser.ts b/packages/api/src/routes/auth/settings/activateUser.ts
index 6b58f28..78434ef 100644
--- a/packages/api/src/routes/auth/settings/activateUser.ts
+++ b/packages/api/src/routes/auth/settings/activateUser.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { Exception } from "../../../utilities/exception.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { activateUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/settings/readUserSession.ts b/packages/api/src/routes/auth/settings/readUserSession.ts
index 2680529..c4542d0 100644
--- a/packages/api/src/routes/auth/settings/readUserSession.ts
+++ b/packages/api/src/routes/auth/settings/readUserSession.ts
@@ -1,6 +1,6 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { response } from "../../../utilities/response.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/api/src/routes/auth/settings/settingsRoutes.ts b/packages/api/src/routes/auth/settings/settingsRoutes.ts
index a0d2ad1..5e7c9cc 100644
--- a/packages/api/src/routes/auth/settings/settingsRoutes.ts
+++ b/packages/api/src/routes/auth/settings/settingsRoutes.ts
@@ -1,9 +1,9 @@
-import { activateUserRoute } from "#/routes/auth/settings/activateUser.js"
-import { readUserSessionRoute } from "#/routes/auth/settings/readUserSession.js"
-import { updateUserRoute } from "#/routes/auth/settings/updateUser.js"
-import { updateUserEmailRoute } from "#/routes/auth/settings/updateUserEmail.js"
-import { updateUserPasswordRoute } from "#/routes/auth/settings/updateUserPassword.js"
-import { validateUserEmailRoute } from "#/routes/auth/settings/validateUserEmail.js"
+import { activateUserRoute } from "../../../routes/auth/settings/activateUser.js"
+import { readUserSessionRoute } from "../../../routes/auth/settings/readUserSession.js"
+import { updateUserRoute } from "../../../routes/auth/settings/updateUser.js"
+import { updateUserEmailRoute } from "../../../routes/auth/settings/updateUserEmail.js"
+import { updateUserPasswordRoute } from "../../../routes/auth/settings/updateUserPassword.js"
+import { validateUserEmailRoute } from "../../../routes/auth/settings/validateUserEmail.js"
 
 
 export const settingsRoutes = [
diff --git a/packages/api/src/routes/auth/settings/updateUser.ts b/packages/api/src/routes/auth/settings/updateUser.ts
index e537eb6..ad8673a 100644
--- a/packages/api/src/routes/auth/settings/updateUser.ts
+++ b/packages/api/src/routes/auth/settings/updateUser.ts
@@ -1,7 +1,7 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateUserRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/settings/updateUserEmail.ts b/packages/api/src/routes/auth/settings/updateUserEmail.ts
index 574da4c..11a9b9d 100644
--- a/packages/api/src/routes/auth/settings/updateUserEmail.ts
+++ b/packages/api/src/routes/auth/settings/updateUserEmail.ts
@@ -1,9 +1,9 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { generateVerificationToken } from "#/utilities/generateVerificationToken.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { Exception } from "../../../utilities/exception.js"
+import { generateVerificationToken } from "../../../utilities/generateVerificationToken.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateUserEmailRouteDefinition } from "@arrhes/application-metadata/routes"
 import { pbkdf2Sync } from "crypto"
diff --git a/packages/api/src/routes/auth/settings/updateUserPassword.ts b/packages/api/src/routes/auth/settings/updateUserPassword.ts
index 95686e0..b09640b 100644
--- a/packages/api/src/routes/auth/settings/updateUserPassword.ts
+++ b/packages/api/src/routes/auth/settings/updateUserPassword.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { Exception } from "../../../utilities/exception.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { updateUserPasswordRouteDefinition } from "@arrhes/application-metadata/routes"
 import { pbkdf2Sync } from "crypto"
diff --git a/packages/api/src/routes/auth/settings/validateUserEmail.ts b/packages/api/src/routes/auth/settings/validateUserEmail.ts
index c3f7eef..dfa41f3 100644
--- a/packages/api/src/routes/auth/settings/validateUserEmail.ts
+++ b/packages/api/src/routes/auth/settings/validateUserEmail.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { Exception } from "../../../utilities/exception.js"
+import { response } from "../../../utilities/response.js"
+import { updateOne } from "../../../utilities/sql/updateOne.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { validateUserEmailRouteDefinition } from "@arrhes/application-metadata/routes"
 import { eq } from "drizzle-orm"
diff --git a/packages/api/src/routes/auth/support/sendSupportMessage.ts b/packages/api/src/routes/auth/support/sendSupportMessage.ts
index 0cde9ab..863b9b6 100644
--- a/packages/api/src/routes/auth/support/sendSupportMessage.ts
+++ b/packages/api/src/routes/auth/support/sendSupportMessage.ts
@@ -1,8 +1,8 @@
-import { authFactory } from "#/factories/authFactory.js"
-import { sendEmail } from "#/utilities/email/sendEmail.js"
-import { supportTemplate } from "#/utilities/email/templates/support.js"
-import { response } from "#/utilities/response.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
+import { authFactory } from "../../../factories/authFactory.js"
+import { sendEmail } from "../../../utilities/email/sendEmail.js"
+import { supportTemplate } from "../../../utilities/email/templates/support.js"
+import { response } from "../../../utilities/response.js"
+import { bodyValidator } from "../../../validators/bodyValidator.js"
 import { sendSupportMessageRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/api/src/routes/auth/support/supportRoutes.ts b/packages/api/src/routes/auth/support/supportRoutes.ts
index 10fbcf7..ab26ccd 100644
--- a/packages/api/src/routes/auth/support/supportRoutes.ts
+++ b/packages/api/src/routes/auth/support/supportRoutes.ts
@@ -1,4 +1,4 @@
-import { sendSupportMessageRoute } from "#/routes/auth/support/sendSupportMessage.js"
+import { sendSupportMessageRoute } from "../../../routes/auth/support/sendSupportMessage.js"
 
 
 export const supportRoutes = [
diff --git a/packages/api/src/routes/public/publicRoute.ts b/packages/api/src/routes/public/publicRoute.ts
index e6c74d4..5d43cbc 100644
--- a/packages/api/src/routes/public/publicRoute.ts
+++ b/packages/api/src/routes/public/publicRoute.ts
@@ -1,12 +1,12 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-import { sendMagicLinkRoute } from "#/routes/public/sendMagicLink.js"
-import { signInRoute } from "#/routes/public/signIn.js"
-import { signOutRoute } from "#/routes/public/signOut.js"
-import { signUpRoute } from "#/routes/public/signUp.js"
-
-
-export const publicRoute = publicFactory.createApp()
-    .route("/", signInRoute)
-    .route("/", signUpRoute)
-    .route("/", signOutRoute)
-    .route("/", sendMagicLinkRoute)
+import { publicFactory } from "../../factories/publicFactory.js"
+import { sendMagicLinkRoute } from "../../routes/public/sendMagicLink.js"
+import { signInRoute } from "../../routes/public/signIn.js"
+import { signOutRoute } from "../../routes/public/signOut.js"
+import { signUpRoute } from "../../routes/public/signUp.js"
+
+
+export const publicRoute = publicFactory.createApp()
+    .route("/", signInRoute)
+    .route("/", signUpRoute)
+    .route("/", signOutRoute)
+    .route("/", sendMagicLinkRoute)
diff --git a/packages/api/src/routes/public/sendMagicLink.ts b/packages/api/src/routes/public/sendMagicLink.ts
index e09fec3..9638bd0 100644
--- a/packages/api/src/routes/public/sendMagicLink.ts
+++ b/packages/api/src/routes/public/sendMagicLink.ts
@@ -1,32 +1,32 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-import { response } from "#/utilities/response.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { sendMagicLinkRouteDefinition } from "@arrhes/application-metadata/routes"
-import { eq } from "drizzle-orm"
-
-
-export const sendMagicLinkRoute = publicFactory.createApp()
-    .post(
-        sendMagicLinkRouteDefinition.path,
-        bodyValidator(sendMagicLinkRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const user = await selectOne({
-                database: c.var.clients.sql,
-                table: models.user,
-                where: (table) => (
-                    eq(table.email, body.email.trim().toLowerCase())
-                )
-            })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: sendMagicLinkRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { publicFactory } from "../../factories/publicFactory.js"
+import { response } from "../../utilities/response.js"
+import { selectOne } from "../../utilities/sql/selectOne.js"
+import { bodyValidator } from "../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { sendMagicLinkRouteDefinition } from "@arrhes/application-metadata/routes"
+import { eq } from "drizzle-orm"
+
+
+export const sendMagicLinkRoute = publicFactory.createApp()
+    .post(
+        sendMagicLinkRouteDefinition.path,
+        bodyValidator(sendMagicLinkRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const user = await selectOne({
+                database: c.var.clients.sql,
+                table: models.user,
+                where: (table) => (
+                    eq(table.email, body.email.trim().toLowerCase())
+                )
+            })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: sendMagicLinkRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/public/signIn.ts b/packages/api/src/routes/public/signIn.ts
index c563737..114fedd 100644
--- a/packages/api/src/routes/public/signIn.ts
+++ b/packages/api/src/routes/public/signIn.ts
@@ -1,100 +1,100 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-import { serializeCookie } from "#/utilities/cookies/serializeCookie.js"
-import { signString } from "#/utilities/cookies/signString.js"
-import { Exception } from "#/utilities/exception.js"
-import { getRemoteAddress } from "#/utilities/getRemoteAddress.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { selectOne } from "#/utilities/sql/selectOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { pbkdf2Sync } from "crypto"
-import { eq } from "drizzle-orm"
-
-
-export const signInRoute = publicFactory.createApp()
-    .post(
-        signInRouteDefinition.path,
-        bodyValidator(signInRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            const user = await selectOne({
-                database: c.var.clients.sql,
-                table: models.user,
-                where: (table) => (
-                    eq(table.email, body.email.trim().toLowerCase())
-                )
-            })
-
-            const passwordHash = pbkdf2Sync(body.password, user.passwordSalt, 128000, 64, "sha512").toString("hex")
-            if (passwordHash !== user.passwordHash) {
-                throw new Exception({
-                    statusCode: 400,
-                    internalMessage: "Error signing in",
-                    cause: "Password does not match the database one"
-                })
-            }
-
-
-            // Store the session
-            const createUserSession = await insertOne({
-                database: c.var.clients.sql,
-                table: models.userSession,
-                data: {
-                    id: generateId(),
-                    idUser: user.id,
-                    isActive: true,
-                    expiresAt: new Date(Date.now() + userSessionCookieMaxAge).toISOString(),
-                    ip: getRemoteAddress({ context: c }),
-                    createdAt: new Date().toISOString(),
-                    lastUpdatedAt: null,
-                }
-            })
-
-            // Set cookies
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"id_user_session"}`,
-                    value: signString({
-                        value: createUserSession.id,
-                        secret: c.var.env.COOKIES_KEY,
-                    }),
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"is_auth"}`,
-                    value: String(true),
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: signInRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { publicFactory } from "../../factories/publicFactory.js"
+import { serializeCookie } from "../../utilities/cookies/serializeCookie.js"
+import { signString } from "../../utilities/cookies/signString.js"
+import { Exception } from "../../utilities/exception.js"
+import { getRemoteAddress } from "../../utilities/getRemoteAddress.js"
+import { response } from "../../utilities/response.js"
+import { insertOne } from "../../utilities/sql/insertOne.js"
+import { selectOne } from "../../utilities/sql/selectOne.js"
+import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { bodyValidator } from "../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { pbkdf2Sync } from "crypto"
+import { eq } from "drizzle-orm"
+
+
+export const signInRoute = publicFactory.createApp()
+    .post(
+        signInRouteDefinition.path,
+        bodyValidator(signInRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            const user = await selectOne({
+                database: c.var.clients.sql,
+                table: models.user,
+                where: (table) => (
+                    eq(table.email, body.email.trim().toLowerCase())
+                )
+            })
+
+            const passwordHash = pbkdf2Sync(body.password, user.passwordSalt, 128000, 64, "sha512").toString("hex")
+            if (passwordHash !== user.passwordHash) {
+                throw new Exception({
+                    statusCode: 400,
+                    internalMessage: "Error signing in",
+                    cause: "Password does not match the database one"
+                })
+            }
+
+
+            // Store the session
+            const createUserSession = await insertOne({
+                database: c.var.clients.sql,
+                table: models.userSession,
+                data: {
+                    id: generateId(),
+                    idUser: user.id,
+                    isActive: true,
+                    expiresAt: new Date(Date.now() + userSessionCookieMaxAge).toISOString(),
+                    ip: getRemoteAddress({ context: c }),
+                    createdAt: new Date().toISOString(),
+                    lastUpdatedAt: null,
+                }
+            })
+
+            // Set cookies
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"id_user_session"}`,
+                    value: signString({
+                        value: createUserSession.id,
+                        secret: c.var.env.COOKIES_KEY,
+                    }),
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: true,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"is_auth"}`,
+                    value: String(true),
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: false,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: signInRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/public/signOut.ts b/packages/api/src/routes/public/signOut.ts
index e7b404c..72901ec 100644
--- a/packages/api/src/routes/public/signOut.ts
+++ b/packages/api/src/routes/public/signOut.ts
@@ -1,91 +1,91 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-import { parseCookies } from "#/utilities/cookies/parseCookies.js"
-import { serializeCookie } from "#/utilities/cookies/serializeCookie.js"
-import { unsignString } from "#/utilities/cookies/unsignString.js"
-import { Exception } from "#/utilities/exception.js"
-import { response } from "#/utilities/response.js"
-import { updateOne } from "#/utilities/sql/updateOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
-import { eq } from "drizzle-orm"
-
-
-export const signOutRoute = publicFactory.createApp()
-    .post(
-        signOutRouteDefinition.path,
-        bodyValidator(signOutRouteDefinition.schemas.body),
-        async (c) => {
-            // const body = c.req.valid("json")
-
-            try {
-                const idUserSession = unsignString({
-                    signedValue: parseCookies({ value: c.req.header("cookie") })[`${cookiePrefix}_${"id_user_session"}`],
-                    secret: c.var.env.COOKIES_KEY,
-                })
-
-                if (idUserSession === undefined) {
-                    throw new Exception({
-                        statusCode: 401,
-                        internalMessage: "Invalid session",
-                        cause: "idUserSession not found in signed cookie"
-                    })
-                }
-
-                await updateOne({
-                    database: c.var.clients.sql,
-                    table: models.userSession,
-                    data: {
-                        lastUpdatedAt: new Date().toISOString(),
-                        isActive: false,
-                    },
-                    where: (table) => (
-                        eq(table.id, idUserSession)
-                    )
-                })
-            }
-            catch (erro: unknown) {
-                // do nothing
-            }
-
-
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"id_user_session"}`,
-                    value: "",
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"is_auth"}`,
-                    value: String(false),
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: signOutRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { publicFactory } from "../../factories/publicFactory.js"
+import { parseCookies } from "../../utilities/cookies/parseCookies.js"
+import { serializeCookie } from "../../utilities/cookies/serializeCookie.js"
+import { unsignString } from "../../utilities/cookies/unsignString.js"
+import { Exception } from "../../utilities/exception.js"
+import { response } from "../../utilities/response.js"
+import { updateOne } from "../../utilities/sql/updateOne.js"
+import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { bodyValidator } from "../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
+import { eq } from "drizzle-orm"
+
+
+export const signOutRoute = publicFactory.createApp()
+    .post(
+        signOutRouteDefinition.path,
+        bodyValidator(signOutRouteDefinition.schemas.body),
+        async (c) => {
+            // const body = c.req.valid("json")
+
+            try {
+                const idUserSession = unsignString({
+                    signedValue: parseCookies({ value: c.req.header("cookie") })[`${cookiePrefix}_${"id_user_session"}`],
+                    secret: c.var.env.COOKIES_KEY,
+                })
+
+                if (idUserSession === undefined) {
+                    throw new Exception({
+                        statusCode: 401,
+                        internalMessage: "Invalid session",
+                        cause: "idUserSession not found in signed cookie"
+                    })
+                }
+
+                await updateOne({
+                    database: c.var.clients.sql,
+                    table: models.userSession,
+                    data: {
+                        lastUpdatedAt: new Date().toISOString(),
+                        isActive: false,
+                    },
+                    where: (table) => (
+                        eq(table.id, idUserSession)
+                    )
+                })
+            }
+            catch (erro: unknown) {
+                // do nothing
+            }
+
+
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"id_user_session"}`,
+                    value: "",
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: true,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"is_auth"}`,
+                    value: String(false),
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: false,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: signOutRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/public/signUp.ts b/packages/api/src/routes/public/signUp.ts
index df7745b..c54e782 100644
--- a/packages/api/src/routes/public/signUp.ts
+++ b/packages/api/src/routes/public/signUp.ts
@@ -1,125 +1,125 @@
-import { publicFactory } from "#/factories/publicFactory.js"
-import { serializeCookie } from "#/utilities/cookies/serializeCookie.js"
-import { signString } from "#/utilities/cookies/signString.js"
-import { Exception } from "#/utilities/exception.js"
-import { generateVerificationToken } from "#/utilities/generateVerificationToken.js"
-import { getRemoteAddress } from "#/utilities/getRemoteAddress.js"
-import { response } from "#/utilities/response.js"
-import { insertOne } from "#/utilities/sql/insertOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "#/utilities/variables.js"
-import { bodyValidator } from "#/validators/bodyValidator.js"
-import { models } from "@arrhes/application-metadata/models"
-import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
-import { generateId } from "@arrhes/application-metadata/utilities"
-import { pbkdf2Sync } from "crypto"
-
-
-export const signUpRoute = publicFactory.createApp()
-    .post(
-        signUpRouteDefinition.path,
-        bodyValidator(signUpRouteDefinition.schemas.body),
-        async (c) => {
-            const body = c.req.valid("json")
-
-            if (body.password !== body.passwordCheck) {
-                throw new Exception({
-                    statusCode: 400,
-                    internalMessage: "Different passwords",
-                    externalMessage: "Les mots de passe renseignés sont différents"
-                })
-            }
-
-            const createUserSession = await c.var.clients.sql.transaction(async (tx) => {
-
-                const passwordSalt = generateId()
-                const passwordHash = pbkdf2Sync(body.password, passwordSalt, 128000, 64, "sha512").toString("hex")
-
-                const createUser = await insertOne({
-                    database: tx,
-                    table: models.user,
-                    data: {
-                        id: generateId(),
-                        isActive: true,
-                        alias: null,
-                        email: body.email,
-                        isEmailValidated: false,
-                        emailToken: generateVerificationToken(),
-                        emailTokenExpiresAt: new Date(new Date().getTime() + (60 * 60 * 1000)).toISOString(),
-                        passwordHash: passwordHash,
-                        passwordSalt: passwordSalt,
-                        createdAt: new Date().toISOString(),
-                        lastUpdatedAt: null,
-                    }
-                })
-
-                // Store the session
-                const createUserSession = await insertOne({
-                    database: tx,
-                    table: models.userSession,
-                    data: {
-                        id: generateId(),
-                        idUser: createUser.id,
-                        isActive: true,
-                        expiresAt: new Date(Date.now() + userSessionCookieMaxAge).toISOString(),
-                        ip: getRemoteAddress({ context: c }),
-                        createdAt: new Date().toISOString(),
-                        lastUpdatedAt: null,
-                    }
-                })
-
-                return createUserSession
-            })
-
-
-            // Set cookies
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"id_user_session"}`,
-                    value: signString({
-                        value: createUserSession.id,
-                        secret: c.var.env.COOKIES_KEY,
-                    }),
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-            c.res.headers.append(
-                "Set-Cookie",
-                serializeCookie({
-                    name: `${cookiePrefix}_${"is_auth"}`,
-                    value: String(true),
-                    options: {
-                        maxAge: userSessionCookieMaxAge,
-                        httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
-                        domain: c.var.env.COOKIES_DOMAIN,
-                        path: "/",
-                    }
-                })
-            )
-
-
-            // await sendEmail({
-            //     to: userResponse.email,
-            //     subject: "Valider votre email",
-            //     html: emailValidationTemplate({
-            //         url: `${urlApp}/services/email?id=${userResponse.id}&token=${userResponse.emailToken}`,
-            //     })
-            // })
-
-            return response({
-                context: c,
-                statusCode: 200,
-                schema: signUpRouteDefinition.schemas.return,
-                data: {},
-            })
-        }
+import { publicFactory } from "../../factories/publicFactory.js"
+import { serializeCookie } from "../../utilities/cookies/serializeCookie.js"
+import { signString } from "../../utilities/cookies/signString.js"
+import { Exception } from "../../utilities/exception.js"
+import { generateVerificationToken } from "../../utilities/generateVerificationToken.js"
+import { getRemoteAddress } from "../../utilities/getRemoteAddress.js"
+import { response } from "../../utilities/response.js"
+import { insertOne } from "../../utilities/sql/insertOne.js"
+import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { bodyValidator } from "../../validators/bodyValidator.js"
+import { models } from "@arrhes/application-metadata/models"
+import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
+import { generateId } from "@arrhes/application-metadata/utilities"
+import { pbkdf2Sync } from "crypto"
+
+
+export const signUpRoute = publicFactory.createApp()
+    .post(
+        signUpRouteDefinition.path,
+        bodyValidator(signUpRouteDefinition.schemas.body),
+        async (c) => {
+            const body = c.req.valid("json")
+
+            if (body.password !== body.passwordCheck) {
+                throw new Exception({
+                    statusCode: 400,
+                    internalMessage: "Different passwords",
+                    externalMessage: "Les mots de passe renseignés sont différents"
+                })
+            }
+
+            const createUserSession = await c.var.clients.sql.transaction(async (tx) => {
+
+                const passwordSalt = generateId()
+                const passwordHash = pbkdf2Sync(body.password, passwordSalt, 128000, 64, "sha512").toString("hex")
+
+                const createUser = await insertOne({
+                    database: tx,
+                    table: models.user,
+                    data: {
+                        id: generateId(),
+                        isActive: true,
+                        alias: null,
+                        email: body.email,
+                        isEmailValidated: false,
+                        emailToken: generateVerificationToken(),
+                        emailTokenExpiresAt: new Date(new Date().getTime() + (60 * 60 * 1000)).toISOString(),
+                        passwordHash: passwordHash,
+                        passwordSalt: passwordSalt,
+                        createdAt: new Date().toISOString(),
+                        lastUpdatedAt: null,
+                    }
+                })
+
+                // Store the session
+                const createUserSession = await insertOne({
+                    database: tx,
+                    table: models.userSession,
+                    data: {
+                        id: generateId(),
+                        idUser: createUser.id,
+                        isActive: true,
+                        expiresAt: new Date(Date.now() + userSessionCookieMaxAge).toISOString(),
+                        ip: getRemoteAddress({ context: c }),
+                        createdAt: new Date().toISOString(),
+                        lastUpdatedAt: null,
+                    }
+                })
+
+                return createUserSession
+            })
+
+
+            // Set cookies
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"id_user_session"}`,
+                    value: signString({
+                        value: createUserSession.id,
+                        secret: c.var.env.COOKIES_KEY,
+                    }),
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: true,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+            c.res.headers.append(
+                "Set-Cookie",
+                serializeCookie({
+                    name: `${cookiePrefix}_${"is_auth"}`,
+                    value: String(true),
+                    options: {
+                        maxAge: userSessionCookieMaxAge,
+                        httpOnly: false,
+                        secure: true,
+                        sameSite: "None",
+                        domain: c.var.env.COOKIES_DOMAIN,
+                        path: "/",
+                    }
+                })
+            )
+
+
+            // await sendEmail({
+            //     to: userResponse.email,
+            //     subject: "Valider votre email",
+            //     html: emailValidationTemplate({
+            //         url: `${urlApp}/services/email?id=${userResponse.id}&token=${userResponse.emailToken}`,
+            //     })
+            // })
+
+            return response({
+                context: c,
+                statusCode: 200,
+                schema: signUpRouteDefinition.schemas.return,
+                data: {},
+            })
+        }
     )
\ No newline at end of file
diff --git a/packages/api/src/routes/routes.ts b/packages/api/src/routes/routes.ts
index 0295df0..0f5885e 100644
--- a/packages/api/src/routes/routes.ts
+++ b/packages/api/src/routes/routes.ts
@@ -1,8 +1,8 @@
-import { apiFactory } from "#/factories/apiFactory.js"
-import { authRoute } from "#/routes/auth/authRoute.js"
-import { publicRoute } from "#/routes/public/publicRoute.js"
-
-
-export const routes = apiFactory.createApp()
-    .route("/", authRoute)
-    .route("/", publicRoute)
+import { apiFactory } from "../factories/apiFactory.js"
+import { authRoute } from "../routes/auth/authRoute.js"
+import { publicRoute } from "../routes/public/publicRoute.js"
+
+
+export const routes = apiFactory.createApp()
+    .route("/", authRoute)
+    .route("/", publicRoute)
diff --git a/packages/api/src/server.ts b/packages/api/src/server.ts
index 1e28abe..570ad57 100644
--- a/packages/api/src/server.ts
+++ b/packages/api/src/server.ts
@@ -1,6 +1,6 @@
-import { api } from "#/api.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { api } from "./api.js"
+import { getClients } from "./utilities/getClients.js"
+import { getEnv } from "./utilities/getEnv.js"
 import { createServer } from "http"
 
 
diff --git a/packages/api/src/utilities/apiLog.ts b/packages/api/src/utilities/apiLog.ts
index 3b271d1..42552ff 100644
--- a/packages/api/src/utilities/apiLog.ts
+++ b/packages/api/src/utilities/apiLog.ts
@@ -1,5 +1,5 @@
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { getClients } from "../utilities/getClients.js"
+import { getEnv } from "../utilities/getEnv.js"
 
 
 type ApiLog = {
diff --git a/packages/api/src/utilities/cookies/parseCookies.ts b/packages/api/src/utilities/cookies/parseCookies.ts
index 326a649..5d12bb4 100644
--- a/packages/api/src/utilities/cookies/parseCookies.ts
+++ b/packages/api/src/utilities/cookies/parseCookies.ts
@@ -1,4 +1,4 @@
-import { Exception } from "#/utilities/exception.js"
+import { Exception } from "../../utilities/exception.js"
 
 
 export function parseCookies(parameters: {
diff --git a/packages/api/src/utilities/cookies/signString.ts b/packages/api/src/utilities/cookies/signString.ts
index 493f88f..3a521c1 100644
--- a/packages/api/src/utilities/cookies/signString.ts
+++ b/packages/api/src/utilities/cookies/signString.ts
@@ -1,4 +1,4 @@
-import { Exception } from "#/utilities/exception.js"
+import { Exception } from "../../utilities/exception.js"
 import { createHmac } from "crypto"
 
 
diff --git a/packages/api/src/utilities/cookies/unsignString.ts b/packages/api/src/utilities/cookies/unsignString.ts
index e42dded..d95065c 100644
--- a/packages/api/src/utilities/cookies/unsignString.ts
+++ b/packages/api/src/utilities/cookies/unsignString.ts
@@ -1,5 +1,5 @@
-import { signString } from "#/utilities/cookies/signString.js"
-import { Exception } from "#/utilities/exception.js"
+import { signString } from "../../utilities/cookies/signString.js"
+import { Exception } from "../../utilities/exception.js"
 import { timingSafeEqual } from "crypto"
 
 
diff --git a/packages/api/src/utilities/email/sendEmail.ts b/packages/api/src/utilities/email/sendEmail.ts
index de1473a..c1c3ea8 100644
--- a/packages/api/src/utilities/email/sendEmail.ts
+++ b/packages/api/src/utilities/email/sendEmail.ts
@@ -1,36 +1,36 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
-
-
-export async function sendEmail(parameters: {
-    var: {
-        env: ReturnType<typeof getEnv>
-        clients: Awaited<ReturnType<typeof getClients>>
-    },
-    subject: string
-    from?: string
-    to: string | string[]
-    html: string
-    // attachments?: {
-    //     content: Buffer | string | undefined
-    //     filename: string
-    // }[]
-}) {
-    try {
-        const response = await parameters.var.clients.email.sendMail(parameters)
-
-        if (!response.accepted) {
-            throw new Exception({
-                internalMessage: "Email not sent",
-                cause: response.rejected.toString()
-            })
-        }
-    }
-    catch (error: unknown) {
-        throw new Exception({
-            internalMessage: "Email not sent",
-            rawError: error
-        })
-    }
-}
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
+
+
+export async function sendEmail(parameters: {
+    var: {
+        env: ReturnType<typeof getEnv>
+        clients: Awaited<ReturnType<typeof getClients>>
+    },
+    subject: string
+    from?: string
+    to: string | string[]
+    html: string
+    // attachments?: {
+    //     content: Buffer | string | undefined
+    //     filename: string
+    // }[]
+}) {
+    try {
+        const response = await parameters.var.clients.email.sendMail(parameters)
+
+        if (!response.accepted) {
+            throw new Exception({
+                internalMessage: "Email not sent",
+                cause: response.rejected.toString()
+            })
+        }
+    }
+    catch (error: unknown) {
+        throw new Exception({
+            internalMessage: "Email not sent",
+            rawError: error
+        })
+    }
+}
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
index 6422999..569176f 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.tsx
@@ -1,6 +1,6 @@
-import { BalanceSheetAssetsReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.js"
-import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
-import { numberToRomanString } from "#/utilities/numberToRomanString.js"
+import { BalanceSheetAssetsReportRow } from "./balanceSheetAssetsReportRow.js"
+import { getBalanceSheetChildren } from "../getBalanceSheetChildren.js"
+import { numberToRomanString } from "../../../../numberToRomanString.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.tsx
index 1301e15..f72797a 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.tsx
@@ -1,5 +1,5 @@
-import { PriceFormat } from "#/utilities/email/templates/components/price/priceFormat.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
+import { PriceFormat } from "../../components/price/priceFormat.js"
+import { Table } from "../../components/table/table.js"
 import { Style, css, cx } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
index 4de09e6..32b7c7e 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.tsx
@@ -1,7 +1,7 @@
-import { BalanceSheetAssetsReportItem } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportItem.js"
-import { BalanceSheetAssetsReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportRow.js"
-import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
+import { BalanceSheetAssetsReportItem } from "./balanceSheetAssetsReportItem.js"
+import { BalanceSheetAssetsReportRow } from "./balanceSheetAssetsReportRow.js"
+import { getBalanceSheetChildren } from "../getBalanceSheetChildren.js"
+import { Table } from "../../components/table/table.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
index 8aadb4d..6f18315 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.tsx
@@ -1,6 +1,6 @@
-import { BalanceSheetLiabilitiesReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.js"
-import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
-import { numberToRomanString } from "#/utilities/numberToRomanString.js"
+import { BalanceSheetLiabilitiesReportRow } from "./balanceSheetLiabilitiesReportRow.js"
+import { getBalanceSheetChildren } from "../getBalanceSheetChildren.js"
+import { numberToRomanString } from "../../../../numberToRomanString.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.tsx
index 444cd82..cb00c74 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.tsx
@@ -1,5 +1,5 @@
-import { PriceFormat } from "#/utilities/email/templates/components/price/priceFormat.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
+import { PriceFormat } from "../../components/price/priceFormat.js"
+import { Table } from "../../components/table/table.js"
 import { Style, css, cx } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
index a1b268f..4f2dd73 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.tsx
@@ -1,7 +1,7 @@
-import { BalanceSheetLiabilitiesReportItem } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportItem.js"
-import { BalanceSheetLiabilitiesReportRow } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportRow.js"
-import { getBalanceSheetChildren } from "#/utilities/email/templates/balanceSheetReport/getBalanceSheetChildren.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
+import { BalanceSheetLiabilitiesReportItem } from "./balanceSheetLiabilitiesReportItem.js"
+import { BalanceSheetLiabilitiesReportRow } from "./balanceSheetLiabilitiesReportRow.js"
+import { getBalanceSheetChildren } from "../getBalanceSheetChildren.js"
+import { Table } from "../../components/table/table.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
diff --git a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
index 7ac2dae..c837dc0 100644
--- a/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
+++ b/packages/api/src/utilities/email/templates/balanceSheetReport/balanceSheetReport.tsx
@@ -1,5 +1,5 @@
-import { BalanceSheetAssetsReportTable } from "#/utilities/email/templates/balanceSheetReport/balanceSheetAssets/balanceSheetAssetsReportTable.js"
-import { BalanceSheetLiabilitiesReportTable } from "#/utilities/email/templates/balanceSheetReport/balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.js"
+import { BalanceSheetAssetsReportTable } from "./balanceSheetAssets/balanceSheetAssetsReportTable.js"
+import { BalanceSheetLiabilitiesReportTable } from "./balanceSheetLiabilities/balanceSheetLiabilitiesReportTable.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
index fc4d517..f8a124b 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReport.tsx
@@ -1,4 +1,4 @@
-import { IncomeStatementsReportTable } from "#/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.js"
+import { IncomeStatementsReportTable } from "./incomeStatementsReportTable.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Style, css } from "hono/css"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
index cd982a6..467f783 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.tsx
@@ -1,6 +1,6 @@
-import { getIncomeStatementChildren } from "#/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.js"
-import { IncomeStatementReportRow } from "#/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.js"
-import { numberToRomanString } from "#/utilities/numberToRomanString.js"
+import { getIncomeStatementChildren } from "./getIncomeStatementChildren.js"
+import { IncomeStatementReportRow } from "./incomeStatementReportRow.js"
+import { numberToRomanString } from "../../../numberToRomanString.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Fragment } from "hono/jsx/jsx-runtime"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.tsx
index b3b795f..5f0f737 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementReportRow.tsx
@@ -1,5 +1,5 @@
-import { PriceFormat } from "#/utilities/email/templates/components/price/priceFormat.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
+import { PriceFormat } from "../components/price/priceFormat.js"
+import { Table } from "../components/table/table.js"
 import { css, cx, Style } from "hono/css"
 import { Fragment } from "hono/jsx/jsx-runtime"
 
diff --git a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
index 1b61987..3fe9766 100644
--- a/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/api/src/utilities/email/templates/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -1,8 +1,8 @@
-import { PriceFormat } from "#/utilities/email/templates/components/price/priceFormat.js"
-import { Table } from "#/utilities/email/templates/components/table/table.js"
-import { getIncomeStatementChildren } from "#/utilities/email/templates/incomeStatementReport/getIncomeStatementChildren.js"
-import { IncomeStatementReportItem } from "#/utilities/email/templates/incomeStatementReport/incomeStatementReportItem.js"
-import { numberToRomanString } from "#/utilities/numberToRomanString.js"
+import { PriceFormat } from "../components/price/priceFormat.js"
+import { Table } from "../components/table/table.js"
+import { getIncomeStatementChildren } from "./getIncomeStatementChildren.js"
+import { IncomeStatementReportItem } from "./incomeStatementReportItem.js"
+import { numberToRomanString } from "../../../numberToRomanString.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "hono/css"
 import * as v from "valibot"
diff --git a/packages/api/src/utilities/getClients.ts b/packages/api/src/utilities/getClients.ts
index 4678a0a..23d3338 100644
--- a/packages/api/src/utilities/getClients.ts
+++ b/packages/api/src/utilities/getClients.ts
@@ -1,7 +1,7 @@
-import { emailClient } from "#/clients/emailClient.js"
-import { sqlClient } from "#/clients/sqlClient.js"
-import { storageClient } from "#/clients/storageClient.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { emailClient } from "../clients/emailClient.js"
+import { sqlClient } from "../clients/sqlClient.js"
+import { storageClient } from "../clients/storageClient.js"
+import { getEnv } from "../utilities/getEnv.js"
 
 
 export async function getClients(env: ReturnType<typeof getEnv>) {
diff --git a/packages/api/src/utilities/getEnv.ts b/packages/api/src/utilities/getEnv.ts
index 2307402..303a135 100644
--- a/packages/api/src/utilities/getEnv.ts
+++ b/packages/api/src/utilities/getEnv.ts
@@ -1,45 +1,45 @@
-import { validate } from "#/utilities/validate.js"
-import * as v from "valibot"
-
-
-enum Env {
-    development = "development",
-    production = "production"
-}
-
-const envSchema = v.object({
-    ENV: v.enum_(Env),
-    VERBOSE: v.picklist(["true", "false"]),
-    PORT: v.string(),
-
-    CORS_ORIGIN: v.string(),
-    COOKIES_DOMAIN: v.string(),
-    COOKIES_KEY: v.string(),
-
-    API_BASE_URL: v.string(),
-    PLATFORM_BASE_URL: v.string(),
-    WEBSITE_BASE_URL: v.string(),
-
-    SQL_DATABASE_URL: v.string(),
-
-    STORAGE_ENDPOINT: v.string(),
-    STORAGE_BUCKET_NAME: v.string(),
-    STORAGE_ACCESS_KEY: v.string(),
-    STORAGE_SECRET_KEY: v.string(),
-
-    EMAIL_ENDPOINT: v.string(),
-    EMAIL_USER: v.string(),
-    EMAIL_PASSWORD: v.string(),
-})
-
-
-export function getEnv() {
-    const parsedEnv = validate({
-        schema: envSchema,
-        // @ts-ignore
-        data: process.env,
-        message: "Missing environment variables",
-    })
-
-    return parsedEnv
-}
+import { validate } from "../utilities/validate.js"
+import * as v from "valibot"
+
+
+enum Env {
+    development = "development",
+    production = "production"
+}
+
+const envSchema = v.object({
+    ENV: v.enum_(Env),
+    VERBOSE: v.picklist(["true", "false"]),
+    PORT: v.string(),
+
+    CORS_ORIGIN: v.string(),
+    COOKIES_DOMAIN: v.string(),
+    COOKIES_KEY: v.string(),
+
+    API_BASE_URL: v.string(),
+    PLATFORM_BASE_URL: v.string(),
+    WEBSITE_BASE_URL: v.string(),
+
+    SQL_DATABASE_URL: v.string(),
+
+    STORAGE_ENDPOINT: v.string(),
+    STORAGE_BUCKET_NAME: v.string(),
+    STORAGE_ACCESS_KEY: v.string(),
+    STORAGE_SECRET_KEY: v.string(),
+
+    EMAIL_ENDPOINT: v.string(),
+    EMAIL_USER: v.string(),
+    EMAIL_PASSWORD: v.string(),
+})
+
+
+export function getEnv() {
+    const parsedEnv = validate({
+        schema: envSchema,
+        // @ts-ignore
+        data: process.env,
+        message: "Missing environment variables",
+    })
+
+    return parsedEnv
+}
diff --git a/packages/api/src/utilities/response.ts b/packages/api/src/utilities/response.ts
index ff4bcbd..b07163c 100644
--- a/packages/api/src/utilities/response.ts
+++ b/packages/api/src/utilities/response.ts
@@ -1,7 +1,7 @@
-import { ApiEnv } from "#/factories/apiFactory.js"
-import { AuthEnv } from "#/factories/authFactory.js"
-import { PublicEnv } from "#/factories/publicFactory.js"
-import { validate } from "#/utilities/validate.js"
+import { ApiEnv } from "../factories/apiFactory.js"
+import { AuthEnv } from "../factories/authFactory.js"
+import { PublicEnv } from "../factories/publicFactory.js"
+import { validate } from "../utilities/validate.js"
 import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import { Context } from "hono"
 import { ContentfulStatusCode } from "hono/utils/http-status"
diff --git a/packages/api/src/utilities/safeParseJSON.ts b/packages/api/src/utilities/safeParseJSON.ts
index 8c81e2b..18a302a 100644
--- a/packages/api/src/utilities/safeParseJSON.ts
+++ b/packages/api/src/utilities/safeParseJSON.ts
@@ -1,5 +1,5 @@
-import { completeStringifiedJSON } from "#/utilities/completeStringifiedJSON.js"
-import { Exception } from "#/utilities/exception.js"
+import { completeStringifiedJSON } from "../utilities/completeStringifiedJSON.js"
+import { Exception } from "../utilities/exception.js"
 
 
 export function safeParseJSON(parameters: {
diff --git a/packages/api/src/utilities/sql/deleteMany.ts b/packages/api/src/utilities/sql/deleteMany.ts
index c65a0f6..4123cea 100644
--- a/packages/api/src/utilities/sql/deleteMany.ts
+++ b/packages/api/src/utilities/sql/deleteMany.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { SQL, TableConfig } from "drizzle-orm"
 import { PgTable } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/sql/deleteOne.ts b/packages/api/src/utilities/sql/deleteOne.ts
index d43ee24..2d3579c 100644
--- a/packages/api/src/utilities/sql/deleteOne.ts
+++ b/packages/api/src/utilities/sql/deleteOne.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { SQL, TableConfig } from "drizzle-orm"
 import { PgTable } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/sql/insertMany.ts b/packages/api/src/utilities/sql/insertMany.ts
index 3d77d0b..2ccb24e 100644
--- a/packages/api/src/utilities/sql/insertMany.ts
+++ b/packages/api/src/utilities/sql/insertMany.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { PgInsertValue, PgTable, TableConfig } from "drizzle-orm/pg-core"
 
 
diff --git a/packages/api/src/utilities/sql/insertOne.ts b/packages/api/src/utilities/sql/insertOne.ts
index c9f1708..5a09ab0 100644
--- a/packages/api/src/utilities/sql/insertOne.ts
+++ b/packages/api/src/utilities/sql/insertOne.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { TableConfig } from "drizzle-orm"
 import { PgInsertValue, PgTable } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/sql/selectMany.ts b/packages/api/src/utilities/sql/selectMany.ts
index 13b27b8..e7797d2 100644
--- a/packages/api/src/utilities/sql/selectMany.ts
+++ b/packages/api/src/utilities/sql/selectMany.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { SQL, TableConfig } from "drizzle-orm"
 import { PgTable } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/sql/selectOne.ts b/packages/api/src/utilities/sql/selectOne.ts
index cd621da..e66c65c 100644
--- a/packages/api/src/utilities/sql/selectOne.ts
+++ b/packages/api/src/utilities/sql/selectOne.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { SQL, TableConfig } from "drizzle-orm"
 import { PgTable } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/sql/updateOne.ts b/packages/api/src/utilities/sql/updateOne.ts
index 8c2fd8e..9804cc0 100644
--- a/packages/api/src/utilities/sql/updateOne.ts
+++ b/packages/api/src/utilities/sql/updateOne.ts
@@ -1,5 +1,5 @@
-import { sqlClient } from "#/clients/sqlClient.js"
-import { Exception } from "#/utilities/exception.js"
+import { sqlClient } from "../../clients/sqlClient.js"
+import { Exception } from "../../utilities/exception.js"
 import { SQL, TableConfig } from "drizzle-orm"
 import { PgTable, PgUpdateSetSource } from "drizzle-orm/pg-core"
 
diff --git a/packages/api/src/utilities/storage/deleteObject.ts b/packages/api/src/utilities/storage/deleteObject.ts
index 4031767..1e54cbb 100644
--- a/packages/api/src/utilities/storage/deleteObject.ts
+++ b/packages/api/src/utilities/storage/deleteObject.ts
@@ -1,6 +1,6 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
 import { DeleteObjectCommand } from "@aws-sdk/client-s3"
 
 
diff --git a/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts b/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
index e273e3c..ff1db14 100644
--- a/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generateDeleteSignedUrl.ts
@@ -1,6 +1,6 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
 import { DeleteObjectCommand } from "@aws-sdk/client-s3"
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner"
 
diff --git a/packages/api/src/utilities/storage/generateGetSignedUrl.ts b/packages/api/src/utilities/storage/generateGetSignedUrl.ts
index 9e71b40..d8f9284 100644
--- a/packages/api/src/utilities/storage/generateGetSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generateGetSignedUrl.ts
@@ -1,7 +1,7 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
-import { storageFileExpiresIn } from "#/utilities/variables.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
+import { storageFileExpiresIn } from "../../utilities/variables.js"
 import { GetObjectCommand } from "@aws-sdk/client-s3"
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner"
 
diff --git a/packages/api/src/utilities/storage/generatePutSignedUrl.ts b/packages/api/src/utilities/storage/generatePutSignedUrl.ts
index 6b705d9..0d9170a 100644
--- a/packages/api/src/utilities/storage/generatePutSignedUrl.ts
+++ b/packages/api/src/utilities/storage/generatePutSignedUrl.ts
@@ -1,6 +1,6 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
 import { PutObjectCommand } from "@aws-sdk/client-s3"
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner"
 
diff --git a/packages/api/src/utilities/storage/getObject.ts b/packages/api/src/utilities/storage/getObject.ts
index 9ed7c48..68d087b 100644
--- a/packages/api/src/utilities/storage/getObject.ts
+++ b/packages/api/src/utilities/storage/getObject.ts
@@ -1,6 +1,6 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
 import { GetObjectCommand } from "@aws-sdk/client-s3"
 
 
diff --git a/packages/api/src/utilities/storage/putObject.ts b/packages/api/src/utilities/storage/putObject.ts
index 7cdb68d..b8ce55d 100644
--- a/packages/api/src/utilities/storage/putObject.ts
+++ b/packages/api/src/utilities/storage/putObject.ts
@@ -1,6 +1,6 @@
-import { Exception } from "#/utilities/exception.js"
-import { getClients } from "#/utilities/getClients.js"
-import { getEnv } from "#/utilities/getEnv.js"
+import { Exception } from "../../utilities/exception.js"
+import { getClients } from "../../utilities/getClients.js"
+import { getEnv } from "../../utilities/getEnv.js"
 import { PutObjectCommand } from "@aws-sdk/client-s3"
 
 
diff --git a/packages/api/src/utilities/validate.ts b/packages/api/src/utilities/validate.ts
index 9979c02..291f6eb 100644
--- a/packages/api/src/utilities/validate.ts
+++ b/packages/api/src/utilities/validate.ts
@@ -1,30 +1,30 @@
-import { Exception } from "#/utilities/exception.js"
-import * as v from "valibot"
-
-
-export function validate<
-    T extends v.GenericSchema<unknown, unknown>
->(parameters: {
-    schema: T
-    data: v.InferOutput<T>
-}) {
-
-    const parsed = v.safeParse(
-        parameters.schema,
-        parameters.data,
-        {
-            abortEarly: true,
-            abortPipeEarly: true,
-        },
-    )
-
-    if (parsed.success === false) {
-        throw new Exception({
-            statusCode: 500,
-            internalMessage: "Invalid data",
-            cause: JSON.stringify(v.flatten(parsed.issues)),
-        })
-    }
-
-    return parsed.output
+import { Exception } from "../utilities/exception.js"
+import * as v from "valibot"
+
+
+export function validate<
+    T extends v.GenericSchema<unknown, unknown>
+>(parameters: {
+    schema: T
+    data: v.InferOutput<T>
+}) {
+
+    const parsed = v.safeParse(
+        parameters.schema,
+        parameters.data,
+        {
+            abortEarly: true,
+            abortPipeEarly: true,
+        },
+    )
+
+    if (parsed.success === false) {
+        throw new Exception({
+            statusCode: 500,
+            internalMessage: "Invalid data",
+            cause: JSON.stringify(v.flatten(parsed.issues)),
+        })
+    }
+
+    return parsed.output
 }
\ No newline at end of file
diff --git a/packages/api/src/validators/bodyValidator.ts b/packages/api/src/validators/bodyValidator.ts
index 7d92ce8..2d8efa9 100644
--- a/packages/api/src/validators/bodyValidator.ts
+++ b/packages/api/src/validators/bodyValidator.ts
@@ -1,25 +1,25 @@
-import { Exception } from "#/utilities/exception.js"
-import { validate } from "#/utilities/validate.js"
-import { validator } from "hono/validator"
-import * as v from "valibot"
-
-
-export const bodyValidator = <T extends v.ObjectSchema<v.ObjectEntries, undefined>>(schema: T) => {
-    return validator("json", async (value, c) => {
-        try {
-            const validatedBody = validate({
-                schema: schema,
-                data: value
-            })
-            return validatedBody
-        }
-        catch (error: unknown) {
-            throw new Exception({
-                statusCode: 400,
-                internalMessage: "The body object can not be parsed",
-                externalMessage: "Invalid request",
-                rawError: error
-            })
-        }
-    })
+import { Exception } from "../utilities/exception.js"
+import { validate } from "../utilities/validate.js"
+import { validator } from "hono/validator"
+import * as v from "valibot"
+
+
+export const bodyValidator = <T extends v.ObjectSchema<v.ObjectEntries, undefined>>(schema: T) => {
+    return validator("json", async (value, c) => {
+        try {
+            const validatedBody = validate({
+                schema: schema,
+                data: value
+            })
+            return validatedBody
+        }
+        catch (error: unknown) {
+            throw new Exception({
+                statusCode: 400,
+                internalMessage: "The body object can not be parsed",
+                externalMessage: "Invalid request",
+                rawError: error
+            })
+        }
+    })
 }
\ No newline at end of file
diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index 1a88874..5c698c5 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -3,30 +3,29 @@
     "type": "module",
     "private": false,
     "scripts": {
+        "prepare": "panda codegen",
         "dev": "vite",
-        "build": "tsc && vite build",
+        "build": "panda codegen && tsc && vite build",
         "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
     },
     "devDependencies": {
         "@eslint/js": "9.39.1",
-        "@tailwindcss/vite": "4.1.17",
+        "@pandacss/dev": "1.8.1",
         "@types/node": "24.10.1",
         "@types/react": "19.2.7",
         "@types/react-dom": "19.2.3",
         "@vitejs/plugin-react": "5.1.1",
-        "clsx": "2.1.1",
         "eslint": "9.39.1",
         "eslint-plugin-react-hooks": "7.0.1",
         "eslint-plugin-react-refresh": "0.4.24",
         "globals": "16.5.0",
-        "tailwind-merge": "3.4.0",
-        "tailwindcss": "4.1.17",
         "typescript": "5.9.3",
         "typescript-eslint": "8.48.0",
         "vite": "7.2.4"
     },
     "dependencies": {
         "@arrhes/application-metadata": "workspace:*",
+        "@arrhes/ui": "workspace:*",
         "@hookform/resolvers": "5.2.2",
         "@radix-ui/react-dialog": "1.1.15",
         "@radix-ui/react-dropdown-menu": "2.1.16",
@@ -48,12 +47,6 @@
         "react-imask": "7.6.1",
         "valibot": "1.2.0"
     },
-    "imports": {
-        "#/*": "./src/*"
-    },
-    "exports": {
-        "#/*": "./build/*"
-    },
     "browserslist": {
         "production": [
             "cover 99.99%",
diff --git a/packages/dashboard/panda.config.ts b/packages/dashboard/panda.config.ts
new file mode 100644
index 0000000..d739db2
--- /dev/null
+++ b/packages/dashboard/panda.config.ts
@@ -0,0 +1,26 @@
+import { defineConfig } from '@pandacss/dev'
+import uiConfig from '../ui/panda.config'
+
+
+export default defineConfig({
+    // Whether to use css reset
+    preflight: true,
+
+    // Where to look for your css declarations
+    include: ['../ui/src/**/*.{ts,tsx}', './src/**/*.{ts,tsx}'],
+
+    // Files to exclude
+    exclude: [],
+
+    // Use theme from UI package
+    theme: uiConfig.theme,
+
+    // Import map for the UI package
+    importMap: '@arrhes/ui',
+
+    // The output directory for your css system
+    outdir: 'styled-system',
+
+    // Use JSX style props
+    jsxFramework: "react",
+})
diff --git a/packages/dashboard/postcss.config.cjs b/packages/dashboard/postcss.config.cjs
new file mode 100644
index 0000000..97a9426
--- /dev/null
+++ b/packages/dashboard/postcss.config.cjs
@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: {
+        "@pandacss/dev/postcss": {},
+    },
+}
diff --git a/packages/dashboard/public/favicon.svg b/packages/dashboard/public/favicon.svg
new file mode 100644
index 0000000..c418b79
--- /dev/null
+++ b/packages/dashboard/public/favicon.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <!-- Abacus base (slightly faded) -->
+  <g stroke="#1F292E" opacity="0.6">
+    <path d="M5 3v18" />
+    <path d="M19 21v-18" />
+    <path d="M5 7h14" />
+    <path d="M5 15h14" />
+    <path d="M8 13v4" />
+    <path d="M11 13v4" />
+    <path d="M16 13v4" />
+    <path d="M14 5v4" />
+    <path d="M11 5v4" />
+    <path d="M8 5v4" />
+    <path d="M3 21h18" />
+  </g>
+  <!-- App window overlay (positioned in bottom-right) -->
+  <g transform="translate(8, 8) scale(0.7)" stroke="#1F292E">
+    <rect x="3" y="5" width="18" height="14" rx="2" ry="2" fill="#F9F9F9" />
+    <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" />
+    <circle cx="6" cy="8" r="0.5" fill="#1F292E" />
+    <circle cx="9" cy="8" r="0.5" fill="#1F292E" />
+  </g>
+</svg>
diff --git a/packages/dashboard/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
index 629e947..f9d0790 100644
--- a/packages/dashboard/src/assets/css/root.css
+++ b/packages/dashboard/src/assets/css/root.css
@@ -1,70 +1,85 @@
-@import "tailwindcss";
-@reference "./theme.css";
-@import "tailwindcss/preflight.css" layer(base);
-
-
-@layer theme, base;
-
-@layer base {
-
-  html {
-    font-size: 16px;
-    overflow: auto;
-  }
-
-  body {
-    /* @apply overflow-auto; */
-  }
-
-  *,
-  *::before,
-  *::after {
-    @apply box-border bg-clip-padding;
-  }
-
-  * {
-    @apply m-0 p-0 list-none scroll-smooth outline-none font-mono;
-  }
-
-  span,
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  label,
-  small,
-  input,
-  button,
-  textarea,
-  select {
-    @apply text-sm font-normal text-neutral;
-  }
-
-  a {
-    @apply no-underline;
-  }
-
-  #root {
-    @apply bg-background relative min-h-[100dvh] h-[100dvh] min-w-[100dvw] w-[100dvw] overflow-x-hidden overflow-y-auto flex flex-col justify-center items-center;
-  }
-
-  img,
-  picture,
-  video,
-  canvas,
-  svg {
-    @apply box-border block;
-  }
-
-  input,
-  button {
-    @apply focus:outline-none;
-  }
-
-  svg {
-    @apply stroke-[1.5px];
-  }
-}
\ No newline at end of file
+@layer reset, base, tokens, recipes, utilities;
+
+@layer base {
+  html {
+    font-size: 16px;
+    overflow: auto;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+    background-clip: padding-box;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    scroll-behavior: smooth;
+    outline: none;
+    font-family: "Sometype Mono", monospace;
+  }
+
+  span,
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  label,
+  small,
+  input,
+  button,
+  textarea,
+  select {
+    font-size: 0.875rem;
+    font-weight: normal;
+    color: var(--colors-neutral);
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  #root {
+    background-color: var(--colors-background);
+    position: relative;
+    min-height: 100dvh;
+    height: 100dvh;
+    min-width: 100dvw;
+    width: 100dvw;
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    box-sizing: border-box;
+    display: block;
+  }
+
+  input,
+  button {
+    outline: none;
+  }
+
+  input:focus,
+  button:focus {
+    outline: none;
+  }
+
+  svg {
+    stroke-width: 1.5px;
+  }
+}
diff --git a/packages/dashboard/src/assets/css/theme.css b/packages/dashboard/src/assets/css/theme.css
index f53aa8e..12e64de 100644
--- a/packages/dashboard/src/assets/css/theme.css
+++ b/packages/dashboard/src/assets/css/theme.css
@@ -1,37 +1,13 @@
-@import "tailwindcss";
-@import "./fonts.css";
-
-
-@theme {
-    --color-*: initial;
-    --color-white: #FFFFFF;
-    /* --color-background: #F9F9F9; */
-    --color-background: #F9F9F9;
-    --color-neutral: #1F292E;
-    --color-success: #34B234;
-    --color-error: #C91D1D;
-    --color-warning: #E8B130;
-    --color-information: #309be8;
-
-    --font-mono: "Sometype Mono", monospace;
-
-    --breakpoint-sm: 320px;
-    --breakpoint-md: 768px;
-    --breakpoint-lg: 1024px;
-    --breakpoint-xl: 1280px;
-
-    --radius-xs: 0.125rem;
-    --radius-sm: 0.25rem;
-    --radius-md: 0.5rem;
-    --radius-lg: 1rem;
-    --radius-xl: 2rem;
-
-    --inset-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
-    /* --shadow-xs: 0 0 0.125rem rgba(0, 0, 0, 0.1); */
-    --shadow-xs: rgba(17, 17, 26, 0.1) 0px 1px 0px;
-
-    --max-width-sm: 320px;
-    --max-width-md: 768px;
-    --max-width-lg: 1024px;
-    --max-width-xl: 1280px;
-}
\ No newline at end of file
+/* Theme variables are now defined in panda.config.ts */
+/* This file is kept for backwards compatibility */
+
+:root {
+  --colors-white: #FFFFFF;
+  --colors-background: #F9F9F9;
+  --colors-neutral: #1F292E;
+  --colors-success: #34B234;
+  --colors-error: #C91D1D;
+  --colors-warning: #E8B130;
+  --colors-information: #309be8;
+  --colors-primary: #2563eb;
+}
diff --git a/packages/dashboard/src/components/buttons/button.tsx b/packages/dashboard/src/components/buttons/button.tsx
deleted file mode 100644
index df5df98..0000000
--- a/packages/dashboard/src/components/buttons/button.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { cn } from "#/utilities/cn.js"
-import { sleep } from "#/utilities/sleep.js"
-import { cloneElement, ComponentProps, ComponentPropsWithRef, MouseEvent, ReactElement, useState } from "react"
-
-
-export type Button = Omit<ComponentPropsWithRef<"button">, "children"> & {
-    hasLoader?: boolean
-    children?: ReactElement<ComponentProps<(typeof ButtonOutlineContent | typeof ButtonGhostContent | typeof ButtonPlainContent)>>
-}
-
-export function Button(props: Button) {
-    const [isLoading, setIsLoading] = useState(false)
-
-    async function handleClick(e: MouseEvent<HTMLButtonElement>) {
-
-        if (props.onClick === undefined) return
-        if (props.hasLoader === false) return props.onClick(e)
-
-        setIsLoading(true)
-        await Promise.all([sleep(100), props.onClick(e)])
-        setIsLoading(false)
-
-        e.preventDefault()
-    }
-
-
-    return (
-        <button
-            {...{
-                ...props,
-                hasLoader: undefined,
-            }}
-            className={cn(
-                "flex justify-start items-center cursor-pointer disabled:cursor-not-allowed w-fit max-w-full h-fit max-h-fit",
-                // "select-text",
-                props.className
-            )}
-            onClick={handleClick}
-            type={props.type ?? "button"}
-            disabled={props.disabled || isLoading}
-            title={props.title}
-        >
-            {
-                !props.children ? null :
-                    cloneElement(props.children, {
-                        ...(!props.hasLoader ? undefined : { isLoading: isLoading }),
-                        disabled: props.disabled
-                    })
-            }
-        </button>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/buttons/buttonGhost.tsx b/packages/dashboard/src/components/buttons/buttonGhost.tsx
deleted file mode 100644
index 20868f2..0000000
--- a/packages/dashboard/src/components/buttons/buttonGhost.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { cn } from "#/utilities/cn.js"
-import { Button } from "./button.js"
-import { ButtonGhostContent } from "./buttonGhostContent.js"
-
-
-export function ButtonGhost(props:
-    ButtonGhostContent & Button
-) {
-    return (
-        <Button
-            {...props}
-            onClick={props.onClick}
-            hasLoader={props.hasLoader}
-            className={cn("group", props.className)}
-            disabled={props.disabled}
-            title={props.title ?? props.text}
-        >
-            <ButtonGhostContent
-                disabled={props.disabled}
-                text={props.text}
-                icon={props.icon}
-                color={props.color}
-                className={props.className}
-                title={props.title ?? props.text}
-            />
-        </Button>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/buttons/buttonGhostContent.tsx b/packages/dashboard/src/components/buttons/buttonGhostContent.tsx
deleted file mode 100644
index 346d53a..0000000
--- a/packages/dashboard/src/components/buttons/buttonGhostContent.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { cn } from "#/utilities/cn.js"
-import { Icon, IconProps } from "@tabler/icons-react"
-import { ComponentProps, ReactElement, cloneElement } from "react"
-
-
-export type GhostColors = "neutral" | "error" | "warning" | "success" | "information"
-
-export type ButtonGhostContent = {
-    isLoading?: boolean
-    disabled?: boolean
-    text?: string
-    title?: string
-    icon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    color?: GhostColors
-    isActive?: boolean
-    className?: ComponentProps<'div'>['className']
-}
-
-const variants = {
-    "neutral": {
-        container: "hover:bg-neutral/5 hover:border-neutral/5",
-        loader: "stroke-neutral",
-        icon: "stroke-neutral",
-        text: "text-neutral"
-    },
-    "error": {
-        container: "hover:bg-error/5 hover:border-error/5",
-        loader: "stroke-error",
-        icon: "stroke-error",
-        text: "text-error"
-    },
-    "warning": {
-        container: "hover:bg-warning/5 hover:border-warning/5",
-        loader: "stroke-warning",
-        icon: "stroke-warning",
-        text: "text-warning"
-    },
-    "success": {
-        container: "hover:bg-success/5 hover:border-success/5",
-        loader: "stroke-success",
-        icon: "stroke-success",
-        text: "text-success"
-    },
-    "information": {
-        container: "hover:bg-information/5 hover:border-information/5",
-        loader: "stroke-information",
-        icon: "stroke-information",
-        text: "text-information"
-    }
-}
-
-export function ButtonGhostContent(props: ButtonGhostContent) {
-    return (
-        <div
-            title={props.title ?? props.text}
-            aria-disabled={props.disabled || props.isLoading}
-            className={cn(
-                "w-fit h-[32px] flex justify-start items-center gap-2 p-2 rounded-sm border border-transparent",
-                "cursor-pointer disabled:cursor-not-allowed",
-                variants[props?.color ?? "neutral"].container,
-                props.className
-            )}
-        >
-            {
-                (!props.isLoading)
-                    ? null
-                    : (
-                        <CircularLoader
-                            className={cn(
-                                "min-w-[16px] w-[16px] min-h-[16px] h-[16px]",
-                                variants[props?.color ?? "neutral"].loader
-                            )}
-                        />
-                    )
-            }
-            {
-                (props.icon && !props.isLoading)
-                    ? cloneElement(props.icon, {
-                        "aria-disabled": props.disabled,
-                        size: 16,
-                        className: cn(
-                            "min-w-[16px] w-[16px] min-h-[16px] h-[16px]",
-                            variants[props?.color ?? "neutral"].icon
-                        ),
-                        strokeWidth: 1
-                    })
-                    : null
-            }
-            {
-                (props.text === undefined)
-                    ? null
-                    : (
-                        <span
-                            aria-disabled={props.disabled || props.isLoading}
-                            className={cn(
-                                "text-[12px] leading-[16px] overflow-x-hidden text-ellipsis whitespace-nowrap",
-                                props.isActive ? "font-bold" : "",
-                                variants[props?.color ?? "neutral"].text
-                            )}
-                        >
-                            {props.text}
-                        </span>
-                    )
-            }
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/components/buttons/buttonOutline.tsx b/packages/dashboard/src/components/buttons/buttonOutline.tsx
deleted file mode 100644
index 2336beb..0000000
--- a/packages/dashboard/src/components/buttons/buttonOutline.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { cn } from "#/utilities/cn.js"
-import { Button } from "./button.js"
-import { ButtonOutlineContent } from "./buttonOutlineContent.js"
-
-
-type ButtonOutline = ButtonOutlineContent & Button
-
-export function ButtonOutline(props: ButtonOutline) {
-    return (
-        <Button
-            {...props}
-            onClick={props.onClick}
-            hasLoader={props.hasLoader}
-            className={cn("group", props.className)}
-            disabled={props.disabled}
-            title={props.title ?? props.text}
-        >
-            <ButtonOutlineContent
-                disabled={props.disabled}
-                text={props.text}
-                icon={props.icon}
-                color={props.color}
-                className={props.className}
-                title={props.title ?? props.text}
-            />
-        </Button>
-    )
-}
diff --git a/packages/dashboard/src/components/buttons/buttonOutlineContent.tsx b/packages/dashboard/src/components/buttons/buttonOutlineContent.tsx
deleted file mode 100644
index 00ba163..0000000
--- a/packages/dashboard/src/components/buttons/buttonOutlineContent.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { cn } from "#/utilities/cn.js"
-import { Icon, IconProps } from "@tabler/icons-react"
-import { cloneElement, ComponentProps, ReactElement } from "react"
-
-
-export type OutlineColors = "neutral" | "error" | "warning" | "success" | "information"
-
-export type ButtonOutlineContent = {
-    isLoading?: boolean
-    disabled?: boolean
-    text?: string
-    title?: string
-    icon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    rightIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    color?: OutlineColors
-    className?: ComponentProps<'div'>['className']
-}
-
-const variants = {
-    "neutral": {
-        container: "border-neutral/25 hover:bg-neutral/5 group-focus:bg-neutral/5",
-        loader: "stroke-neutral",
-        icon: "stroke-neutral",
-        rightIcon: "stroke-neutral/50",
-        text: "text-neutral/75",
-    },
-    "error": {
-        container: "border-error/50 hover:bg-error/5 group-focus:bg-error/5",
-        loader: "stroke-error",
-        icon: "stroke-error",
-        rightIcon: "stroke-error/50",
-        text: "text-error",
-    },
-    "warning": {
-        container: "border-warning/50 hover:bg-warning/5 group-focus:bg-warning/5",
-        loader: "stroke-warning",
-        icon: "stroke-warning",
-        rightIcon: "stroke-warning/50",
-        text: "text-warning",
-    },
-    "success": {
-        container: "border-success/50 hover:bg-success/5 group-focus:bg-success/5",
-        loader: "stroke-success",
-        icon: "stroke-success",
-        rightIcon: "stroke-success/50",
-        text: "text-success",
-    },
-    "information": {
-        container: "border-information/50 hover:bg-information/5 group-focus:bg-information/5",
-        loader: "stroke-information",
-        icon: "stroke-information",
-        rightIcon: "stroke-information/50",
-        text: "text-information",
-    },
-}
-
-export function ButtonOutlineContent(props: ButtonOutlineContent) {
-    return (
-        <div
-            title={props.title ?? props.text}
-            aria-disabled={props.disabled || props.isLoading}
-            className={cn(
-                "w-fit h-[32px] p-2 flex justify-center items-center gap-2 rounded-sm border box-border",
-                "aria-disabled:opacity-30",
-                "cursor-pointer disabled:cursor-not-allowed",
-                (props.text === undefined) ? "w-[32px]" : "",
-                variants[props?.color ?? "neutral"].container,
-                props.className
-            )}
-        >
-            {
-                (props.icon === undefined)
-                    ? (null)
-                    : cloneElement(props.icon, {
-                        "aria-disabled": props.disabled,
-                        size: 16,
-                        className: cn(
-                            "min-w-[16px] w-[16px] min-h-[16px] h-[16px] text-white aria-disabled:text-neutral/50",
-                            variants[props?.color ?? "neutral"].icon
-                        ),
-                        strokeWidth: 1
-                    })
-            }
-            {
-                (props.text === undefined)
-                    ? null
-                    : (
-                        <span
-                            aria-disabled={props.disabled || props.isLoading}
-                            className={cn(
-                                "text-sm leading-[16px] font-medium aria-disabled:text-neutral/50 overflow-hidden text-ellipsis whitespace-nowrap",
-                                variants[props?.color ?? "neutral"].text
-                            )}
-                        >
-                            {props.text}
-                        </span>
-                    )
-            }
-            {
-                (props.rightIcon === undefined)
-                    ? (null)
-                    : (
-                        <div className="ml-2 flex items-center justify-center">
-                            {(props.isLoading === true)
-                                ? (
-                                    <CircularLoader
-                                        size={12}
-                                        className={cn(
-                                            "min-w-[12px] w-[12px] min-h-[12px] h-[12px]",
-                                            variants[props?.color ?? "neutral"].loader,
-                                        )}
-                                    />
-                                )
-                                : (
-                                    cloneElement(props.rightIcon, {
-                                        "aria-disabled": props.disabled,
-                                        size: 12,
-                                        className: cn(
-                                            "min-w-[8px] w-[12px] min-h-[8px] h-[12px] text-white aria-disabled:text-neutral/50",
-                                            variants[props?.color ?? "neutral"].rightIcon
-                                        ),
-                                        strokeWidth: 1
-                                    })
-                                )
-                            }
-                        </div>
-                    )
-            }
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/components/buttons/buttonPlain.tsx b/packages/dashboard/src/components/buttons/buttonPlain.tsx
deleted file mode 100644
index c7d6ebf..0000000
--- a/packages/dashboard/src/components/buttons/buttonPlain.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { cn } from "#/utilities/cn.js"
-import { Button } from "./button.js"
-import { ButtonPlainContent } from "./buttonPlainContent.js"
-
-
-export function ButtonPlain(props:
-    ButtonPlainContent & Button
-) {
-    return (
-        <Button
-            {...props}
-            onClick={props.onClick}
-            hasLoader={props.hasLoader}
-            className={cn("group", props.className)}
-            disabled={props.disabled}
-            title={props.title ?? props.text}
-        >
-            <ButtonPlainContent
-                disabled={props.disabled}
-                text={props.text}
-                icon={props.icon}
-                color={props.color}
-                className={props.className}
-                title={props.title ?? props.text}
-            />
-        </Button>
-    )
-}
diff --git a/packages/dashboard/src/components/buttons/buttonPlainContent.tsx b/packages/dashboard/src/components/buttons/buttonPlainContent.tsx
deleted file mode 100644
index 293922c..0000000
--- a/packages/dashboard/src/components/buttons/buttonPlainContent.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { cn } from "#/utilities/cn.js"
-import { Icon, IconLoader2, IconProps } from "@tabler/icons-react"
-import { ComponentProps, ReactElement, cloneElement } from "react"
-
-
-export type PlainColors = "neutral" | "error" | "warning" | "success" | "information"
-
-export type ButtonPlainContent = {
-    isLoading?: boolean
-    disabled?: boolean
-    text?: string
-    title?: string
-    icon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    color?: PlainColors
-    className?: ComponentProps<'div'>['className']
-}
-
-const variants = {
-    "neutral": {
-        container: "bg-neutral border-neutral"
-    },
-    "error": {
-        container: "bg-error border-error"
-    },
-    "warning": {
-        container: "bg-warning border-warning"
-    },
-    "success": {
-        container: "bg-success border-success"
-    },
-    "information": {
-        container: "bg-information border-information"
-    },
-}
-
-export function ButtonPlainContent(props: ButtonPlainContent) {
-    return (
-        <div
-            title={props.title ?? props.text}
-            aria-disabled={props.disabled || props.isLoading}
-            className={cn(
-                "w-fit h-[32px] flex justify-start items-center gap-2 p-2 rounded-sm border",
-                "cursor-pointer disabled:cursor-not-allowed",
-                "hover:brightness-90 group-focus:brightness-90",
-                variants[props?.color ?? "neutral"].container,
-                props.className
-            )}
-        >
-            {
-                (!props.isLoading)
-                    ? (null)
-                    : (
-                        <IconLoader2
-                            size={16}
-                            className={cn(
-                                "min-w-[16px] w-[16px] min-h-[16px] h-[16px]",
-                                "stroke-white animate-spin",
-                            )}
-                        />
-                    )
-            }
-            {
-                (props.icon && !props.isLoading)
-                    ?
-                    cloneElement(props.icon, {
-                        "aria-disabled": props.disabled,
-                        size: 16,
-                        className: cn(
-                            "min-w-[16px] w-[16px] min-h-[16px] h-[16px] text-white aria-disabled:text-neutral/50"
-                        ),
-                        stroke: 2
-                    })
-                    : null
-            }
-            {
-                (!props.text) ? null : (
-                    <span
-                        aria-disabled={props.disabled || props.isLoading}
-                        className="text-white text-sm leading-[16px] font-medium aria-disabled:opacity-50 overflow-hidden text-ellipsis whitespace-nowrap"
-                    >
-                        {props.text}
-                    </span>
-                )
-            }
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
new file mode 100644
index 0000000..ff498a5
--- /dev/null
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -0,0 +1,28 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocDefinition(props: {
+    term: string
+    definition: string
+}) {
+    return (
+        <div className={css({
+            p: "4",
+            rounded: "lg",
+            bg: "neutral/5",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            mb: "4"
+        })}>
+            <dt className={css({
+                fontWeight: "medium",
+                color: "neutral",
+                mb: "1"
+            })}>{props.term}</dt>
+            <dd className={css({
+                fontSize: "sm",
+                color: "neutral/70"
+            })}>{props.definition}</dd>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
new file mode 100644
index 0000000..af09a0c
--- /dev/null
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -0,0 +1,33 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocExample(props: {
+    title?: string
+    children: React.ReactNode
+}) {
+    return (
+        <div className={css({
+            p: "4",
+            rounded: "lg",
+            border: "1px solid",
+            borderColor: "information/20",
+            bg: "information/5",
+            mb: "4"
+        })}>
+            {props.title && (
+                <p className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "information",
+                    mb: "2"
+                })}>Exemple : {props.title}</p>
+            )}
+            <div className={css({
+                fontSize: "sm",
+                color: "neutral/80"
+            })}>
+                {props.children}
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docIndexLink.tsx b/packages/dashboard/src/components/document/docIndexLink.tsx
new file mode 100644
index 0000000..374f401
--- /dev/null
+++ b/packages/dashboard/src/components/document/docIndexLink.tsx
@@ -0,0 +1,20 @@
+import { css } from "../../utilities/cn.js";
+import { Link } from "@tanstack/react-router";
+
+
+export function DocIndexLink(props: { to: string; label: string }) {
+    return (
+        <Link
+            to={props.to}
+            className={css({
+                display: "block",
+                fontSize: "sm",
+                color: "neutral/70",
+                _hover: { color: "neutral" },
+                transition: "colors"
+            })}
+        >
+            {props.label}
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docLink.tsx b/packages/dashboard/src/components/document/docLink.tsx
new file mode 100644
index 0000000..14f3f1b
--- /dev/null
+++ b/packages/dashboard/src/components/document/docLink.tsx
@@ -0,0 +1,20 @@
+import { css } from "../../utilities/cn.js"
+import { Link } from "@tanstack/react-router"
+
+
+export function DocLink(props: {
+    to: string
+    children: React.ReactNode
+}) {
+    return (
+        <Link
+            to={props.to}
+            className={css({
+                color: "primary",
+                _hover: { textDecoration: "underline" }
+            })}
+        >
+            {props.children}
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docList.tsx b/packages/dashboard/src/components/document/docList.tsx
new file mode 100644
index 0000000..014ebb1
--- /dev/null
+++ b/packages/dashboard/src/components/document/docList.tsx
@@ -0,0 +1,22 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocList(props: {
+    items: string[]
+}) {
+    return (
+        <ul className={css({ mb: "4", spaceY: "2" })}>
+            {props.items.map((item, index) => (
+                <li key={index} className={css({
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: "2",
+                    color: "neutral/80"
+                })}>
+                    <span className={css({ color: "neutral/40", mt: "1" })}>-</span>
+                    {item}
+                </li>
+            ))}
+        </ul>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
new file mode 100644
index 0000000..b75b012
--- /dev/null
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -0,0 +1,48 @@
+import { css, cx } from "../../utilities/cn.js"
+import { IconChevronRight } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+
+
+export function DocNextPage(props: {
+    to: string
+    label: string
+}) {
+    return (
+        <Link
+            to={props.to}
+            className={cx(
+                css({
+                    mt: "12",
+                    p: "4",
+                    rounded: "lg",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    _hover: { bg: "neutral/5" },
+                    transition: "colors"
+                }),
+                "group"
+            )}
+        >
+            <div>
+                <span className={css({
+                    fontSize: "xs",
+                    color: "neutral/50"
+                })}>Page suivante</span>
+                <p className={css({
+                    fontSize: "sm",
+                    fontWeight: "medium"
+                })}>{props.label}</p>
+            </div>
+            <IconChevronRight className={css({
+                w: "5",
+                h: "5",
+                color: "neutral/30",
+                _groupHover: { color: "neutral/50" },
+                transition: "colors"
+            })} />
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docParagraph.tsx b/packages/dashboard/src/components/document/docParagraph.tsx
new file mode 100644
index 0000000..0ebff45
--- /dev/null
+++ b/packages/dashboard/src/components/document/docParagraph.tsx
@@ -0,0 +1,16 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocParagraph(props: {
+    children: React.ReactNode
+}) {
+    return (
+        <p className={css({
+            color: "neutral/80",
+            lineHeight: "relaxed",
+            mb: "4"
+        })}>
+            {props.children}
+        </p>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docSection.tsx b/packages/dashboard/src/components/document/docSection.tsx
new file mode 100644
index 0000000..4cd5df8
--- /dev/null
+++ b/packages/dashboard/src/components/document/docSection.tsx
@@ -0,0 +1,23 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocSection(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({ mb: "8" })}>
+            <h2
+                className={css({
+                    fontSize: "xl",
+                    fontWeight: "semibold",
+                    mb: "4"
+                })}
+                id={props.title.toLowerCase().replace(/\s/g, '-')}
+            >
+                {props.title}
+            </h2>
+            {props.children}
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docTable.tsx b/packages/dashboard/src/components/document/docTable.tsx
new file mode 100644
index 0000000..0f07a18
--- /dev/null
+++ b/packages/dashboard/src/components/document/docTable.tsx
@@ -0,0 +1,55 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocTable(props: {
+    headers: string[]
+    rows: string[][]
+}) {
+    return (
+        <div className={css({ overflowX: "auto", mb: "4" })}>
+            <table className={css({
+                w: "full",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                rounded: "lg",
+                overflow: "hidden"
+            })}>
+                <thead className={css({ bg: "neutral/5" })}>
+                    <tr>
+                        {props.headers.map((header, index) => (
+                            <th key={index} className={css({
+                                px: "4",
+                                py: "2",
+                                textAlign: "left",
+                                fontSize: "sm",
+                                fontWeight: "medium",
+                                color: "neutral"
+                            })}>
+                                {header}
+                            </th>
+                        ))}
+                    </tr>
+                </thead>
+                <tbody>
+                    {props.rows.map((row, rowIndex) => (
+                        <tr key={rowIndex} className={css({
+                            borderTop: "1px solid",
+                            borderColor: "neutral/10"
+                        })}>
+                            {row.map((cell, cellIndex) => (
+                                <td key={cellIndex} className={css({
+                                    px: "4",
+                                    py: "2",
+                                    fontSize: "sm",
+                                    color: "neutral/80"
+                                })}>
+                                    {cell}
+                                </td>
+                            ))}
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatBase.tsx b/packages/dashboard/src/components/formats/formatBase.tsx
index 5b3902d..eeb6bf2 100644
--- a/packages/dashboard/src/components/formats/formatBase.tsx
+++ b/packages/dashboard/src/components/formats/formatBase.tsx
@@ -1,21 +1,28 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactNode } from "react"
-
-
-type FormatBase = {
-    children: ReactNode
-    className?: ComponentProps<'div'>['className']
-}
-
-export function FormatBase(props: FormatBase) {
-    return (
-        <div
-            className={cn(
-                "w-fit max-w-full overflow-auto flex justify-start items-center",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps, ReactNode } from "react"
+
+
+type FormatBase = {
+    children: ReactNode
+    className?: ComponentProps<'div'>['className']
+}
+
+export function FormatBase(props: FormatBase) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "fit",
+                    maxW: "full",
+                    overflow: "auto",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatBoolean.tsx b/packages/dashboard/src/components/formats/formatBoolean.tsx
index 06685ed..4489f8b 100644
--- a/packages/dashboard/src/components/formats/formatBoolean.tsx
+++ b/packages/dashboard/src/components/formats/formatBoolean.tsx
@@ -1,25 +1,25 @@
-import { Chip } from "#/components/layouts/chip.js"
-import { ComponentProps } from "react"
-import { FormatBase } from "./formatBase.js"
-
-
-export function formatBoolean(boolean?: boolean | null) {
-    if (!boolean) return "Non"
-    return "Oui"
-}
-
-
-export function FormatBoolean(props: {
-    boolean?: boolean | null
-    text?: string
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <FormatBase className={props.className}>
-            <Chip
-                text={props.text ?? (!props.boolean ? "Non" : "Oui")}
-                color={!props.boolean ? "error" : "success"}
-            />
-        </FormatBase>
-    )
-}
+import { Chip } from "../../components/layouts/chip.js"
+import { ComponentProps } from "react"
+import { FormatBase } from "./formatBase.js"
+
+
+export function formatBoolean(boolean?: boolean | null) {
+    if (!boolean) return "Non"
+    return "Oui"
+}
+
+
+export function FormatBoolean(props: {
+    boolean?: boolean | null
+    text?: string
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <FormatBase className={props.className}>
+            <Chip
+                text={props.text ?? (!props.boolean ? "Non" : "Oui")}
+                color={!props.boolean ? "error" : "success"}
+            />
+        </FormatBase>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatDate.tsx b/packages/dashboard/src/components/formats/formatDate.tsx
index 3bec55e..05a4fb7 100644
--- a/packages/dashboard/src/components/formats/formatDate.tsx
+++ b/packages/dashboard/src/components/formats/formatDate.tsx
@@ -1,38 +1,38 @@
-import { FormatText } from "#/components/formats/formatText.js"
-import { ComponentProps } from "react"
-import { FormatNull } from "./formatNull.js"
-
-
-export function formatDate(rawDate?: string | Date | undefined | null) {
-    if ((!rawDate) || (String(new Date(rawDate)) === "Invalid Date")) return undefined
-
-    const date = new Date(rawDate)
-    let day = String(date.getDate())
-    let month = String(date.getMonth() + 1)
-    let year = String(date.getFullYear())
-    let hour = String(date.getHours())
-    let minute = String(date.getMinutes())
-
-    if (date.getDate() < 10) day = "0" + day
-    if ((date.getMonth() + 1) < 10) month = "0" + month
-    if ((date.getHours()) < 10) hour = "0" + hour
-    if ((date.getMinutes()) < 10) minute = "0" + minute
-
-    return `${[day, month, year].join('/')}`
-}
-
-
-export function FormatDate(props: {
-    date?: string | Date | undefined | null
-    className?: ComponentProps<'div'>['className']
-}) {
-    if (!props.date) return <FormatNull />
-    if (String(new Date(props.date)) === "Invalid Date") return <FormatNull />
-    return (
-        <FormatText
-            className={props.className}
-        >
-            {formatDate(props.date)}
-        </FormatText>
-    )
-}
+import { FormatText } from "../../components/formats/formatText.js"
+import { ComponentProps } from "react"
+import { FormatNull } from "./formatNull.js"
+
+
+export function formatDate(rawDate?: string | Date | undefined | null) {
+    if ((!rawDate) || (String(new Date(rawDate)) === "Invalid Date")) return undefined
+
+    const date = new Date(rawDate)
+    let day = String(date.getDate())
+    let month = String(date.getMonth() + 1)
+    let year = String(date.getFullYear())
+    let hour = String(date.getHours())
+    let minute = String(date.getMinutes())
+
+    if (date.getDate() < 10) day = "0" + day
+    if ((date.getMonth() + 1) < 10) month = "0" + month
+    if ((date.getHours()) < 10) hour = "0" + hour
+    if ((date.getMinutes()) < 10) minute = "0" + minute
+
+    return `${[day, month, year].join('/')}`
+}
+
+
+export function FormatDate(props: {
+    date?: string | Date | undefined | null
+    className?: ComponentProps<'div'>['className']
+}) {
+    if (!props.date) return <FormatNull />
+    if (String(new Date(props.date)) === "Invalid Date") return <FormatNull />
+    return (
+        <FormatText
+            className={props.className}
+        >
+            {formatDate(props.date)}
+        </FormatText>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatDateTime.tsx b/packages/dashboard/src/components/formats/formatDateTime.tsx
index 44e1c18..5fb0bb7 100644
--- a/packages/dashboard/src/components/formats/formatDateTime.tsx
+++ b/packages/dashboard/src/components/formats/formatDateTime.tsx
@@ -1,51 +1,61 @@
-import { ComponentProps } from "react"
-import { FormatNull } from "./formatNull.js"
-
-
-export function formatDateTime(rawDate?: string | Date | undefined | null) {
-    if ((!rawDate) || (String(new Date(rawDate)) === "Invalid Date")) return "/"
-
-    const date = new Date(rawDate)
-    let day = String(date.getDate())
-    let month = String(date.getMonth() + 1)
-    let year = String(date.getFullYear())
-    let hour = String(date.getHours())
-    let minute = String(date.getMinutes())
-
-    if (date.getDate() < 10) day = "0" + day
-    if ((date.getMonth() + 1) < 10) month = "0" + month
-    if ((date.getHours()) < 10) hour = "0" + hour
-    if ((date.getMinutes()) < 10) minute = "0" + minute
-
-    return `${[day, month, year].join('/')} ${[hour, minute].join(':')}`
-}
-
-
-type FormatDateTime = {
-    date?: string | Date | undefined | null
-    className?: ComponentProps<'div'>['className']
-}
-
-export function FormatDateTime(props: FormatDateTime) {
-    if (!props.date) return <FormatNull />
-    if (String(new Date(props.date)) === "Invalid Date") return <FormatNull />
-
-    const date = new Date(props.date)
-    let day = String(date.getDate())
-    let month = String(date.getMonth() + 1)
-    let year = String(date.getFullYear())
-    let hour = String(date.getHours())
-    let minute = String(date.getMinutes())
-
-    if (date.getDate() < 10) day = "0" + day
-    if ((date.getMonth() + 1) < 10) month = "0" + month
-    if ((date.getHours()) < 10) hour = "0" + hour
-    if ((date.getMinutes()) < 10) minute = "0" + minute
-
-    return (
-        <div className="flex justify-start items-center gap-1">
-            <span className="text-sm">{`${[day, month, year].join('/')}`}</span>
-            <span className="text-xs leading-none text-neutral/75">{`${[hour, minute].join(':')}`}</span>
-        </div>
-    )
-}
+import { css } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+import { FormatNull } from "./formatNull.js"
+
+
+export function formatDateTime(rawDate?: string | Date | undefined | null) {
+    if ((!rawDate) || (String(new Date(rawDate)) === "Invalid Date")) return "/"
+
+    const date = new Date(rawDate)
+    let day = String(date.getDate())
+    let month = String(date.getMonth() + 1)
+    let year = String(date.getFullYear())
+    let hour = String(date.getHours())
+    let minute = String(date.getMinutes())
+
+    if (date.getDate() < 10) day = "0" + day
+    if ((date.getMonth() + 1) < 10) month = "0" + month
+    if ((date.getHours()) < 10) hour = "0" + hour
+    if ((date.getMinutes()) < 10) minute = "0" + minute
+
+    return `${[day, month, year].join('/')} ${[hour, minute].join(':')}`
+}
+
+
+type FormatDateTime = {
+    date?: string | Date | undefined | null
+    className?: ComponentProps<'div'>['className']
+}
+
+export function FormatDateTime(props: FormatDateTime) {
+    if (!props.date) return <FormatNull />
+    if (String(new Date(props.date)) === "Invalid Date") return <FormatNull />
+
+    const date = new Date(props.date)
+    let day = String(date.getDate())
+    let month = String(date.getMonth() + 1)
+    let year = String(date.getFullYear())
+    let hour = String(date.getHours())
+    let minute = String(date.getMinutes())
+
+    if (date.getDate() < 10) day = "0" + day
+    if ((date.getMonth() + 1) < 10) month = "0" + month
+    if ((date.getHours()) < 10) hour = "0" + hour
+    if ((date.getMinutes()) < 10) minute = "0" + minute
+
+    return (
+        <div className={css({
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            gap: "1"
+        })}>
+            <span className={css({ fontSize: "sm" })}>{`${[day, month, year].join('/')}`}</span>
+            <span className={css({
+                fontSize: "xs",
+                lineHeight: "none",
+                color: "neutral/75"
+            })}>{`${[hour, minute].join(':')}`}</span>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatError.tsx b/packages/dashboard/src/components/formats/formatError.tsx
index 7258eb5..3bdbc9b 100644
--- a/packages/dashboard/src/components/formats/formatError.tsx
+++ b/packages/dashboard/src/components/formats/formatError.tsx
@@ -1,17 +1,29 @@
-import { ComponentProps } from "react"
-import { FormatBase } from "./formatBase.js"
-
-
-
-export function FormatError(props: {
-    text: string
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <FormatBase className={props.className}>
-            <span className="inline-flex flex-row justify-start items-center text-sm font-semibold text-error/75 whitespace-nowrap overflow-auto text-ellipsis">
-                {props.text}
-            </span>
-        </FormatBase>
-    )
-}
+import { css } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+import { FormatBase } from "./formatBase.js"
+
+
+
+export function FormatError(props: {
+    text: string
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <FormatBase className={props.className}>
+            <span className={css({
+                display: "inline-flex",
+                flexDir: "row",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                fontSize: "sm",
+                fontWeight: "semibold",
+                color: "error/75",
+                whiteSpace: "nowrap",
+                overflow: "auto",
+                textOverflow: "ellipsis"
+            })}>
+                {props.text}
+            </span>
+        </FormatBase>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatFileSize.tsx b/packages/dashboard/src/components/formats/formatFileSize.tsx
index fb91a47..c9545b4 100644
--- a/packages/dashboard/src/components/formats/formatFileSize.tsx
+++ b/packages/dashboard/src/components/formats/formatFileSize.tsx
@@ -1,32 +1,41 @@
-import { FormatBase } from "#/components/formats/formatBase.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { ComponentProps } from "react"
-
-
-const sizes = ['o', 'ko', 'Mo', 'Go', 'To']
-
-export function formatFileSize(size?: number | null) {
-    if (size === undefined || size === null) return "/"
-
-    if (size == 0) return `0 ${sizes.at(0)}`
-    const i = Math.floor(Math.log(size) / Math.log(1000))
-    return `${parseFloat((size / Math.pow(1000, i)).toFixed(2))} ${sizes.at(i)}`
-
-}
-
-
-type FormatFileSize = {
-    size?: number | null
-    className?: ComponentProps<'div'>['className']
-}
-
-export function FormatFileSize(props: FormatFileSize) {
-    if (props.size === undefined || props.size === null) return <FormatNull />
-    return (
-        <FormatBase className={props.className}>
-            <span className="w-fit max-w-full overflow-hidden whitespace-nowrap text-ellipsis text-base break-words">
-                {formatFileSize(props.size)}
-            </span>
-        </FormatBase>
-    )
-}
+import { FormatBase } from "../../components/formats/formatBase.js"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { css } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+const sizes = ['o', 'ko', 'Mo', 'Go', 'To']
+
+export function formatFileSize(size?: number | null) {
+    if (size === undefined || size === null) return "/"
+
+    if (size == 0) return `0 ${sizes.at(0)}`
+    const i = Math.floor(Math.log(size) / Math.log(1000))
+    return `${parseFloat((size / Math.pow(1000, i)).toFixed(2))} ${sizes.at(i)}`
+
+}
+
+
+type FormatFileSize = {
+    size?: number | null
+    className?: ComponentProps<'div'>['className']
+}
+
+export function FormatFileSize(props: FormatFileSize) {
+    if (props.size === undefined || props.size === null) return <FormatNull />
+    return (
+        <FormatBase className={props.className}>
+            <span className={css({
+                w: "fit",
+                maxW: "full",
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+                fontSize: "base",
+                wordBreak: "break-word"
+            })}>
+                {formatFileSize(props.size)}
+            </span>
+        </FormatBase>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatLink.tsx b/packages/dashboard/src/components/formats/formatLink.tsx
index 602f35d..a5b8312 100644
--- a/packages/dashboard/src/components/formats/formatLink.tsx
+++ b/packages/dashboard/src/components/formats/formatLink.tsx
@@ -1,33 +1,47 @@
-import { Button } from "#/components/buttons/button.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { ComponentProps } from "react"
-import { FormatBase } from "./formatBase.js"
-import { FormatNull } from "./formatNull.js"
-
-
-type FormatLinkProps = {
-    text: string | null
-    className?: ComponentProps<'span'>['className']
-}
-
-export function FormatLink(props: FormatLinkProps) {
-    if (!props.text) return <FormatNull />
-
-    const copyContent = (toCopy: string | null) => {
-        toast({ title: "Contenu copié dans le presse-papier.", variant: "information" })
-        return navigator.clipboard.writeText(!toCopy ? "" : toCopy)
-    }
-
-    return (
-        <FormatBase className={props.className}>
-            <Button
-                onClick={() => copyContent(props.text)}
-                className="w-full overflow-auto rounded-none"
-            >
-                <span className="text-left underline hover:no-underline max-w-full break-normal whitespace-nowrap overflow-auto text-ellipsis">
-                    {props.text}
-                </span>
-            </Button>
-        </FormatBase>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { toast } from "../../contexts/toasts/useToast.js"
+import { css } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+import { FormatBase } from "./formatBase.js"
+import { FormatNull } from "./formatNull.js"
+
+
+type FormatLinkProps = {
+    text: string | null
+    className?: ComponentProps<'span'>['className']
+}
+
+export function FormatLink(props: FormatLinkProps) {
+    if (!props.text) return <FormatNull />
+
+    const copyContent = (toCopy: string | null) => {
+        toast({ title: "Contenu copié dans le presse-papier.", variant: "information" })
+        return navigator.clipboard.writeText(!toCopy ? "" : toCopy)
+    }
+
+    return (
+        <FormatBase className={props.className}>
+            <Button
+                onClick={() => copyContent(props.text)}
+                className={css({
+                    w: "full",
+                    overflow: "auto",
+                    rounded: "none"
+                })}
+            >
+                <span className={css({
+                    textAlign: "left",
+                    textDecoration: "underline",
+                    _hover: { textDecoration: "none" },
+                    maxW: "full",
+                    overflowWrap: "normal",
+                    whiteSpace: "nowrap",
+                    overflow: "auto",
+                    textOverflow: "ellipsis"
+                })}>
+                    {props.text}
+                </span>
+            </Button>
+        </FormatBase>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
index 8b5febf..6bcacaf 100644
--- a/packages/dashboard/src/components/formats/formatNull.tsx
+++ b/packages/dashboard/src/components/formats/formatNull.tsx
@@ -1,19 +1,30 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps } from "react"
-
-
-type FormatNull = {
-    text?: string
-    className?: ComponentProps<'span'>['className']
-}
-
-export function FormatNull(props: FormatNull) {
-    return (
-        <span className={cn(
-            "inline-flex flex-row justify-start items-center text-sm italic text-neutral/25 whitespace-nowrap overflow-auto text-ellipsis",
-            props.className
-        )}>
-            {props.text ?? "/"}
-        </span>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+type FormatNull = {
+    text?: string
+    className?: ComponentProps<'span'>['className']
+}
+
+export function FormatNull(props: FormatNull) {
+    return (
+        <span className={cx(
+            css({
+                display: "inline-flex",
+                flexDir: "row",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                fontSize: "sm",
+                fontStyle: "italic",
+                color: "neutral/25",
+                whiteSpace: "nowrap",
+                overflow: "auto",
+                textOverflow: "ellipsis"
+            }),
+            props.className
+        )}>
+            {props.text ?? "/"}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatPrice.tsx b/packages/dashboard/src/components/formats/formatPrice.tsx
index 7b2b697..e58b897 100644
--- a/packages/dashboard/src/components/formats/formatPrice.tsx
+++ b/packages/dashboard/src/components/formats/formatPrice.tsx
@@ -1,53 +1,57 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps } from "react"
-
-
-export function formatPrice(parameters: {
-    price?: number | null | string
-}) {
-    if (parameters.price === undefined || parameters.price === null) return "/"
-    const price = Number(parameters.price)
-    const processedPrice = Math.abs(price) < 0.0090
-        ? 0
-        : price
-    return (
-        new Intl.NumberFormat("fr", {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2,
-            //@ts-ignore
-            roundingMode: "halfExpand"
-        }).format(processedPrice).replace(/,/g, '.')
-    )
-}
-
-
-export function FormatPrice(props: {
-    price?: number | null | string
-    className?: ComponentProps<'div'>['className']
-}) {
-    if (props.price === undefined || props.price === null) {
-        return (
-            <FormatNull />
-        )
-    }
-    const price = Number(props.price)
-    const processedPrice = Math.abs(price) < 0.0090
-        ? 0
-        : price
-    return (
-        <span className={cn(
-            "w-fit max-w-full text-sm",
-            processedPrice === 0 ? "text-neutral/25" : "",
-            props.className
-        )}>
-            {processedPrice < 0
-                ? `(${formatPrice({
-                    price: Math.abs(processedPrice)
-                })})`
-                : formatPrice({
-                    price: Math.abs(processedPrice)
-                })}
-        </span>
-    )
-}
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+export function formatPrice(parameters: {
+    price?: number | null | string
+}) {
+    if (parameters.price === undefined || parameters.price === null) return "/"
+    const price = Number(parameters.price)
+    const processedPrice = Math.abs(price) < 0.0090
+        ? 0
+        : price
+    return (
+        new Intl.NumberFormat("fr", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+            //@ts-ignore
+            roundingMode: "halfExpand"
+        }).format(processedPrice).replace(/,/g, '.')
+    )
+}
+
+
+export function FormatPrice(props: {
+    price?: number | null | string
+    className?: ComponentProps<'div'>['className']
+}) {
+    if (props.price === undefined || props.price === null) {
+        return (
+            <FormatNull />
+        )
+    }
+    const price = Number(props.price)
+    const processedPrice = Math.abs(price) < 0.0090
+        ? 0
+        : price
+    return (
+        <span className={cx(
+            css({
+                w: "fit",
+                maxW: "full",
+                fontSize: "sm"
+            }),
+            processedPrice === 0 ? css({ color: "neutral/25" }) : undefined,
+            props.className
+        )}>
+            {processedPrice < 0
+                ? `(${formatPrice({
+                    price: Math.abs(processedPrice)
+                })})`
+                : formatPrice({
+                    price: Math.abs(processedPrice)
+                })}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatSelect.tsx b/packages/dashboard/src/components/formats/formatSelect.tsx
index d83ac62..1d6df2b 100644
--- a/packages/dashboard/src/components/formats/formatSelect.tsx
+++ b/packages/dashboard/src/components/formats/formatSelect.tsx
@@ -1,30 +1,30 @@
-import { Chip, ChipColors } from "#/components/layouts/chip.js"
-import { ComponentProps } from "react"
-import { FormatBase } from "./formatBase.js"
-import { FormatNull } from "./formatNull.js"
-
-
-export function formatSelect(key: string | null | undefined, options: { key: string, label: string }[]) {
-    return options.find(x => x.key === key)?.label ?? ""
-}
-
-
-type FormatSelect = {
-    option?: string | null
-    options: Array<{
-        key: string
-        label: string
-    }>
-    color?: ChipColors
-    className?: ComponentProps<'div'>['className']
-}
-
-export function FormatSelect(props: FormatSelect) {
-    const option = formatSelect(props.option, props.options)
-    if (!option) return <FormatNull />
-    return (
-        <FormatBase className={props.className}>
-            <Chip text={option} color={props.color} />
-        </FormatBase>
-    )
-}
+import { Chip, ChipColors } from "../../components/layouts/chip.js"
+import { ComponentProps } from "react"
+import { FormatBase } from "./formatBase.js"
+import { FormatNull } from "./formatNull.js"
+
+
+export function formatSelect(key: string | null | undefined, options: { key: string, label: string }[]) {
+    return options.find(x => x.key === key)?.label ?? ""
+}
+
+
+type FormatSelect = {
+    option?: string | null
+    options: Array<{
+        key: string
+        label: string
+    }>
+    color?: ChipColors
+    className?: ComponentProps<'div'>['className']
+}
+
+export function FormatSelect(props: FormatSelect) {
+    const option = formatSelect(props.option, props.options)
+    if (!option) return <FormatNull />
+    return (
+        <FormatBase className={props.className}>
+            <Chip text={option} color={props.color} />
+        </FormatBase>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatText.tsx b/packages/dashboard/src/components/formats/formatText.tsx
index c34a0f4..44f31fc 100644
--- a/packages/dashboard/src/components/formats/formatText.tsx
+++ b/packages/dashboard/src/components/formats/formatText.tsx
@@ -1,22 +1,27 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactNode } from "react"
-import { FormatNull } from "./formatNull.js"
-
-
-export function FormatText(props: {
-    wrap?: boolean
-    className?: ComponentProps<'span'>['className']
-    children?: ReactNode
-}
-) {
-    if (!props.children) return <FormatNull />
-    return (
-        <span className={cn(
-            "text-sm break-words overflow-x-hidden text-ellipsis",
-            !props.wrap ? "whitespace-nowrap" : undefined,
-            props.className
-        )}>
-            {props.children}
-        </span>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps, ReactNode } from "react"
+import { FormatNull } from "./formatNull.js"
+
+
+export function FormatText(props: {
+    wrap?: boolean
+    className?: ComponentProps<'span'>['className']
+    children?: ReactNode
+}
+) {
+    if (!props.children) return <FormatNull />
+    return (
+        <span className={cx(
+            css({
+                fontSize: "sm",
+                wordBreak: "break-word",
+                overflowX: "hidden",
+                textOverflow: "ellipsis"
+            }),
+            !props.wrap ? css({ whiteSpace: "nowrap" }) : undefined,
+            props.className
+        )}>
+            {props.children}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/forms/formControl.tsx b/packages/dashboard/src/components/forms/formControl.tsx
index f41f457..7e164e1 100644
--- a/packages/dashboard/src/components/forms/formControl.tsx
+++ b/packages/dashboard/src/components/forms/formControl.tsx
@@ -1,28 +1,28 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { Slot } from "@radix-ui/react-slot"
-import { ComponentProps, Suspense } from "react"
-import { useFormField } from "./useFormField.js"
-
-
-type FormControl = ComponentProps<typeof Slot>
-
-export function FormControl(props: FormControl) {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-
-    return (
-        <Suspense
-            fallback={<CircularLoader />}
-        >
-            <Slot
-                {...props}
-                id={formItemId}
-                aria-describedby={
-                    !error
-                        ? `${formDescriptionId}`
-                        : `${formDescriptionId} ${formMessageId}`
-                }
-                aria-invalid={!!error}
-            />
-        </Suspense>
-    )
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { Slot } from "@radix-ui/react-slot"
+import { ComponentProps, Suspense } from "react"
+import { useFormField } from "./useFormField.js"
+
+
+type FormControl = ComponentProps<typeof Slot>
+
+export function FormControl(props: FormControl) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+    return (
+        <Suspense
+            fallback={<CircularLoader />}
+        >
+            <Slot
+                {...props}
+                id={formItemId}
+                aria-describedby={
+                    !error
+                        ? `${formDescriptionId}`
+                        : `${formDescriptionId} ${formMessageId}`
+                }
+                aria-invalid={!!error}
+            />
+        </Suspense>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/forms/formError.tsx b/packages/dashboard/src/components/forms/formError.tsx
index cce02b5..625c694 100644
--- a/packages/dashboard/src/components/forms/formError.tsx
+++ b/packages/dashboard/src/components/forms/formError.tsx
@@ -1,24 +1,31 @@
-import { cn } from "#/utilities/cn.js"
-import { forwardRef } from "react"
-import { useFormField } from "./useFormField.js"
-
-
-export const FormError = forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(function (props, ref) {
-    const { error, formMessageId } = useFormField()
-    const body = error ? String(error?.message) : props.children
-
-    if (!body) return null
-    return (
-        <p
-            ref={ref}
-            id={formMessageId}
-            className={cn("w-full text-xs text-error", props.className)}
-            {...props}
-        >
-            {body}
-        </p>
-    )
-})
+import { css, cx } from "../../utilities/cn.js"
+import { forwardRef } from "react"
+import { useFormField } from "./useFormField.js"
+
+
+export const FormError = forwardRef<
+    HTMLParagraphElement,
+    React.HTMLAttributes<HTMLParagraphElement>
+>(function (props, ref) {
+    const { error, formMessageId } = useFormField()
+    const body = error ? String(error?.message) : props.children
+
+    if (!body) return null
+    return (
+        <p
+            ref={ref}
+            id={formMessageId}
+            className={cx(
+                css({
+                    w: "full",
+                    fontSize: "xs",
+                    color: "error"
+                }),
+                props.className
+            )}
+            {...props}
+        >
+            {body}
+        </p>
+    )
+})
diff --git a/packages/dashboard/src/components/forms/formItem.tsx b/packages/dashboard/src/components/forms/formItem.tsx
index 25fe3ef..da9dc82 100644
--- a/packages/dashboard/src/components/forms/formItem.tsx
+++ b/packages/dashboard/src/components/forms/formItem.tsx
@@ -1,19 +1,29 @@
-import { cn } from "#/utilities/cn.js"
-import { HTMLAttributes, useId } from "react"
-import { FormItemContext } from "./formItemContext.js"
-
-
-type FormItem = HTMLAttributes<HTMLDivElement>
-
-export function FormItem(props: FormItem) {
-    const id = useId()
-
-    return (
-        <FormItemContext.Provider value={{ id }}>
-            <div
-                {...props}
-                className={cn("w-full flex flex-col justify-start items-start gap-1", props.className)}
-            />
-        </FormItemContext.Provider>
-    )
+import { css, cx } from "../../utilities/cn.js"
+import { HTMLAttributes, useId } from "react"
+import { FormItemContext } from "./formItemContext.js"
+
+
+type FormItem = HTMLAttributes<HTMLDivElement>
+
+export function FormItem(props: FormItem) {
+    const id = useId()
+
+    return (
+        <FormItemContext.Provider value={{ id }}>
+            <div
+                {...props}
+                className={cx(
+                    css({
+                        w: "full",
+                        display: "flex",
+                        flexDir: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "flex-start",
+                        gap: "1"
+                    }),
+                    props.className
+                )}
+            />
+        </FormItemContext.Provider>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/forms/formLabel.tsx b/packages/dashboard/src/components/forms/formLabel.tsx
index 54403b7..f5d1a7b 100644
--- a/packages/dashboard/src/components/forms/formLabel.tsx
+++ b/packages/dashboard/src/components/forms/formLabel.tsx
@@ -1,63 +1,98 @@
-
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip"
-import { IconInfoSquare } from "@tabler/icons-react"
-import { HTMLAttributes } from "react"
-import { useFormField } from "./useFormField.js"
-
-
-type FormLabel = {
-    label: string | undefined
-    isRequired?: boolean
-    description?: string | undefined
-    tooltip?: string | undefined
-    labelProps?: HTMLAttributes<HTMLLabelElement>
-}
-
-export function FormLabel(props: FormLabel) {
-    const { formItemId } = useFormField()
-
-    return (
-        <label
-            {...props.labelProps}
-            htmlFor={formItemId}
-            aria-required={props.isRequired}
-            className="flex justify-start items-center gap-2"
-        >
-            <div className="flex flex-col justify-start items-start gap-1">
-                <div className="inline-flex justify-start items-center gap-1">
-                    {(!props.label) ? null : (
-                        <span className="text-xs text-neutral/50 before:content-['\200b']">
-                            {props.label}
-                        </span>
-                    )}
-                    {
-                        (props.isRequired !== true)
-                            ? null
-                            : (
-                                <sup className="text-error text-xs">
-                                    *
-                                </sup>
-                            )
-                    }
-                </div>
-                {(!props.description) ? null : (
-                    <span className="text-neutral/50 text-sm">
-                        {props.description}
-                    </span>
-                )}
-            </div>
-            {(!props.tooltip) ? null : (
-                <TooltipProvider>
-                    <Tooltip delayDuration={0}>
-                        <TooltipTrigger className="cursor-help" onClick={(e) => e.preventDefault()} tabIndex={-1}>
-                            <IconInfoSquare size={20} className="text-neutral/50 hover:text-neutral hover:fill-neutral/5" />
-                        </TooltipTrigger>
-                        <TooltipContent className="bg-neutral p-2">
-                            <p className="break-words hyphens-auto text-white text-sm">{props.tooltip}</p>
-                        </TooltipContent>
-                    </Tooltip>
-                </TooltipProvider>
-            )}
-        </label>
-    )
+
+import { css } from "../../utilities/cn.js"
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip"
+import { IconInfoSquare } from "@tabler/icons-react"
+import { HTMLAttributes } from "react"
+import { useFormField } from "./useFormField.js"
+
+
+type FormLabel = {
+    label: string | undefined
+    isRequired?: boolean
+    description?: string | undefined
+    tooltip?: string | undefined
+    labelProps?: HTMLAttributes<HTMLLabelElement>
+}
+
+export function FormLabel(props: FormLabel) {
+    const { formItemId } = useFormField()
+
+    return (
+        <label
+            {...props.labelProps}
+            htmlFor={formItemId}
+            aria-required={props.isRequired}
+            className={css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                gap: "2"
+            })}
+        >
+            <div className={css({
+                display: "flex",
+                flexDir: "column",
+                justifyContent: "flex-start",
+                alignItems: "flex-start",
+                gap: "1"
+            })}>
+                <div className={css({
+                    display: "inline-flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    gap: "1"
+                })}>
+                    {(!props.label) ? null : (
+                        <span className={css({
+                            fontSize: "xs",
+                            color: "neutral/50",
+                            _before: { content: "'\\200b'" }
+                        })}>
+                            {props.label}
+                        </span>
+                    )}
+                    {
+                        (props.isRequired !== true)
+                            ? null
+                            : (
+                                <sup className={css({
+                                    color: "error",
+                                    fontSize: "xs"
+                                })}>
+                                    *
+                                </sup>
+                            )
+                    }
+                </div>
+                {(!props.description) ? null : (
+                    <span className={css({
+                        color: "neutral/50",
+                        fontSize: "sm"
+                    })}>
+                        {props.description}
+                    </span>
+                )}
+            </div>
+            {(!props.tooltip) ? null : (
+                <TooltipProvider>
+                    <Tooltip delayDuration={0}>
+                        <TooltipTrigger className={css({ cursor: "help" })} onClick={(e) => e.preventDefault()} tabIndex={-1}>
+                            <IconInfoSquare size={20} className={css({
+                                color: "neutral/50",
+                                _hover: { color: "neutral", fill: "neutral/5" }
+                            })} />
+                        </TooltipTrigger>
+                        <TooltipContent className={css({ bg: "neutral", p: "2" })}>
+                            <p className={css({
+                                overflowWrap: "break-word",
+                                hyphens: "auto",
+                                color: "white",
+                                fontSize: "sm"
+                            })}>{props.tooltip}</p>
+                        </TooltipContent>
+                    </Tooltip>
+                </TooltipProvider>
+            )}
+        </label>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/forms/formRoot.tsx b/packages/dashboard/src/components/forms/formRoot.tsx
index b32f070..ed8ce7a 100644
--- a/packages/dashboard/src/components/forms/formRoot.tsx
+++ b/packages/dashboard/src/components/forms/formRoot.tsx
@@ -1,87 +1,109 @@
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { cn } from "#/utilities/cn.js"
-import { valibotResolver } from "@hookform/resolvers/valibot"
-import { ReactElement, useEffect, useRef } from "react"
-import { DefaultValues, FormProvider, useForm, UseFormReturn } from "react-hook-form"
-import * as v from "valibot"
-
-
-export function FormRoot<
-    T extends Record<string, unknown>,
-    U extends v.GenericSchema<T>
->(props: {
-    schema: U
-    defaultValues: DefaultValues<v.InferOutput<U>>
-    onSubmit: (data: v.InferOutput<U>) => Promise<boolean>
-    onCancel: ((data: v.InferOutput<U>) => void) | (() => Promise<void>) | undefined
-    onSuccess: ((data: v.InferOutput<U>) => void) | (() => Promise<void>) | undefined
-    resetOnSubmit?: boolean
-    submitOnPressEnterKey?: boolean
-    submitButtonProps: Parameters<typeof ButtonPlain>[0]
-    children: (form: UseFormReturn<v.InferOutput<U>, any, v.InferOutput<U>>) => ReactElement
-}) {
-    const form = useForm<T>({
-        mode: "onSubmit",
-        criteriaMode: "all",
-        shouldFocusError: true,
-        defaultValues: props.defaultValues,
-        resolver: valibotResolver<T, any, T>(props.schema),
-    })
-    const submitButtonRef = useRef<HTMLButtonElement>(null)
-
-    useEffect(() => {
-        const listener = async (event: KeyboardEvent) => {
-            if (event.code === "Enter" || event.code === "NumpadEnter") {
-                event.preventDefault()
-                submitButtonRef.current?.click()
-            }
-        }
-        document.addEventListener("keydown", listener)
-        return () => {
-            document.removeEventListener("keydown", listener)
-        }
-    }, [])
-
-    return (
-        <FormProvider {...form}>
-            <form
-                className="w-full flex flex-col justify-start items-start"
-            //  onSubmit={}
-            >
-                <div className="w-full max-w-md flex flex-col justify-start items-stretch gap-4">
-                    <div className="w-full flex flex-col justify-start items-stretch gap-2">
-                        {props.children(form)}
-                    </div>
-                    <ButtonPlain
-                        {...props.submitButtonProps}
-                        ref={submitButtonRef}
-                        className={cn(
-                            "",
-                            props.submitButtonProps.className
-                        )}
-                        type="button"
-                        hasLoader={true}
-                        onClick={async (event) => {
-                            event.preventDefault()
-
-                            const triggerResponse = await form.trigger()
-                            if (!triggerResponse) return
-
-                            const data = form.getValues()
-                            const response = await props.onSubmit(data)
-                            if (!response) return
-
-                            if (props.resetOnSubmit === true) {
-                                form.reset()
-                            }
-
-                            if (props.onSuccess !== undefined) {
-                                await props.onSuccess(data)
-                            }
-                        }}
-                    />
-                </div>
-            </form>
-        </FormProvider>
-    )
-}
+import { Button, type ButtonProps } from "@arrhes/ui"
+import { css, cx } from "../../utilities/cn.js"
+import { valibotResolver } from "@hookform/resolvers/valibot"
+import { ReactElement, useEffect, useRef } from "react"
+import { DefaultValues, FormProvider, useForm, UseFormReturn } from "react-hook-form"
+import * as v from "valibot"
+
+
+export function FormRoot<
+    T extends Record<string, unknown>,
+    U extends v.GenericSchema<T>
+>(props: {
+    schema: U
+    defaultValues: DefaultValues<v.InferOutput<U>>
+    onSubmit: (data: v.InferOutput<U>) => Promise<boolean>
+    onCancel: ((data: v.InferOutput<U>) => void) | (() => Promise<void>) | undefined
+    onSuccess: ((data: v.InferOutput<U>) => void) | (() => Promise<void>) | undefined
+    resetOnSubmit?: boolean
+    submitOnPressEnterKey?: boolean
+    submitButtonProps: Parameters<typeof Button>[0]
+    children: (form: UseFormReturn<v.InferOutput<U>, any, v.InferOutput<U>>) => ReactElement
+}) {
+    const form = useForm<T>({
+        mode: "onSubmit",
+        criteriaMode: "all",
+        shouldFocusError: true,
+        defaultValues: props.defaultValues,
+        resolver: valibotResolver<T, any, T>(props.schema),
+    })
+    const submitButtonRef = useRef<HTMLButtonElement>(null)
+
+    useEffect(() => {
+        const listener = async (event: KeyboardEvent) => {
+            if (event.code === "Enter" || event.code === "NumpadEnter") {
+                event.preventDefault()
+                submitButtonRef.current?.click()
+            }
+        }
+        document.addEventListener("keydown", listener)
+        return () => {
+            document.removeEventListener("keydown", listener)
+        }
+    }, [])
+
+    return (
+        <FormProvider {...form}>
+            <form
+                className={css({
+                    w: "full",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start"
+                })}
+            //  onSubmit={}
+            >
+                <div className={css({
+                    w: "full",
+                    maxW: "md",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "stretch",
+                    gap: "4"
+                })}>
+                    <div className={css({
+                        w: "full",
+                        display: "flex",
+                        flexDir: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "stretch",
+                        gap: "2"
+                    })}>
+                        {props.children(form)}
+                    </div>
+                    <Button
+                        {...props.submitButtonProps}
+                        variant="primary"
+                        ref={submitButtonRef}
+                        className={cx(
+                            "",
+                            props.submitButtonProps.className
+                        )}
+                        type="button"
+                        hasLoader={true}
+                        onClick={async (event) => {
+                            event.preventDefault()
+
+                            const triggerResponse = await form.trigger()
+                            if (!triggerResponse) return
+
+                            const data = form.getValues()
+                            const response = await props.onSubmit(data)
+                            if (!response) return
+
+                            if (props.resetOnSubmit === true) {
+                                form.reset()
+                            }
+
+                            if (props.onSuccess !== undefined) {
+                                await props.onSuccess(data)
+                            }
+                        }}
+                    />
+                </div>
+            </form>
+        </FormProvider>
+    )
+}
diff --git a/packages/dashboard/src/components/forms/formSubmit.tsx b/packages/dashboard/src/components/forms/formSubmit.tsx
index 000cfe1..443b105 100644
--- a/packages/dashboard/src/components/forms/formSubmit.tsx
+++ b/packages/dashboard/src/components/forms/formSubmit.tsx
@@ -1,50 +1,52 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-
-
-export type FormSubmit<T> = {
-    previousLabel?: string
-    previousCallback?: (data?: T) => Promise<void>
-    nextLabel: string
-    nextCallback: (data?: T) => Promise<void>
-    stepCount?: string
-    stepName?: string
-}
-
-
-export function FormSubmit<T>(props: FormSubmit<T>) {
-    const handleNext = async () => {
-        await props.nextCallback()
-    }
-
-    const handlePrevious = () => {
-        if (props.previousCallback === undefined) return undefined
-        props.previousCallback()
-    }
-
-    return (
-        <div className="w-full mt-auto flex flex-col justify-start items-stretch gap-2">
-            <div className="w-full flex flex-row justify-end items-center gap-2">
-                {
-                    (props.previousCallback === undefined) ? null : (
-                        <ButtonGhost
-                            text={props.previousLabel}
-                            onClick={handlePrevious}
-                        />
-                    )
-                }
-                <ButtonPlain
-                    text={props.nextLabel}
-                    onClick={handleNext}
-                    hasLoader
-                />
-            </div>
-            {(!props.stepCount && !props.stepName) ? null :
-                <div className="w-full flex flex-row justify-end items-center gap-1">
-                    {(!props.stepCount) ? null : <span className="text-sm text-neutral/50">{props.stepCount}</span>}
-                    {(!props.stepName) ? null : <span className="text-sm text-neutral/50">{props.stepName}</span>}
-                </div>
-            }
-        </div>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { css } from "../../utilities/cn.js"
+
+
+export type FormSubmit<T> = {
+    previousLabel?: string
+    previousCallback?: (data?: T) => Promise<void>
+    nextLabel: string
+    nextCallback: (data?: T) => Promise<void>
+    stepCount?: string
+    stepName?: string
+}
+
+
+export function FormSubmit<T>(props: FormSubmit<T>) {
+    const handleNext = async () => {
+        await props.nextCallback()
+    }
+
+    const handlePrevious = () => {
+        if (props.previousCallback === undefined) return undefined
+        props.previousCallback()
+    }
+
+    return (
+        <div className={css({ w: "full", mt: "auto", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "2" })}>
+            <div className={css({ w: "full", display: "flex", flexDir: "row", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                {
+                    (props.previousCallback === undefined) ? null : (
+                        <Button
+                            variant="invisible"
+                            text={props.previousLabel}
+                            onClick={handlePrevious}
+                        />
+                    )
+                }
+                <Button
+                    variant="primary"
+                    text={props.nextLabel}
+                    onClick={handleNext}
+                    hasLoader
+                />
+            </div>
+            {(!props.stepCount && !props.stepName) ? null :
+                <div className={css({ w: "full", display: "flex", flexDir: "row", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
+                    {(!props.stepCount) ? null : <span className={css({ fontSize: "sm", color: "neutral/50" })}>{props.stepCount}</span>}
+                    {(!props.stepName) ? null : <span className={css({ fontSize: "sm", color: "neutral/50" })}>{props.stepName}</span>}
+                </div>
+            }
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/forms/useFormField.tsx b/packages/dashboard/src/components/forms/useFormField.tsx
index 16113d2..e5c6e1e 100644
--- a/packages/dashboard/src/components/forms/useFormField.tsx
+++ b/packages/dashboard/src/components/forms/useFormField.tsx
@@ -1,31 +1,31 @@
-import { ClientError } from "#/utilities/clientError.js"
-import { useContext } from "react"
-import { useFormContext } from "react-hook-form"
-import { FormFieldContext } from "./formFieldContext.js"
-import { FormItemContext } from "./formItemContext.js"
-
-
-export const useFormField = () => {
-    const fieldContext = useContext(FormFieldContext)
-    const itemContext = useContext(FormItemContext)
-    const { getFieldState, formState } = useFormContext()
-
-    const fieldState = getFieldState(fieldContext.name, formState)
-
-    if (!fieldContext) {
-        throw new ClientError({
-            message: "useFormField should be used within <FormField>",
-        })
-    }
-
-    const { id } = itemContext
-
-    return {
-        id,
-        name: fieldContext.name,
-        formItemId: `${id}-form-item`,
-        formDescriptionId: `${id}-form-item-description`,
-        formMessageId: `${id}-form-item-message`,
-        ...fieldState,
-    }
+import { ClientError } from "../../utilities/clientError.js"
+import { useContext } from "react"
+import { useFormContext } from "react-hook-form"
+import { FormFieldContext } from "./formFieldContext.js"
+import { FormItemContext } from "./formItemContext.js"
+
+
+export const useFormField = () => {
+    const fieldContext = useContext(FormFieldContext)
+    const itemContext = useContext(FormItemContext)
+    const { getFieldState, formState } = useFormContext()
+
+    const fieldState = getFieldState(fieldContext.name, formState)
+
+    if (!fieldContext) {
+        throw new ClientError({
+            message: "useFormField should be used within <FormField>",
+        })
+    }
+
+    const { id } = itemContext
+
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    }
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/inputs/inputCombobox.tsx b/packages/dashboard/src/components/inputs/inputCombobox.tsx
index fbe8003..d35e0c4 100644
--- a/packages/dashboard/src/components/inputs/inputCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputCombobox.tsx
@@ -1,169 +1,199 @@
-
-import { Button } from "#/components/buttons/button.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { Virtualizer } from "#/components/layouts/virtualizer.js"
-import { Popover } from "#/components/overlays/popover/popover.js"
-import { cn } from "#/utilities/cn.js"
-import { debounce } from "#/utilities/debounce.js"
-import { IconCheck, IconChevronDown } from "@tabler/icons-react"
-import { ComponentProps, useEffect, useState } from "react"
-import { FieldError } from "react-hook-form"
-
-
-export function InputCombobox<TValue extends string>(props: {
-    error?: FieldError
-    placeholder?: string
-    value?: TValue | null
-    defaultValue?: TValue | null
-    onChange: (value?: TValue | null) => void
-    options: Array<{
-        key: TValue
-        label: string
-    }>
-    isLoading?: boolean
-    isDisabled?: boolean
-    autoFocus?: boolean
-    className?: ComponentProps<'div'>['className']
-    allowEmpty?: boolean
-}) {
-    const [open, setOpen] = useState(false)
-    const [rawQuery, setRawQuery] = useState<string>("")
-    const [currentOptions, setCurrentOptions] = useState(props.options)
-    const currentOption = props.options?.find(x => (x.key === (props.value ?? props.defaultValue)))
-
-    useEffect(() => {
-        debounce({
-            function: () => {
-                setCurrentOptions(props.options.filter(x => x.label.toLowerCase().includes(rawQuery.toLowerCase())))
-            }
-        })
-    }, [rawQuery])
-
-    return (
-        <Popover.Root
-            open={open}
-            onOpenChange={setOpen}
-            modal
-        >
-            <Popover.Trigger asChild>
-                <Button
-                    role="combobox"
-                    onClick={() => {
-                        if (props.isDisabled) return
-                        setOpen(!open)
-                    }}
-                    data-open={open}
-                    className={cn(
-                        "w-full group",
-                        props.isDisabled ? "cursor-not-allowed" : "",
-                        props.className
-                    )}
-                    autoFocus={props.autoFocus}
-                    disabled={props.isDisabled}
-                >
-                    <div className={cn(
-                        "w-full h-[32px] flex justify-between items-center gap-2 rounded-sm p-2 border border-solid",
-                        "hover:shadow-inner",
-                        "focus-within:border-neutral/50 focus-within:shadow-inner",
-                        (props.error === undefined) ? "border-neutral/25" : "border-error",
-                        props.className
-                    )}>
-                        <span
-                            className={cn(
-                                "w-full h-full text-sm font-medium leading-none whitespace-nowrap text-ellipsis rounded-sm text-left",
-                                (currentOption === undefined) ? "text-neutral/50" : "text-neutral"
-                            )}
-                        >
-                            {currentOption === undefined
-                                ? props.placeholder ?? "Veuiller choisir une option"
-                                : currentOption.label
-                            }
-                        </span>
-                        <IconChevronDown
-                            size={16}
-                            className="stroke-neutral min-w-[16px] w-[16px] min-h-[16px] h-[16px]"
-                            strokeWidth={2}
-                        />
-                    </div>
-                </Button>
-            </Popover.Trigger>
-            {
-                (open === false)
-                    ? (null)
-                    : (
-                        <Popover.Content align="start">
-                            <div className="w-full h-[32px] flex justify-start items-center p-2 border-b border-b-neutral/10">
-                                <input
-                                    type="text"
-                                    className={cn(
-                                        "w-full text-sm leading-none placeholder:text-neutral/25",
-                                    )}
-                                    value={rawQuery}
-                                    onChange={(e) => setRawQuery(e.currentTarget.value)}
-                                />
-                            </div>
-                            <div className='h-fit max-h-[256px] w-full flex flex-col justify-start items-start'>
-                                {
-                                    (props.isLoading === false)
-                                        ? (null)
-                                        : (
-                                            <CircularLoader />
-                                        )
-                                }
-                                {
-                                    (props.options.length > 0)
-                                        ? (null)
-                                        : (
-                                            <FormatNull
-                                                text="Pas de résultat"
-                                                className="p-2"
-                                            />
-                                        )
-                                }
-                                <Virtualizer
-                                    data={currentOptions}
-                                >
-                                    {(option) => {
-                                        return (
-                                            <div
-                                                key={option.key}
-                                                onClick={() => {
-                                                    if (props.isDisabled) return
-                                                    if ((props.allowEmpty === true) && (option.key === props.value)) {
-                                                        props.onChange(undefined)
-                                                        setOpen(false)
-                                                        return
-                                                    }
-                                                    props.onChange(option.key)
-                                                    setOpen(false)
-                                                }}
-                                                className={cn(
-                                                    "w-full h-fit flex justify-between items-center gap-2 p-2 cursor-pointer",
-                                                    (currentOption?.key === option.key) ? "bg-neutral/5" : "bg-none hover:bg-neutral/5"
-                                                )}
-                                            >
-                                                <span
-                                                    className={cn(
-                                                        currentOption?.key === option.key ? "text-neutral" : "text-neutral"
-                                                    )}
-                                                >
-                                                    {option.label}
-                                                </span>
-                                                <IconCheck
-                                                    size={16}
-                                                    className={cn(
-                                                        "stroke-neutral",
-                                                        currentOption?.key === option.key ? "opacity-100" : "opacity-0"
-                                                    )}
-                                                />
-                                            </div>
-                                        )
-                                    }}
-                                </Virtualizer>
-                            </div>
-                        </Popover.Content>
-                    )}
-        </Popover.Root>
-    )
-}
+
+import { Button } from "@arrhes/ui"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { Virtualizer } from "../../components/layouts/virtualizer.js"
+import { Popover } from "../../components/overlays/popover/popover.js"
+import { css, cx } from "../../utilities/cn.js"
+import { debounce } from "../../utilities/debounce.js"
+import { IconCheck, IconChevronDown } from "@tabler/icons-react"
+import { ComponentProps, useEffect, useState } from "react"
+import { FieldError } from "react-hook-form"
+
+
+export function InputCombobox<TValue extends string>(props: {
+    error?: FieldError
+    placeholder?: string
+    value?: TValue | null
+    defaultValue?: TValue | null
+    onChange: (value?: TValue | null) => void
+    options: Array<{
+        key: TValue
+        label: string
+    }>
+    isLoading?: boolean
+    isDisabled?: boolean
+    autoFocus?: boolean
+    className?: ComponentProps<'div'>['className']
+    allowEmpty?: boolean
+}) {
+    const [open, setOpen] = useState(false)
+    const [rawQuery, setRawQuery] = useState<string>("")
+    const [currentOptions, setCurrentOptions] = useState(props.options)
+    const currentOption = props.options?.find(x => (x.key === (props.value ?? props.defaultValue)))
+
+    useEffect(() => {
+        debounce({
+            function: () => {
+                setCurrentOptions(props.options.filter(x => x.label.toLowerCase().includes(rawQuery.toLowerCase())))
+            }
+        })
+    }, [rawQuery])
+
+    return (
+        <Popover.Root
+            open={open}
+            onOpenChange={setOpen}
+            modal
+        >
+            <Popover.Trigger asChild>
+                <Button
+                    role="combobox"
+                    onClick={() => {
+                        if (props.isDisabled) return
+                        setOpen(!open)
+                    }}
+                    data-open={open}
+                    className={cx(
+                        css({ w: "full" }),
+                        props.isDisabled ? css({ cursor: "not-allowed" }) : "",
+                        props.className
+                    )}
+                    autoFocus={props.autoFocus}
+                    disabled={props.isDisabled}
+                >
+                    <div className={cx(
+                        css({
+                            w: "full",
+                            h: "[32px]",
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                            gap: "2",
+                            rounded: "sm",
+                            p: "2",
+                            border: "1px solid",
+                            _hover: { shadow: "inner" },
+                            _focusWithin: { borderColor: "neutral/50", shadow: "inner" }
+                        }),
+                        (props.error === undefined) ? css({ borderColor: "neutral/25" }) : css({ borderColor: "error" }),
+                        props.className
+                    )}>
+                        <span
+                            className={cx(
+                                css({
+                                    w: "full",
+                                    h: "full",
+                                    fontSize: "sm",
+                                    fontWeight: "medium",
+                                    lineHeight: "none",
+                                    whiteSpace: "nowrap",
+                                    textOverflow: "ellipsis",
+                                    rounded: "sm",
+                                    textAlign: "left"
+                                }),
+                                (currentOption === undefined) ? css({ color: "neutral/50" }) : css({ color: "neutral" })
+                            )}
+                        >
+                            {currentOption === undefined
+                                ? props.placeholder ?? "Veuiller choisir une option"
+                                : currentOption.label
+                            }
+                        </span>
+                        <IconChevronDown
+                            size={16}
+                            className={css({ stroke: "neutral", minW: "[16px]", w: "[16px]", minH: "[16px]", h: "[16px]" })}
+                            strokeWidth={2}
+                        />
+                    </div>
+                </Button>
+            </Popover.Trigger>
+            {
+                (open === false)
+                    ? (null)
+                    : (
+                        <Popover.Content align="start">
+                            <div className={css({ w: "full", h: "[32px]", display: "flex", justifyContent: "flex-start", alignItems: "center", p: "2", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                                <input
+                                    type="text"
+                                    className={css({
+                                        w: "full",
+                                        fontSize: "sm",
+                                        lineHeight: "none",
+                                        _placeholder: { color: "neutral/25" }
+                                    })}
+                                    value={rawQuery}
+                                    onChange={(e) => setRawQuery(e.currentTarget.value)}
+                                />
+                            </div>
+                            <div className={css({ h: "fit-content", maxH: "[256px]", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                                {
+                                    (props.isLoading === false)
+                                        ? (null)
+                                        : (
+                                            <CircularLoader />
+                                        )
+                                }
+                                {
+                                    (props.options.length > 0)
+                                        ? (null)
+                                        : (
+                                            <FormatNull
+                                                text="Pas de résultat"
+                                                className={css({ p: "2" })}
+                                            />
+                                        )
+                                }
+                                <Virtualizer
+                                    data={currentOptions}
+                                >
+                                    {(option) => {
+                                        return (
+                                            <div
+                                                key={option.key}
+                                                onClick={() => {
+                                                    if (props.isDisabled) return
+                                                    if ((props.allowEmpty === true) && (option.key === props.value)) {
+                                                        props.onChange(undefined)
+                                                        setOpen(false)
+                                                        return
+                                                    }
+                                                    props.onChange(option.key)
+                                                    setOpen(false)
+                                                }}
+                                                className={cx(
+                                                    css({
+                                                        w: "full",
+                                                        h: "fit-content",
+                                                        display: "flex",
+                                                        justifyContent: "space-between",
+                                                        alignItems: "center",
+                                                        gap: "2",
+                                                        p: "2",
+                                                        cursor: "pointer"
+                                                    }),
+                                                    (currentOption?.key === option.key) ? css({ bg: "neutral/5" }) : css({ bg: "none", _hover: { bg: "neutral/5" } })
+                                                )}
+                                            >
+                                                <span
+                                                    className={css({ color: "neutral" })}
+                                                >
+                                                    {option.label}
+                                                </span>
+                                                <IconCheck
+                                                    size={16}
+                                                    className={cx(
+                                                        css({ stroke: "neutral" }),
+                                                        currentOption?.key === option.key ? css({ opacity: "100" }) : css({ opacity: "0" })
+                                                    )}
+                                                />
+                                            </div>
+                                        )
+                                    }}
+                                </Virtualizer>
+                            </div>
+                        </Popover.Content>
+                    )}
+        </Popover.Root>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
index 740f59d..2ff7e74 100644
--- a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
+++ b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
@@ -1,170 +1,185 @@
-import { Button } from "#/components/buttons/button.js"
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { Command, CommandInput, CommandItem, CommandList } from "#/components/layouts/command.js"
-import { Popover } from "#/components/overlays/popover/popover.js"
-import { cn } from "#/utilities/cn.js"
-import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
-import { CommandEmpty, CommandLoading } from "cmdk"
-import { Fragment, useState } from "react"
-
-
-
-type InputComboboxMultiple<TValue extends string> = {
-    placeholder: string
-    emptyLabel?: string
-    options: Array<{
-        key: TValue
-        label: string
-    }>
-    selectedOptions: Array<{
-        key: TValue
-        label: string
-    }>
-    onChange: (newValues: Array<{
-        key: TValue
-        label: string
-    }>) => void
-    className?: string
-    autoFocus?: boolean
-    loading?: boolean
-    isDisabled?: boolean
-}
-
-export function InputComboboxMultiple<TValue extends string>(props: InputComboboxMultiple<TValue>) {
-
-    const [open, setOpen] = useState(false)
-
-    const handleUnselect = (index: number) => props.onChange([...props.selectedOptions.slice(0, index), ...props.selectedOptions.slice(index + 1)])
-
-    const options = props.options
-        .filter((option) => !props.selectedOptions.some((x) => x.key === option.key))
-
-    return (
-        <div className="flex flex-col justify-start items-stretch gap-1">
-            <div className="flex flex-col justify-start items-stretch p-2 w-full rounded-md border border-neutral/25 disabled:cursor-not-allowed disabled:opacity-50 max-h-64 overflow-auto min-h-[40px]">
-                {(props.selectedOptions.length === 0) ? (
-                    <div className="w-full h-full flex justify-start items-center">
-                        <FormatNull text={props.emptyLabel ?? "Nothing selected"} />
-                    </div>
-                ) : (
-                    props.selectedOptions.map((option, index) => (
-                        <Fragment key={option.key}>
-                            <div className="flex justify-between items-center gap-2 rounded-md" >
-                                <span className="p-2">
-                                    {option.label}
-                                </span>
-                                <ButtonGhost
-                                    onClick={() => handleUnselect(index)}
-                                    icon={<IconX />}
-                                />
-                            </div>
-                        </Fragment>
-                    ))
-                )}
-            </div>
-            <Popover.Root open={open} onOpenChange={setOpen} modal>
-                <Popover.Trigger asChild>
-                    <Button
-                        role="combobox"
-                        data-open={open}
-                        className="w-full group"
-                        onClick={() => {
-                            if (props.isDisabled) return
-                            setOpen(!open)
-                        }}
-                        autoFocus={props.autoFocus}
-                    >
-                        <div className={cn(
-                            "w-full grid grid-cols-[auto_min-content] items-center gap-x-2 p-2 border border-neutral/25 rounded-md",
-                            "group-focus:border-neutral/50 group-focus:shadow-outer group-focus:bg-neutral/5",
-                            "group-data-[state=open]:border-neutral/50 group-data-[state=open]:bg-neutral/5 group-data-[state=open]:shadow-outer",
-                        )}
-                        >
-                            <span className="w-full h-fit text-left text-neutral/50 text-sm">{props.placeholder}</span>
-                            <IconSelector className="h-4 w-4 shrink-0 opacity-50" />
-                        </div>
-                    </Button>
-                </Popover.Trigger>
-                {
-                    !open ? null : (
-                        <Popover.Content
-                            align="start"
-                        >
-                            <Command
-                                className={cn(
-                                    "w-full",
-                                    props.className
-                                )}
-                                filter={(value, search) => {
-                                    const option = options?.find(x => x.key === value)?.label.toLowerCase()
-                                    if (option?.includes(search.toLowerCase())) return 1
-                                    return 0
-                                }}
-                            >
-                                <CommandInput />
-                                {
-                                    (props.loading === true)
-                                        ? (
-                                            <CommandLoading>
-                                                <CircularLoader />
-                                            </CommandLoading>
-                                        )
-                                        : (null)
-                                }
-                                <CommandList className='max-h-64 overflow-auto flex flex-col justify-start items-stretch'>
-                                    <CommandEmpty>
-                                        <div className="relative h-[40px] p-3 flex justify-start items-center cursor-default select-none rounded-md-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50">
-                                            <span className="text-neutral/10 text-left italic">
-                                                No result
-                                            </span>
-                                        </div>
-                                    </CommandEmpty>
-                                    {
-                                        options.map((option) => {
-                                            const isSelected = !!props.selectedOptions.find((x) => x.key === option.key)
-                                            return (
-                                                <CommandItem
-                                                    key={option.key}
-                                                    value={option.key}
-                                                    onSelect={() => {
-                                                        if (props.isDisabled) return
-                                                        props.onChange(
-                                                            isSelected
-                                                                ? props.selectedOptions.filter((x) => x.key !== option.key)
-                                                                : [...props.selectedOptions, option]
-                                                        )
-                                                        setOpen(false)
-                                                    }}
-                                                    className={cn(
-                                                        "p-3 h-[40px] flex justify-between items-center overflow-auto gap-3",
-                                                        isSelected ? "bg-neutral/10" : "bg-none hover:bg-neutral/5"
-                                                    )}
-                                                >
-                                                    <span
-                                                        className={cn(
-                                                            "text-sm",
-                                                            isSelected ? "text-neutral" : "text-neutral"
-                                                        )}
-                                                    >
-                                                        {option.label}
-                                                    </span>
-                                                    <IconCheck
-                                                        className={cn(
-                                                            "h-4 w-4 stroke-neutral",
-                                                            isSelected ? "opacity-100" : "opacity-0"
-                                                        )}
-                                                    />
-                                                </CommandItem>
-                                            )
-                                        })
-                                    }
-                                </CommandList>
-                            </Command>
-                        </Popover.Content>
-                    )}
-            </Popover.Root>
-        </div>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { Command, CommandInput, CommandItem, CommandList } from "../../components/layouts/command.js"
+import { Popover } from "../../components/overlays/popover/popover.js"
+import { css, cx } from "../../utilities/cn.js"
+import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
+import { CommandEmpty, CommandLoading } from "cmdk"
+import { Fragment, useState } from "react"
+
+
+
+type InputComboboxMultiple<TValue extends string> = {
+    placeholder: string
+    emptyLabel?: string
+    options: Array<{
+        key: TValue
+        label: string
+    }>
+    selectedOptions: Array<{
+        key: TValue
+        label: string
+    }>
+    onChange: (newValues: Array<{
+        key: TValue
+        label: string
+    }>) => void
+    className?: string
+    autoFocus?: boolean
+    loading?: boolean
+    isDisabled?: boolean
+}
+
+export function InputComboboxMultiple<TValue extends string>(props: InputComboboxMultiple<TValue>) {
+
+    const [open, setOpen] = useState(false)
+
+    const handleUnselect = (index: number) => props.onChange([...props.selectedOptions.slice(0, index), ...props.selectedOptions.slice(index + 1)])
+
+    const options = props.options
+        .filter((option) => !props.selectedOptions.some((x) => x.key === option.key))
+
+    return (
+        <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "1" })}>
+            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", p: "2", w: "full", rounded: "md", border: "1px solid", borderColor: "neutral/25", _disabled: { cursor: "not-allowed", opacity: "50" }, maxH: "[256px]", overflow: "auto", minH: "[40px]" })}>
+                {(props.selectedOptions.length === 0) ? (
+                    <div className={css({ w: "full", h: "full", display: "flex", justifyContent: "flex-start", alignItems: "center" })}>
+                        <FormatNull text={props.emptyLabel ?? "Nothing selected"} />
+                    </div>
+                ) : (
+                    props.selectedOptions.map((option, index) => (
+                        <Fragment key={option.key}>
+                            <div className={css({ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", rounded: "md" })} >
+                                <span className={css({ p: "2" })}>
+                                    {option.label}
+                                </span>
+                                <Button
+                                    variant="invisible"
+                                    onClick={() => handleUnselect(index)}
+                                    icon={<IconX />}
+                                />
+                            </div>
+                        </Fragment>
+                    ))
+                )}
+            </div>
+            <Popover.Root open={open} onOpenChange={setOpen} modal>
+                <Popover.Trigger asChild>
+                    <Button
+                        role="combobox"
+                        data-open={open}
+                        className={css({ w: "full" })}
+                        onClick={() => {
+                            if (props.isDisabled) return
+                            setOpen(!open)
+                        }}
+                        autoFocus={props.autoFocus}
+                    >
+                        <div className={cx(
+                            css({
+                                w: "full",
+                                display: "grid",
+                                gridTemplateColumns: "auto min-content",
+                                alignItems: "center",
+                                gap: "2",
+                                p: "2",
+                                border: "1px solid",
+                                borderColor: "neutral/25",
+                                rounded: "md",
+                                _groupFocus: { borderColor: "neutral/50", shadow: "outer", bg: "neutral/5" },
+                                "&[data-open=true]": { borderColor: "neutral/50", bg: "neutral/5", shadow: "outer" }
+                            })
+                        )}
+                        >
+                            <span className={css({ w: "full", h: "fit-content", textAlign: "left", color: "neutral/50", fontSize: "sm" })}>{props.placeholder}</span>
+                            <IconSelector className={css({ h: "4", w: "4", flexShrink: "0", opacity: "50" })} />
+                        </div>
+                    </Button>
+                </Popover.Trigger>
+                {
+                    !open ? null : (
+                        <Popover.Content
+                            align="start"
+                        >
+                            <Command
+                                className={cx(
+                                    css({ w: "full" }),
+                                    props.className
+                                )}
+                                filter={(value, search) => {
+                                    const option = options?.find(x => x.key === value)?.label.toLowerCase()
+                                    if (option?.includes(search.toLowerCase())) return 1
+                                    return 0
+                                }}
+                            >
+                                <CommandInput />
+                                {
+                                    (props.loading === true)
+                                        ? (
+                                            <CommandLoading>
+                                                <CircularLoader />
+                                            </CommandLoading>
+                                        )
+                                        : (null)
+                                }
+                                <CommandList className={css({ maxH: "[256px]", overflow: "auto", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch" })}>
+                                    <CommandEmpty>
+                                        <div className={css({ position: "relative", h: "[40px]", p: "3", display: "flex", justifyContent: "flex-start", alignItems: "center", cursor: "default", userSelect: "none", rounded: "sm", outline: "none", _disabled: { pointerEvents: "none", opacity: "50" } })}>
+                                            <span className={css({ color: "neutral/10", textAlign: "left", fontStyle: "italic" })}>
+                                                No result
+                                            </span>
+                                        </div>
+                                    </CommandEmpty>
+                                    {
+                                        options.map((option) => {
+                                            const isSelected = !!props.selectedOptions.find((x) => x.key === option.key)
+                                            return (
+                                                <CommandItem
+                                                    key={option.key}
+                                                    value={option.key}
+                                                    onSelect={() => {
+                                                        if (props.isDisabled) return
+                                                        props.onChange(
+                                                            isSelected
+                                                                ? props.selectedOptions.filter((x) => x.key !== option.key)
+                                                                : [...props.selectedOptions, option]
+                                                        )
+                                                        setOpen(false)
+                                                    }}
+                                                    className={cx(
+                                                        css({
+                                                            p: "3",
+                                                            h: "[40px]",
+                                                            display: "flex",
+                                                            justifyContent: "space-between",
+                                                            alignItems: "center",
+                                                            overflow: "auto",
+                                                            gap: "3"
+                                                        }),
+                                                        isSelected ? css({ bg: "neutral/10" }) : css({ bg: "none", _hover: { bg: "neutral/5" } })
+                                                    )}
+                                                >
+                                                    <span
+                                                        className={css({ fontSize: "sm", color: "neutral" })}
+                                                    >
+                                                        {option.label}
+                                                    </span>
+                                                    <IconCheck
+                                                        className={cx(
+                                                            css({ h: "4", w: "4", stroke: "neutral" }),
+                                                            isSelected ? css({ opacity: "100" }) : css({ opacity: "0" })
+                                                        )}
+                                                    />
+                                                </CommandItem>
+                                            )
+                                        })
+                                    }
+                                </CommandList>
+                            </Command>
+                        </Popover.Content>
+                    )}
+            </Popover.Root>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputDataCombobox.tsx b/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
index 0b4ddb9..71ff466 100644
--- a/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputDataCombobox.tsx
@@ -1,39 +1,39 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { routeDefinition } from "@arrhes/application-metadata/utilities"
-import * as v from "valibot"
-
-
-export function InputDataCombobox<
-    TRouteDefinition extends ReturnType<typeof routeDefinition>
->(props: {
-    routeDefinition: TRouteDefinition
-    body: v.InferInput<TRouteDefinition["schemas"]["body"]>
-    placeholder?: string
-    getOption: (data: v.InferOutput<TRouteDefinition["schemas"]["return"]>[number]) => ({ key: string, label: string })
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const response = useHTTPData({
-        routeDefinition: props.routeDefinition,
-        body: props.body,
-    })
-
-    return (
-        <InputCombobox
-            key={response.status}
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={response.isPending}
-            allowEmpty={true}
-            placeholder={props.placeholder ?? "Sélectionner un élément"}
-            options={
-                (response.data === undefined)
-                    ? []
-                    : Array.isArray(response.data)
-                        ? response.data?.map((item) => props.getOption(item))
-                        : [props.getOption(response.data)]
-            }
-        />
-    )
-}
+import { InputCombobox } from "../../components/inputs/inputCombobox.js"
+import { useDataFromAPI } from "../../utilities/useHTTPData.js"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
+import * as v from "valibot"
+
+
+export function InputDataCombobox<
+    TRouteDefinition extends ReturnType<typeof routeDefinition>
+>(props: {
+    routeDefinition: TRouteDefinition
+    body: v.InferInput<TRouteDefinition["schemas"]["body"]>
+    placeholder?: string
+    getOption: (data: v.InferOutput<TRouteDefinition["schemas"]["return"]>[number]) => ({ key: string, label: string })
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const response = useDataFromAPI({
+        routeDefinition: props.routeDefinition,
+        body: props.body,
+    })
+
+    return (
+        <InputCombobox
+            key={response.status}
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={response.isPending}
+            allowEmpty={true}
+            placeholder={props.placeholder ?? "Sélectionner un élément"}
+            options={
+                (response.data === undefined)
+                    ? []
+                    : Array.isArray(response.data)
+                        ? response.data?.map((item) => props.getOption(item))
+                        : [props.getOption(response.data)]
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputDate.tsx b/packages/dashboard/src/components/inputs/inputDate.tsx
index d3907d7..83f299e 100644
--- a/packages/dashboard/src/components/inputs/inputDate.tsx
+++ b/packages/dashboard/src/components/inputs/inputDate.tsx
@@ -1,88 +1,104 @@
-import { cn } from "#/utilities/cn.js"
-import { InputHTMLAttributes } from "react"
-import { FieldError } from "react-hook-form"
-import { IMask, IMaskInput } from "react-imask"
-
-
-export function InputDate(props:
-    & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange">
-    & {
-        error?: FieldError
-        defaultValue?: string | undefined | null
-        value?: string | undefined | null
-        onChange: (value: string | undefined) => void
-    }
-) {
-
-    function input(value: string | undefined | null) {
-        if (!value) return undefined
-        if (String(new Date(value)) === "Invalid Date") return undefined
-
-        let date = new Date(value)
-        let day = String(date.getDate())
-        let month = String(date.getMonth() + 1)
-        let year = String(date.getFullYear())
-
-        if (date.getDate() < 10) day = "0" + day
-        if ((date.getMonth() + 1) < 10) month = "0" + month
-        return [day, month, year].join(' / ')
-    }
-
-    function output(value: string | undefined) {
-        if (!value) return undefined
-        const yearMonthDay = value.split(' / ')
-        return new Date(Number(yearMonthDay[2]), Number(yearMonthDay[1]) - 1, Number(yearMonthDay[0]), 12, 0, 0)?.toISOString()
-    }
-
-    return (
-        <div
-            className={cn(
-                "h-[32px] w-full flex justify-start items-stretch gap-2 border border-neutral/20 rounded-sm",
-                "focus-within:border-neutral/50 focus-within:shadow-inner",
-                (!props.error) ? "" : "border-error",
-                props.className
-            )}
-        >
-            <IMaskInput
-                // inputRef={ref}
-                mask="d{ / }`m{ / }`Y"
-                blocks={{
-                    d: {
-                        mask: IMask.MaskedRange,
-                        from: 1,
-                        to: 31,
-                        maxLength: 2,
-                        placeholderChar: "J"
-                    },
-                    m: {
-                        mask: IMask.MaskedRange,
-                        from: 1,
-                        to: 12,
-                        maxLength: 2,
-                        placeholderChar: "M"
-                    },
-                    Y: {
-                        mask: IMask.MaskedRange,
-                        from: 1930,
-                        to: 2100,
-                        maxLength: 4,
-                        placeholderChar: "Y"
-                    }
-                }}
-                autofix={false}
-                lazy={false}
-                overwrite={true}
-                eager="append"
-                unmask="typed"
-                placeholder={"JJ / MM / YYYY"}
-                onAccept={(value: unknown) => props.onChange(output(String(value)))}
-                value={input(props.value)}
-                className={cn(
-                    "rounded-[inherit] w-full text-sm placeholder:text-neutral/25 p-2",
-                    "overflow-hidden whitespace-nowrap text-ellipsis",
-                )}
-                inputMode="decimal"
-            />
-        </div>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { InputHTMLAttributes } from "react"
+import { FieldError } from "react-hook-form"
+import { IMask, IMaskInput } from "react-imask"
+
+
+export function InputDate(props:
+    & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange">
+    & {
+        error?: FieldError
+        defaultValue?: string | undefined | null
+        value?: string | undefined | null
+        onChange: (value: string | undefined) => void
+    }
+) {
+
+    function input(value: string | undefined | null) {
+        if (!value) return undefined
+        if (String(new Date(value)) === "Invalid Date") return undefined
+
+        let date = new Date(value)
+        let day = String(date.getDate())
+        let month = String(date.getMonth() + 1)
+        let year = String(date.getFullYear())
+
+        if (date.getDate() < 10) day = "0" + day
+        if ((date.getMonth() + 1) < 10) month = "0" + month
+        return [day, month, year].join(' / ')
+    }
+
+    function output(value: string | undefined) {
+        if (!value) return undefined
+        const yearMonthDay = value.split(' / ')
+        return new Date(Number(yearMonthDay[2]), Number(yearMonthDay[1]) - 1, Number(yearMonthDay[0]), 12, 0, 0)?.toISOString()
+    }
+
+    return (
+        <div
+            className={cx(
+                css({
+                    h: "32px",
+                    w: "full",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "stretch",
+                    gap: "2",
+                    border: "1px solid",
+                    borderColor: "neutral/20",
+                    rounded: "sm",
+                    _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                }),
+                css(props.error ? { borderColor: "error" } : {}),
+                props.className
+            )}
+        >
+            <IMaskInput
+                // inputRef={ref}
+                mask="d{ / }`m{ / }`Y"
+                blocks={{
+                    d: {
+                        mask: IMask.MaskedRange,
+                        from: 1,
+                        to: 31,
+                        maxLength: 2,
+                        placeholderChar: "J"
+                    },
+                    m: {
+                        mask: IMask.MaskedRange,
+                        from: 1,
+                        to: 12,
+                        maxLength: 2,
+                        placeholderChar: "M"
+                    },
+                    Y: {
+                        mask: IMask.MaskedRange,
+                        from: 1930,
+                        to: 2100,
+                        maxLength: 4,
+                        placeholderChar: "Y"
+                    }
+                }}
+                autofix={false}
+                lazy={false}
+                overwrite={true}
+                eager="append"
+                unmask="typed"
+                placeholder={"JJ / MM / YYYY"}
+                onAccept={(value: unknown) => props.onChange(output(String(value)))}
+                value={input(props.value)}
+                className={css({
+                    rounded: "inherit",
+                    w: "full",
+                    fontSize: "sm",
+                    _placeholder: { color: "neutral/25" },
+                    p: "2",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis"
+                })}
+                inputMode="decimal"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputDisabled.tsx b/packages/dashboard/src/components/inputs/inputDisabled.tsx
index 4135c9e..6325e33 100644
--- a/packages/dashboard/src/components/inputs/inputDisabled.tsx
+++ b/packages/dashboard/src/components/inputs/inputDisabled.tsx
@@ -1,24 +1,37 @@
-import { cn } from "#/utilities/cn.js"
-import { InputHTMLAttributes, useRef } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-type InputDisabled = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    error?: FieldError
-    value?: string | null
-    onChange?: (value?: string | null | undefined) => void
-}
-
-export function InputDisabled(props: InputDisabled) {
-    const ref = useRef(null)
-    return (
-        <input
-            ref={ref}
-            className={cn(
-                "relative w-full flex flex-row justify-between items-center gap-2 p-2 border border-solid rounded-md bg-neutral text-sm",
-                (!props.error) ? "border-neutral/25" : "border-error"
-            )}
-            disabled
-        />
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { InputHTMLAttributes, useRef } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+type InputDisabled = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    error?: FieldError
+    value?: string | null
+    onChange?: (value?: string | null | undefined) => void
+}
+
+export function InputDisabled(props: InputDisabled) {
+    const ref = useRef(null)
+    return (
+        <input
+            ref={ref}
+            className={cx(
+                css({
+                    position: "relative",
+                    w: "full",
+                    display: "flex",
+                    flexDir: "row",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "2",
+                    p: "2",
+                    border: "1px solid",
+                    rounded: "md",
+                    bg: "neutral",
+                    fontSize: "sm"
+                }),
+                css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" })
+            )}
+            disabled
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputFile.tsx b/packages/dashboard/src/components/inputs/inputFile.tsx
index 70279f5..b633fde 100644
--- a/packages/dashboard/src/components/inputs/inputFile.tsx
+++ b/packages/dashboard/src/components/inputs/inputFile.tsx
@@ -1,53 +1,72 @@
-import { Button } from "#/components/buttons/button.js"
-import { InputHTMLAttributes, useRef } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-export function InputFile(props:
-    & Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-        error?: FieldError
-        value?: File | null
-        onChange?: (value?: File | null | undefined) => void
-        type?: "image"
-    }
-) {
-    const inputRef = useRef<HTMLInputElement | null>(null)
-
-    // useImperativeHandle(props.ref, () => inputRef.current as HTMLInputElement)
-
-    return (
-        <div
-            className="w-full border border-neutral/20 border-dashed hover:bg-neutral/5 rounded-sm flex justify-center items-center"
-            onDrop={(event) => {
-                event.preventDefault()
-                if (!props.onChange) return
-                if (event.dataTransfer.files) {
-                    props.onChange(event.dataTransfer.files[0])
-                }
-            }}
-            onDragOver={(event) => event.preventDefault()}
-        >
-            <input
-                ref={inputRef}
-                multiple={false}
-                type="file"
-                onChange={(event) => {
-                    if (!props.onChange) return
-                    if (event.target.files) {
-                        props.onChange(event.target.files[0])
-                    }
-                }}
-                accept={!props.type ? "*" : "image/*"}
-                className="hidden w-full h-full"
-            />
-            <Button
-                onClick={(_event) => { inputRef.current?.click() }}
-                className="cursor-pointer w-full h-full p-2 md:p-3 flex justify-center items-center"
-            >
-                <span className="text-neutral/75">
-                    {props.value?.name ?? props.placeholder ?? "Glissez-déposez ou cliquez pour ajouter un fichier"}
-                </span>
-            </Button>
-        </div>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { css } from "../../utilities/cn.js"
+import { InputHTMLAttributes, useRef } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+export function InputFile(props:
+    & Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+        error?: FieldError
+        value?: File | null
+        onChange?: (value?: File | null | undefined) => void
+        type?: "image"
+    }
+) {
+    const inputRef = useRef<HTMLInputElement | null>(null)
+
+    // useImperativeHandle(props.ref, () => inputRef.current as HTMLInputElement)
+
+    return (
+        <div
+            className={css({
+                w: "full",
+                border: "1px solid",
+                borderColor: "neutral/20",
+                borderStyle: "dashed",
+                _hover: { bg: "neutral/5" },
+                rounded: "sm",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center"
+            })}
+            onDrop={(event) => {
+                event.preventDefault()
+                if (!props.onChange) return
+                if (event.dataTransfer.files) {
+                    props.onChange(event.dataTransfer.files[0])
+                }
+            }}
+            onDragOver={(event) => event.preventDefault()}
+        >
+            <input
+                ref={inputRef}
+                multiple={false}
+                type="file"
+                onChange={(event) => {
+                    if (!props.onChange) return
+                    if (event.target.files) {
+                        props.onChange(event.target.files[0])
+                    }
+                }}
+                accept={!props.type ? "*" : "image/*"}
+                className={css({ display: "none", w: "full", h: "full" })}
+            />
+            <Button
+                onClick={(_event) => { inputRef.current?.click() }}
+                className={css({
+                    cursor: "pointer",
+                    w: "full",
+                    h: "full",
+                    p: { base: "2", md: "3" },
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
+                })}
+            >
+                <span className={css({ color: "neutral/75" })}>
+                    {props.value?.name ?? props.placeholder ?? "Glissez-déposez ou cliquez pour ajouter un fichier"}
+                </span>
+            </Button>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputNumber.tsx b/packages/dashboard/src/components/inputs/inputNumber.tsx
index 8541cbd..2ddd86c 100644
--- a/packages/dashboard/src/components/inputs/inputNumber.tsx
+++ b/packages/dashboard/src/components/inputs/inputNumber.tsx
@@ -1,62 +1,77 @@
-import { cn } from "#/utilities/cn.js"
-import { InputHTMLAttributes } from "react"
-import { FieldError } from "react-hook-form"
-import { IMask, IMaskInput } from 'react-imask'
-
-
-export function InputPrice(props:
-    & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange">
-    & {
-        error?: FieldError
-        defaultValue?: string | undefined | null
-        value?: string | undefined | null
-        onChange: (value: string | undefined) => void
-    }
-) {
-
-    function input(value: string | undefined | null) {
-        if (value === null || value === undefined) return undefined
-        return value
-    }
-
-    function output(value: string | undefined) {
-        if (value === undefined) return value
-        return value
-    }
-
-    return (
-        <div className={cn(
-            "h-[32px] w-full flex justify-start items-stretch border border-neutral/20 rounded-sm",
-            (!props.error) ? "" : "border-error",
-            props.className
-        )}>
-            <IMaskInput
-                // inputRef={props.ref}
-                mask="n"
-                blocks={{
-                    n: {
-                        mask: IMask.MaskedNumber,
-                        // from: 0,
-                        scale: 2
-                    }
-                }}
-                autofix={false}
-                lazy={false}
-                overwrite={false}
-                eager="append"
-                unmask={"typed"}
-                // onClick={(event) => { event.currentTarget.select() }}
-                // onFocus={(event) => { event.currentTarget.setSelectionRange(-1, -1) }}
-                onAccept={(value: unknown) => props.onChange(output(String(value)))}
-                value={input(props.value)}
-                className={cn(
-                    "rounded-[inherit] w-full text-base placeholder:text-neutral/25 p-2",
-                    "focus:shadow-inner focus:bg-neutral/5",
-                    "overflow-hidden whitespace-nowrap text-ellipsis"
-                )}
-                inputMode="decimal"
-            />
-        </div>
-
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { InputHTMLAttributes } from "react"
+import { FieldError } from "react-hook-form"
+import { IMask, IMaskInput } from 'react-imask'
+
+
+export function InputPrice(props:
+    & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange">
+    & {
+        error?: FieldError
+        defaultValue?: string | undefined | null
+        value?: string | undefined | null
+        onChange: (value: string | undefined) => void
+    }
+) {
+
+    function input(value: string | undefined | null) {
+        if (value === null || value === undefined) return undefined
+        return value
+    }
+
+    function output(value: string | undefined) {
+        if (value === undefined) return value
+        return value
+    }
+
+    return (
+        <div className={cx(
+            css({
+                h: "32px",
+                w: "full",
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "stretch",
+                border: "1px solid",
+                borderColor: "neutral/20",
+                rounded: "sm"
+            }),
+            css(props.error ? { borderColor: "error" } : {}),
+            props.className
+        )}>
+            <IMaskInput
+                // inputRef={props.ref}
+                mask="n"
+                blocks={{
+                    n: {
+                        mask: IMask.MaskedNumber,
+                        // from: 0,
+                        scale: 2
+                    }
+                }}
+                autofix={false}
+                lazy={false}
+                overwrite={false}
+                eager="append"
+                unmask={"typed"}
+                // onClick={(event) => { event.currentTarget.select() }}
+                // onFocus={(event) => { event.currentTarget.setSelectionRange(-1, -1) }}
+                onAccept={(value: unknown) => props.onChange(output(String(value)))}
+                value={input(props.value)}
+                className={css({
+                    rounded: "inherit",
+                    w: "full",
+                    fontSize: "base",
+                    _placeholder: { color: "neutral/25" },
+                    p: "2",
+                    _focus: { shadow: "inset", bg: "neutral/5" },
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis"
+                })}
+                inputMode="decimal"
+            />
+        </div>
+
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputPassword.tsx b/packages/dashboard/src/components/inputs/inputPassword.tsx
index ffd64c2..651fd8c 100644
--- a/packages/dashboard/src/components/inputs/inputPassword.tsx
+++ b/packages/dashboard/src/components/inputs/inputPassword.tsx
@@ -1,60 +1,79 @@
-import { Button } from "#/components/buttons/button.js"
-import { cn } from "#/utilities/cn.js"
-import { IconEye, IconEyeClosed } from '@tabler/icons-react'
-import { InputHTMLAttributes, forwardRef, useState } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-type InputPassword = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    error?: FieldError
-    value?: string | null
-    onChange: (value?: string | null | undefined) => void
-    autoFocus?: boolean
-}
-
-export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
-    function (props, ref) {
-        const [showPassword, setShowPassword] = useState(false)
-        const handleClickShowPassword = () => setShowPassword((show) => !show)
-
-        function input(value: string | undefined | null) {
-            if (!value) return ""
-            return value
-        }
-
-        function output(value: string) {
-            if (!value) return null
-            return value
-        }
-
-        return (
-            <div
-                className={cn(
-                    "w-full h-[32px] flex justify-between items-center border border-solid rounded-sm",
-                    "focus-within:border-neutral/50 focus-within:shadow-inner",
-                    (!props.error) ? "border-neutral/25" : "border-error",
-                    props.className
-                )}
-            >
-                <input
-                    {...props}
-                    type={showPassword ? "text" : "password"}
-                    className={cn(
-                        "w-full h-[32px] text-sm leading-none placeholder:text-neutral/50 bg-transparent p-2 rounded-md",
-                    )}
-                    ref={ref}
-                    value={input(props.value)}
-                    onChange={(e) => props.onChange(output(e.currentTarget.value))}
-                    autoFocus={props.autoFocus}
-                />
-                <Button
-                    onClick={handleClickShowPassword}
-                    className="hover:bg-neutral/5 rounded-md p-2"
-                    tabIndex={-1}
-                >
-                    {showPassword ? <IconEye size={16} /> : <IconEyeClosed size={16} />}
-                </Button>
-            </div>
-        )
-    }
-)
+import { Button } from "@arrhes/ui"
+import { css, cx } from "../../utilities/cn.js"
+import { IconEye, IconEyeClosed } from '@tabler/icons-react'
+import { InputHTMLAttributes, forwardRef, useState } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+type InputPassword = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    error?: FieldError
+    value?: string | null
+    onChange: (value?: string | null | undefined) => void
+    autoFocus?: boolean
+}
+
+export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
+    function (props, ref) {
+        const [showPassword, setShowPassword] = useState(false)
+        const handleClickShowPassword = () => setShowPassword((show) => !show)
+
+        function input(value: string | undefined | null) {
+            if (!value) return ""
+            return value
+        }
+
+        function output(value: string) {
+            if (!value) return null
+            return value
+        }
+
+        return (
+            <div
+                className={cx(
+                    css({
+                        w: "full",
+                        h: "32px",
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        border: "1px solid",
+                        rounded: "sm",
+                        _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                    }),
+                    css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
+                    props.className
+                )}
+            >
+                <input
+                    {...props}
+                    type={showPassword ? "text" : "password"}
+                    className={css({
+                        w: "full",
+                        h: "32px",
+                        fontSize: "sm",
+                        lineHeight: "none",
+                        _placeholder: { color: "neutral/50" },
+                        bg: "transparent",
+                        p: "2",
+                        rounded: "md"
+                    })}
+                    ref={ref}
+                    value={input(props.value)}
+                    onChange={(e) => props.onChange(output(e.currentTarget.value))}
+                    autoFocus={props.autoFocus}
+                />
+                <Button
+                    onClick={handleClickShowPassword}
+                    className={css({
+                        _hover: { bg: "neutral/5" },
+                        rounded: "md",
+                        p: "2"
+                    })}
+                    tabIndex={-1}
+                >
+                    {showPassword ? <IconEye size={16} /> : <IconEyeClosed size={16} />}
+                </Button>
+            </div>
+        )
+    }
+)
diff --git a/packages/dashboard/src/components/inputs/inputRating.tsx b/packages/dashboard/src/components/inputs/inputRating.tsx
index 37acfec..bd2f0e2 100644
--- a/packages/dashboard/src/components/inputs/inputRating.tsx
+++ b/packages/dashboard/src/components/inputs/inputRating.tsx
@@ -1,53 +1,57 @@
-import { cn } from "#/utilities/cn.js"
-import { IconStarFilled } from '@tabler/icons-react'
-import { InputHTMLAttributes, forwardRef } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    error?: FieldError
-    value?: number | null
-    onChange?: (value?: number | null | undefined) => void
-}
-
-export const InputRating = forwardRef<HTMLInputElement, InputText>(
-    function (props, ref) {
-
-        function input(value: number | undefined | null) {
-            if (!value) return 0
-            return value
-        }
-
-        function output(value: number) {
-            if (value === 0) return undefined
-            return value
-        }
-
-        return (
-            <div className="flex">
-                <input className="hidden" ref={ref} />
-                {Array(5)
-                    .fill(0)
-                    .map((_, i) => (
-                        <div
-                            key={i}
-                            className="group"
-                            onClick={() => {
-                                if (!props.onChange) return
-                                props?.onChange(output((i === +input(props.value) - 1) ? 0 : i + 1))
-                            }
-                            }
-                        >
-                            <IconStarFilled
-                                size={16}
-                                className={cn(
-                                    "fill-none stroke-neutral/50 group-hover:fill-neutral/10",
-                                    i < +input(props.value) ? "fill-neutral" : ""
-                                )}
-                            />
-                        </div>
-                    ))}
-            </div>
-        )
-    }
-)
+import { css, cx } from "../../utilities/cn.js"
+import { IconStarFilled } from '@tabler/icons-react'
+import { InputHTMLAttributes, forwardRef } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    error?: FieldError
+    value?: number | null
+    onChange?: (value?: number | null | undefined) => void
+}
+
+export const InputRating = forwardRef<HTMLInputElement, InputText>(
+    function (props, ref) {
+
+        function input(value: number | undefined | null) {
+            if (!value) return 0
+            return value
+        }
+
+        function output(value: number) {
+            if (value === 0) return undefined
+            return value
+        }
+
+        return (
+            <div className={css({ display: "flex" })}>
+                <input className={css({ display: "none" })} ref={ref} />
+                {Array(5)
+                    .fill(0)
+                    .map((_, i) => (
+                        <div
+                            key={i}
+                            className={css({ cursor: "pointer" })}
+                            onClick={() => {
+                                if (!props.onChange) return
+                                props?.onChange(output((i === +input(props.value) - 1) ? 0 : i + 1))
+                            }
+                            }
+                        >
+                            <IconStarFilled
+                                size={16}
+                                className={cx(
+                                    css({
+                                        fill: "none",
+                                        stroke: "neutral/50",
+                                        _hover: { fill: "neutral/10" }
+                                    }),
+                                    css(i < +input(props.value) ? { fill: "neutral" } : {})
+                                )}
+                            />
+                        </div>
+                    ))}
+            </div>
+        )
+    }
+)
diff --git a/packages/dashboard/src/components/inputs/inputSelect.tsx b/packages/dashboard/src/components/inputs/inputSelect.tsx
index d470dd5..0c39dc4 100644
--- a/packages/dashboard/src/components/inputs/inputSelect.tsx
+++ b/packages/dashboard/src/components/inputs/inputSelect.tsx
@@ -1,157 +1,207 @@
-import { Button } from "#/components/buttons/button.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { Popover } from "#/components/overlays/popover/popover.js"
-import { cn } from "#/utilities/cn.js"
-import { IconCheck, IconChevronDown } from "@tabler/icons-react"
-import { InputHTMLAttributes, useState } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-export function InputSelect<TValue extends string>(props:
-    & Omit<InputHTMLAttributes<HTMLSelectElement>, "value" | "onChange">
-    & {
-        error?: FieldError
-        value?: TValue | null
-        defaultValue?: TValue | null
-        onChange?: (value?: TValue | null | undefined) => void
-        options: Array<{
-            key: TValue
-            label: string
-        }> | undefined
-        autoFocus?: boolean
-        allowEmpty?: boolean
-        isDisabled?: boolean
-        isLoading?: boolean
-    }
-) {
-    const [open, setOpen] = useState(false)
-
-    function input(value: TValue | null | undefined) {
-        return value
-    }
-
-    function output(value: TValue | undefined | null) {
-        if (!value) return null
-        return value
-    }
-
-    const currentOption = props.options?.find(x => x.key === input(props.value ?? props.defaultValue))
-    return (
-        <Popover.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Popover.Trigger asChild>
-                {/* <ButtonGhost
-                    autoFocus={props.autoFocus}
-                    onClick={() => {
-                        if (props.isDisabled === true) return
-                        setOpen(!open)
-                    }}
-                    className={cn(
-                        "w-fit group",
-                        props.isDisabled ? "cursor-not-allowed" : "",
-                        props.className
-                    )}
-                    data-open={open}
-                    icon={<IconAdjustmentsHorizontal />}
-                    text="Filter" 
-                />*/}
-                <Button
-                    autoFocus={props.autoFocus}
-                    onClick={() => {
-                        if (props.isDisabled === true) return
-                        setOpen(!open)
-                    }}
-                    className={cn(
-                        "w-full group",
-                        props.isDisabled ? "cursor-not-allowed" : "",
-                        props.className
-                    )}
-                    data-open={open}
-                >
-                    <div className={cn(
-                        "w-full h-[32px] flex justify-start items-center gap-2 rounded-sm p-2 border border-solid",
-                        "hover:shadow-inner",
-                        "focus-within:border-neutral/50 focus-within:shadow-inner",
-                        (!props.error) ? "border-neutral/25" : "border-error",
-                        props.className
-                    )}>
-                        <span
-                            className={cn(
-                                "w-full h-full text-sm font-medium leading-none whitespace-nowrap text-ellipsis rounded-sm text-left",
-                                (currentOption === undefined) ? "text-neutral/50" : "text-neutral"
-                            )}
-                        >
-                            {currentOption === undefined
-                                ? props.placeholder ?? "Veuiller choisir une option"
-                                : currentOption.label
-                            }
-                        </span>
-                        <IconChevronDown
-                            size={16}
-                            className="stroke-neutral min-w-[16px] w-[16px] min-h-[16px] h-[16px]"
-                            strokeWidth={2}
-                        />
-                    </div>
-                </Button>
-            </Popover.Trigger>
-            <Popover.Content
-                align="start"
-            >
-                <div className="min-h-[32px] max-h-[256px] overflow-auto w-full p-2 flex flex-col justify-start items-start gap-1">
-                    {
-                        (props.isLoading === true)
-                            ? (
-                                <CircularLoader
-                                    text="Chargement des options..."
-                                />
-                            )
-                            : (props.options === undefined || props.options.length === 0)
-                                ? (
-                                    <FormatNull
-                                        text="Pas d'options"
-                                    />
-                                )
-                                : props.options.map((option) => (
-                                    <div
-                                        key={option.key}
-                                        onClick={() => {
-                                            if (props.isDisabled === true) return
-                                            if (props.onChange === undefined) return
-                                            if ((props.allowEmpty === true) && (option.key === props.value)) {
-                                                props.onChange(undefined)
-                                                setOpen(false)
-                                                return
-                                            }
-                                            props.onChange(output(option.key))
-                                            setOpen(false)
-                                        }}
-                                        className={cn(
-                                            "relative w-full flex justify-between items-center gap-2 p-2 rounded-sm border border-transparent cursor-pointer",
-                                            (option.key === props.value) ? "bg-neutral/5 border-neutral/5" : "bg-none hover:bg-neutral/5 hover:border-neutral/5"
-                                        )}
-                                    >
-                                        <span
-                                            className={cn(
-                                                "text-sm leading-none font-medium",
-                                                (option.key === props.value) ? "text-neutral" : ""
-                                            )}
-                                        >
-                                            {option.label}
-                                        </span>
-                                        <IconCheck
-                                            className={cn(
-                                                "min-w-[16px] w-[16px] min-h-[16px] h-[16px] text-neutral",
-                                                (option.key === props.value) ? "opacity-100 stroke-2" : "opacity-0"
-                                            )}
-                                        />
-                                    </div>
-                                ))
-                    }
-                </div>
-            </Popover.Content>
-        </Popover.Root>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { Popover } from "../../components/overlays/popover/popover.js"
+import { css, cx } from "../../utilities/cn.js"
+import { IconCheck, IconChevronDown } from "@tabler/icons-react"
+import { InputHTMLAttributes, useState } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+export function InputSelect<TValue extends string>(props:
+    & Omit<InputHTMLAttributes<HTMLSelectElement>, "value" | "onChange">
+    & {
+        error?: FieldError
+        value?: TValue | null
+        defaultValue?: TValue | null
+        onChange?: (value?: TValue | null | undefined) => void
+        options: Array<{
+            key: TValue
+            label: string
+        }> | undefined
+        autoFocus?: boolean
+        allowEmpty?: boolean
+        isDisabled?: boolean
+        isLoading?: boolean
+    }
+) {
+    const [open, setOpen] = useState(false)
+
+    function input(value: TValue | null | undefined) {
+        return value
+    }
+
+    function output(value: TValue | undefined | null) {
+        if (!value) return null
+        return value
+    }
+
+    const currentOption = props.options?.find(x => x.key === input(props.value ?? props.defaultValue))
+    return (
+        <Popover.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Popover.Trigger asChild>
+                <Button
+                    autoFocus={props.autoFocus}
+                    onClick={() => {
+                        if (props.isDisabled === true) return
+                        setOpen(!open)
+                    }}
+                    className={cx(
+                        css({ w: "full" }),
+                        "group",
+                        css(props.isDisabled ? { cursor: "not-allowed" } : {}),
+                        props.className
+                    )}
+                    data-open={open}
+                >
+                    <div className={cx(
+                        css({
+                            w: "full",
+                            h: "32px",
+                            display: "flex",
+                            justifyContent: "flex-start",
+                            alignItems: "center",
+                            gap: "2",
+                            rounded: "sm",
+                            p: "2",
+                            border: "1px solid",
+                            _hover: { shadow: "inset" },
+                            _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                        }),
+                        css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
+                        props.className
+                    )}>
+                        <span
+                            className={cx(
+                                css({
+                                    w: "full",
+                                    h: "full",
+                                    fontSize: "sm",
+                                    fontWeight: "medium",
+                                    lineHeight: "none",
+                                    whiteSpace: "nowrap",
+                                    textOverflow: "ellipsis",
+                                    rounded: "sm",
+                                    textAlign: "left"
+                                }),
+                                css(currentOption === undefined ? { color: "neutral/50" } : { color: "neutral" })
+                            )}
+                        >
+                            {currentOption === undefined
+                                ? props.placeholder ?? "Veuiller choisir une option"
+                                : currentOption.label
+                            }
+                        </span>
+                        <IconChevronDown
+                            size={16}
+                            className={css({
+                                stroke: "neutral",
+                                minW: "16px",
+                                w: "16px",
+                                minH: "16px",
+                                h: "16px"
+                            })}
+                            strokeWidth={2}
+                        />
+                    </div>
+                </Button>
+            </Popover.Trigger>
+            <Popover.Content
+                align="start"
+            >
+                <div className={css({
+                    minH: "32px",
+                    maxH: "256px",
+                    overflow: "auto",
+                    w: "full",
+                    p: "2",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "1"
+                })}>
+                    {
+                        (props.isLoading === true)
+                            ? (
+                                <CircularLoader
+                                    text="Chargement des options..."
+                                />
+                            )
+                            : (props.options === undefined || props.options.length === 0)
+                                ? (
+                                    <FormatNull
+                                        text="Pas d'options"
+                                    />
+                                )
+                                : props.options.map((option) => (
+                                    <div
+                                        key={option.key}
+                                        onClick={() => {
+                                            if (props.isDisabled === true) return
+                                            if (props.onChange === undefined) return
+                                            if ((props.allowEmpty === true) && (option.key === props.value)) {
+                                                props.onChange(undefined)
+                                                setOpen(false)
+                                                return
+                                            }
+                                            props.onChange(output(option.key))
+                                            setOpen(false)
+                                        }}
+                                        className={cx(
+                                            css({
+                                                position: "relative",
+                                                w: "full",
+                                                display: "flex",
+                                                justifyContent: "space-between",
+                                                alignItems: "center",
+                                                gap: "2",
+                                                p: "2",
+                                                rounded: "sm",
+                                                border: "1px solid transparent",
+                                                cursor: "pointer"
+                                            }),
+                                            css(option.key === props.value
+                                                ? { bg: "neutral/5", borderColor: "neutral/5" }
+                                                : { bg: "none", _hover: { bg: "neutral/5", borderColor: "neutral/5" } }
+                                            )
+                                        )}
+                                    >
+                                        <span
+                                            className={cx(
+                                                css({
+                                                    fontSize: "sm",
+                                                    lineHeight: "none",
+                                                    fontWeight: "medium"
+                                                }),
+                                                css(option.key === props.value ? { color: "neutral" } : {})
+                                            )}
+                                        >
+                                            {option.label}
+                                        </span>
+                                        <IconCheck
+                                            className={cx(
+                                                css({
+                                                    minW: "16px",
+                                                    w: "16px",
+                                                    minH: "16px",
+                                                    h: "16px",
+                                                    color: "neutral"
+                                                }),
+                                                css(option.key === props.value
+                                                    ? { opacity: "1", strokeWidth: "2" }
+                                                    : { opacity: "0" }
+                                                )
+                                            )}
+                                        />
+                                    </div>
+                                ))
+                    }
+                </div>
+            </Popover.Content>
+        </Popover.Root>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputSwitch.tsx b/packages/dashboard/src/components/inputs/inputSwitch.tsx
index 9b8f48e..cdb1153 100644
--- a/packages/dashboard/src/components/inputs/inputSwitch.tsx
+++ b/packages/dashboard/src/components/inputs/inputSwitch.tsx
@@ -1,42 +1,64 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-import { ComponentProps } from "react"
-
-
-type InputSwitch = Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange"> & {
-    value: boolean
-    onChange: (value: boolean) => void
-}
-
-export function InputSwitch(props: InputSwitch) {
-    function input(value: boolean | undefined | null) {
-        if (!value) return false
-        return value
-    }
-
-    function output(value: boolean) {
-        return value
-    }
-
-    return (
-        <SwitchPrimitives.Root
-            // {...props}
-            ref={props.ref}
-            className={cn(
-                "inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border border-neutral/25 disabled:cursor-not-allowed disabled:opacity-50 bg-white data-[state=checked]:bg-success/5 data-[state=checked]:border-neutral",
-                "focus:shadow-inner ",
-                props.className
-            )}
-            checked={input(props.value)}
-            onCheckedChange={(checked) => props.onChange(output(checked))}
-            autoFocus={props.autoFocus}
-        >
-            <SwitchPrimitives.Thumb
-                className={cn(
-                    "pointer-events-none block h-4 w-4 rounded-full data-[state=checked]:bg-neutral data-[state=unchecked]:bg-neutral/10 shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-1"
-                )}
-            />
-        </SwitchPrimitives.Root>
-    )
-}
+
+import { css, cx } from "../../utilities/cn.js"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+import { ComponentProps } from "react"
+
+
+type InputSwitch = Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange"> & {
+    value: boolean
+    onChange: (value: boolean) => void
+}
+
+export function InputSwitch(props: InputSwitch) {
+    function input(value: boolean | undefined | null) {
+        if (!value) return false
+        return value
+    }
+
+    function output(value: boolean) {
+        return value
+    }
+
+    return (
+        <SwitchPrimitives.Root
+            // {...props}
+            ref={props.ref}
+            className={cx(
+                css({
+                    display: "inline-flex",
+                    h: "6",
+                    w: "10",
+                    flexShrink: "0",
+                    cursor: "pointer",
+                    alignItems: "center",
+                    rounded: "full",
+                    border: "1px solid",
+                    borderColor: "neutral/25",
+                    _disabled: { cursor: "not-allowed", opacity: "0.5" },
+                    bg: "white",
+                    _checked: { bg: "success/5", borderColor: "neutral" },
+                    _focus: { shadow: "inset" }
+                }),
+                props.className
+            )}
+            checked={input(props.value)}
+            onCheckedChange={(checked) => props.onChange(output(checked))}
+            autoFocus={props.autoFocus}
+        >
+            <SwitchPrimitives.Thumb
+                className={css({
+                    pointerEvents: "none",
+                    display: "block",
+                    h: "4",
+                    w: "4",
+                    rounded: "full",
+                    _checked: { bg: "neutral", transform: "translateX(18px)" },
+                    bg: "neutral/10",
+                    transform: "translateX(4px)",
+                    shadow: "lg",
+                    transition: "transform"
+                })}
+            />
+        </SwitchPrimitives.Root>
+    )
+}
diff --git a/packages/dashboard/src/components/inputs/inputText.tsx b/packages/dashboard/src/components/inputs/inputText.tsx
index 714ee82..6a2c27f 100644
--- a/packages/dashboard/src/components/inputs/inputText.tsx
+++ b/packages/dashboard/src/components/inputs/inputText.tsx
@@ -1,46 +1,62 @@
-import { cn } from "#/utilities/cn.js"
-import { InputHTMLAttributes } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    error?: FieldError
-    value?: string | null | undefined
-    onChange?: (value?: string | null | undefined) => void
-}
-
-export function InputText(props: InputText) {
-    function input(value: string | undefined | null) {
-        if (!value) return ""
-        return value
-    }
-
-    function output(value: string | undefined | null) {
-        if (!value) return null
-        return value
-    }
-
-    return (
-        <div
-            className={cn(
-                "w-full h-[32px] flex justify-between items-center gap-2 border border-solid rounded-sm",
-                "focus-within:border-neutral/50 focus-within:shadow-inner",
-                (!props.error) ? "border-neutral/25" : "border-error",
-                props.className
-            )}
-        >
-            <input
-                {...props}
-                type="text"
-                className={cn(
-                    "w-full h-full text-sm leading-none placeholder:text-neutral/25 bg-transparent p-2 rounded-md",
-                )}
-                value={input(props.value)}
-                onChange={(e) => {
-                    if (!props.onChange) return
-                    props?.onChange(output(e.currentTarget.value))
-                }}
-            />
-        </div>
-    )
+import { css, cx } from "../../utilities/cn.js"
+import { InputHTMLAttributes } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    error?: FieldError
+    value?: string | null | undefined
+    onChange?: (value?: string | null | undefined) => void
+}
+
+export function InputText(props: InputText) {
+    function input(value: string | undefined | null) {
+        if (!value) return ""
+        return value
+    }
+
+    function output(value: string | undefined | null) {
+        if (!value) return null
+        return value
+    }
+
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    h: "32px",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "2",
+                    border: "1px solid",
+                    rounded: "sm",
+                    _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                }),
+                css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
+                props.className
+            )}
+        >
+            <input
+                {...props}
+                type="text"
+                className={css({
+                    w: "full",
+                    h: "full",
+                    fontSize: "sm",
+                    lineHeight: "none",
+                    _placeholder: { color: "neutral/25" },
+                    bg: "transparent",
+                    p: "2",
+                    rounded: "md"
+                })}
+                value={input(props.value)}
+                onChange={(e) => {
+                    if (!props.onChange) return
+                    props?.onChange(output(e.currentTarget.value))
+                }}
+            />
+        </div>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/inputs/inputTextArea.tsx b/packages/dashboard/src/components/inputs/inputTextArea.tsx
index fa75cee..907609d 100644
--- a/packages/dashboard/src/components/inputs/inputTextArea.tsx
+++ b/packages/dashboard/src/components/inputs/inputTextArea.tsx
@@ -1,48 +1,64 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentPropsWithRef, useRef } from 'react'
-import { FieldError } from 'react-hook-form'
-
-
-export function InputTextArea(props:
-    & Omit<ComponentPropsWithRef<"textarea">, "value" | "onChange">
-    & {
-        error?: FieldError
-        value?: string | null
-        onChange: (value?: string | null | undefined) => void
-    }
-) {
-    const textAreaRef = useRef<HTMLTextAreaElement | null>(null)
-
-    function input(value: string | undefined | null) {
-        if (!value) return ""
-        return value
-    }
-
-    function output(value: string) {
-        if (!value) return null
-        return value
-    }
-
-    return (
-        <textarea
-            {...props}
-            ref={textAreaRef}
-            className={cn(
-                "w-full min-h-[128px] flex justify-center items-center gap-2 p-2 border rounded-sm text-sm placeholder:text-neutral/50",
-                "focus:border-neutral/50 focus:shadow-inner outline-none",
-                (!props.error) ? "border-neutral/25" : "border-error",
-                "shrink-0 resize-none field-sizing-content h-fit overflow-auto",
-                props.className
-            )}
-            value={input(props.value)}
-            onChange={(e) => {
-                if (!props.onChange) return
-                props?.onChange(output(e.currentTarget.value))
-
-                if (!textAreaRef.current) return
-                textAreaRef.current.style.height = "auto" // will not work without this!
-                textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`
-            }}
-        />
-    )
-} 
\ No newline at end of file
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentPropsWithRef, useRef } from 'react'
+import { FieldError } from 'react-hook-form'
+
+
+export function InputTextArea(props:
+    & Omit<ComponentPropsWithRef<"textarea">, "value" | "onChange">
+    & {
+        error?: FieldError
+        value?: string | null
+        onChange: (value?: string | null | undefined) => void
+    }
+) {
+    const textAreaRef = useRef<HTMLTextAreaElement | null>(null)
+
+    function input(value: string | undefined | null) {
+        if (!value) return ""
+        return value
+    }
+
+    function output(value: string) {
+        if (!value) return null
+        return value
+    }
+
+    return (
+        <textarea
+            {...props}
+            ref={textAreaRef}
+            className={cx(
+                css({
+                    w: "full",
+                    minH: "128px",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    gap: "2",
+                    p: "2",
+                    border: "1px solid",
+                    rounded: "sm",
+                    fontSize: "sm",
+                    _placeholder: { color: "neutral/50" },
+                    _focus: { borderColor: "neutral/50", shadow: "inset" },
+                    outline: "none",
+                    flexShrink: "0",
+                    resize: "none",
+                    h: "fit",
+                    overflow: "auto"
+                }),
+                css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
+                props.className
+            )}
+            value={input(props.value)}
+            onChange={(e) => {
+                if (!props.onChange) return
+                props?.onChange(output(e.currentTarget.value))
+
+                if (!textAreaRef.current) return
+                textAreaRef.current.style.height = "auto" // will not work without this!
+                textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`
+            }}
+        />
+    )
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/inputs/inputToggle.tsx b/packages/dashboard/src/components/inputs/inputToggle.tsx
index 3857fae..b8b2aba 100644
--- a/packages/dashboard/src/components/inputs/inputToggle.tsx
+++ b/packages/dashboard/src/components/inputs/inputToggle.tsx
@@ -1,58 +1,78 @@
-
-import { Button } from "#/components/buttons/button.js"
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { cn } from "#/utilities/cn.js"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-import { ComponentProps, JSX } from "react"
-
-
-export function InputToggle<TValue extends (string | boolean)>(props:
-    Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange">
-    & {
-        value: TValue | null | undefined
-        onChange: (value: TValue | null | undefined) => void
-        options: Array<{
-            icon?: JSX.Element
-            label?: string
-            value: TValue
-        }>
-    }
-) {
-    return (
-        <div className={cn(
-            "w-fit h-[32px] flex justify-start items-center border border-neutral/20 rounded-sm cursor-pointer",
-            "focus:border-neutral/50 focus:shadow-inner outline-none",
-        )}
-        >
-            {
-                props.options.map((option, index) => {
-                    const isSelected = (props.value === option.value)
-                    return (
-                        <Button
-                            key={`option_${index}`}
-                            onClick={() => {
-                                if (isSelected === true) {
-                                    props.onChange(null)
-                                    return
-                                }
-                                props.onChange(option.value)
-                            }}
-                            className={cn(
-                                "border-r border-neutral/5 last:border-none"
-                            )}
-                        >
-                            <ButtonGhostContent
-                                className={cn(
-                                    "duration-200 ease-in-out rounded-none border-none",
-                                    (isSelected === true) ? "bg-neutral/10 outline outline-solid outline-neutral rounded-sm" : ""
-                                )}
-                                text={option.label}
-                                icon={option.icon}
-                            />
-                        </Button>
-                    )
-                })
-            }
-        </div>
-    )
-}
+
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css, cx } from "../../utilities/cn.js"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+import { ComponentProps, JSX } from "react"
+
+
+export function InputToggle<TValue extends (string | boolean)>(props:
+    Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange">
+    & {
+        value: TValue | null | undefined
+        onChange: (value: TValue | null | undefined) => void
+        options: Array<{
+            icon?: JSX.Element
+            label?: string
+            value: TValue
+        }>
+    }
+) {
+    return (
+        <div className={css({
+            w: "fit",
+            h: "32px",
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            border: "1px solid",
+            borderColor: "neutral/20",
+            rounded: "sm",
+            cursor: "pointer",
+            _focus: { borderColor: "neutral/50", shadow: "inset" },
+            outline: "none"
+        })}
+        >
+            {
+                props.options.map((option, index) => {
+                    const isSelected = (props.value === option.value)
+                    return (
+                        <Button
+                            key={`option_${index}`}
+                            onClick={() => {
+                                if (isSelected === true) {
+                                    props.onChange(null)
+                                    return
+                                }
+                                props.onChange(option.value)
+                            }}
+                            className={css({
+                                borderRight: "1px solid",
+                                borderColor: "neutral/5",
+                                _last: { borderRight: "none" }
+                            })}
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                className={cx(
+                                    css({
+                                        transition: "all 200ms ease-in-out",
+                                        rounded: "none",
+                                        border: "none"
+                                    }),
+                                    css(isSelected ? {
+                                        bg: "neutral/10",
+                                        outline: "1px solid",
+                                        outlineColor: "neutral",
+                                        rounded: "sm"
+                                    } : {})
+                                )}
+                                text={option.label}
+                                icon={option.icon}
+                            />
+                        </Button>
+                    )
+                })
+            }
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
index 797f93a..5ba90c1 100644
--- a/packages/dashboard/src/components/layouts/banner.tsx
+++ b/packages/dashboard/src/components/layouts/banner.tsx
@@ -1,4 +1,4 @@
-import { cn } from "#/utilities/cn.js"
+import { css, cx } from "../../utilities/cn.js"
 import { colorVariant } from "@arrhes/application-metadata/components"
 import { IconAlertHexagon, IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
 import { ComponentProps, ReactElement } from "react"
@@ -16,41 +16,48 @@ export function Banner(props: {
     const banners = {
         "neutral": {
             icon: null,
-            bg: "bg-background",
-            text: "text-neutral"
+            bg: css({ bg: "background" }),
+            text: css({ color: "neutral" })
         },
         "information": {
-            icon: <IconInfoSquare size={20} className="text-information" />,
-            bg: "bg-information/5",
-            text: "text-information"
+            icon: <IconInfoSquare size={20} className={css({ color: "information" })} />,
+            bg: css({ bg: "information/5" }),
+            text: css({ color: "information" })
         },
         "error": {
-            icon: <IconAlertTriangle size={20} className="text-error" />,
-            bg: "bg-error/5",
-            text: "text-error"
+            icon: <IconAlertTriangle size={20} className={css({ color: "error" })} />,
+            bg: css({ bg: "error/5" }),
+            text: css({ color: "error" })
         },
         "warning": {
-            icon: <IconAlertHexagon size={20} className="text-warning" />,
-            bg: "bg-warning/5",
-            text: "text-warning"
+            icon: <IconAlertHexagon size={20} className={css({ color: "warning" })} />,
+            bg: css({ bg: "warning/5" }),
+            text: css({ color: "warning" })
         },
         "success": {
-            icon: <IconCircleCheck size={20} className="text-success" />,
-            bg: "bg-success/5",
-            text: "text-success"
+            icon: <IconCircleCheck size={20} className={css({ color: "success" })} />,
+            bg: css({ bg: "success/5" }),
+            text: css({ color: "success" })
         }
     }
 
     return (
         <div
-            className={cn(
-                "w-full p-4 flex justify-start items-start gap-2 rounded-md",
+            className={cx(
+                css({
+                    w: "full",
+                    p: "4",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "2",
+                    rounded: "md"
+                }),
                 banners[props?.variant ?? "neutral"].bg,
                 props.className
             )}
         >
-            <p className={cn(
-                "",
+            <p className={cx(
                 banners[props?.variant ?? "neutral"].text,
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
index f8cf8bb..6355020 100644
--- a/packages/dashboard/src/components/layouts/box.tsx
+++ b/packages/dashboard/src/components/layouts/box.tsx
@@ -1,20 +1,33 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function Box(props: {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "min-w-0 w-full max-w-full h-fit shrink-0 flex flex-col justify-start items-start overflow-x-auto",
-                "border border-neutral/10 rounded-md",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function Box(props: {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    minW: "0",
+                    w: "full",
+                    maxW: "full",
+                    h: "fit",
+                    flexShrink: "0",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    overflowX: "auto",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    rounded: "md"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/card/cardContent.tsx b/packages/dashboard/src/components/layouts/card/cardContent.tsx
index a41967b..78d574f 100644
--- a/packages/dashboard/src/components/layouts/card/cardContent.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardContent.tsx
@@ -1,19 +1,26 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function CardContent(props: {
-    className?: ComponentProps<'div'>['className']
-    children: ReactElement | ReactElement[]
-}) {
-    return (
-        <div
-            className={cn(
-                "w-full h-fit flex flex-col justify-start items-start",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function CardContent(props: {
+    className?: ComponentProps<'div'>['className']
+    children: ReactElement | ReactElement[]
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/card/cardHeader.tsx b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
index 3b86cbd..5eae176 100644
--- a/packages/dashboard/src/components/layouts/card/cardHeader.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
@@ -1,20 +1,28 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactNode } from "react"
-
-
-
-export function CardHeader(props: {
-    children?: ReactNode
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "w-full h-fit flex justify-between items-start gap-2 p-2",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactNode } from "react"
+
+
+
+export function CardHeader(props: {
+    children?: ReactNode
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    h: "fit",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "flex-start",
+                    gap: "2",
+                    p: "2"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
index f2ade7d..4da79b1 100644
--- a/packages/dashboard/src/components/layouts/card/cardRoot.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
@@ -1,21 +1,32 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-type CardRoot = {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'div'>['className']
-}
-
-export function CardRoot(props: CardRoot) {
-    return (
-        <div
-            className={cn(
-                "w-full shrink-0 flex-1 flex flex-col justify-start items-stretch overflow-auto",
-                "border border-neutral/10 rounded-md",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+type CardRoot = {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'div'>['className']
+}
+
+export function CardRoot(props: CardRoot) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    flexShrink: "0",
+                    flex: "1",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "stretch",
+                    overflow: "auto",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    rounded: "md"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/chip.tsx b/packages/dashboard/src/components/layouts/chip.tsx
index 9b534ef..d1417dc 100644
--- a/packages/dashboard/src/components/layouts/chip.tsx
+++ b/packages/dashboard/src/components/layouts/chip.tsx
@@ -1,67 +1,79 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps } from "react"
-
-
-export type ChipColors = "neutral" | "error" | "warning" | "success" | "information"
-
-const chipColors = {
-    "neutral": {
-        bg: "bg-neutral/5",
-        border: "border-neutral/10",
-        text: "text-neutral"
-    },
-    "information": {
-        bg: "bg-information/5",
-        border: "border-information/10",
-        text: "text-information"
-    },
-    "error": {
-        bg: "bg-error/5",
-        border: "border-error/10",
-        text: "text-error"
-    },
-    "warning": {
-        bg: "bg-warning/5",
-        border: "border-warning/10",
-        text: "text-warning"
-    },
-    "success": {
-        bg: "bg-success/5",
-        border: "border-success/10",
-        text: "text-success"
-    }
-}
-
-export function Chip(props: {
-    text: string | null | undefined
-    color?: ChipColors
-    className?: ComponentProps<'div'>['className']
-}) {
-    if (props.text === null) {
-        return (null)
-    }
-    if (props.text === undefined) {
-        return (null)
-    }
-
-    return (
-        <div
-            className={cn(
-                "w-fit h-fit px-2 py-1 flex justify-start items-center",
-                "border-none",
-                chipColors[props?.color ?? "neutral"].border,
-                chipColors[props?.color ?? "neutral"].bg,
-                props.className
-            )}
-        >
-            <span
-                className={cn(
-                    "text-[10px] leading-none text-neutral/75",
-                    chipColors[props?.color ?? "neutral"].text
-                )}
-            >
-                {props.text}
-            </span>
-        </div>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+export type ChipColors = "neutral" | "error" | "warning" | "success" | "information"
+
+const chipColors = {
+    "neutral": {
+        bg: css({ bg: "neutral/5" }),
+        border: css({ borderColor: "neutral/10" }),
+        text: css({ color: "neutral" })
+    },
+    "information": {
+        bg: css({ bg: "information/5" }),
+        border: css({ borderColor: "information/10" }),
+        text: css({ color: "information" })
+    },
+    "error": {
+        bg: css({ bg: "error/5" }),
+        border: css({ borderColor: "error/10" }),
+        text: css({ color: "error" })
+    },
+    "warning": {
+        bg: css({ bg: "warning/5" }),
+        border: css({ borderColor: "warning/10" }),
+        text: css({ color: "warning" })
+    },
+    "success": {
+        bg: css({ bg: "success/5" }),
+        border: css({ borderColor: "success/10" }),
+        text: css({ color: "success" })
+    }
+}
+
+export function Chip(props: {
+    text: string | null | undefined
+    color?: ChipColors
+    className?: ComponentProps<'div'>['className']
+}) {
+    if (props.text === null) {
+        return (null)
+    }
+    if (props.text === undefined) {
+        return (null)
+    }
+
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "fit",
+                    h: "fit",
+                    px: "2",
+                    py: "1",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    border: "none"
+                }),
+                chipColors[props?.color ?? "neutral"].border,
+                chipColors[props?.color ?? "neutral"].bg,
+                props.className
+            )}
+        >
+            <span
+                className={cx(
+                    css({
+                        fontSize: "10px",
+                        lineHeight: "none",
+                        color: "neutral/75"
+                    }),
+                    chipColors[props?.color ?? "neutral"].text
+                )}
+            >
+                {props.text}
+            </span>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/circularLoader.tsx b/packages/dashboard/src/components/layouts/circularLoader.tsx
index 975bcac..200b67d 100644
--- a/packages/dashboard/src/components/layouts/circularLoader.tsx
+++ b/packages/dashboard/src/components/layouts/circularLoader.tsx
@@ -1,33 +1,3 @@
-import { cn } from "#/utilities/cn.js"
-import { IconLoader2 } from "@tabler/icons-react"
-import { ComponentProps } from "react"
-
-
-type CircularLoader = {
-    text?: string
-    className?: ComponentProps<'div'>['className']
-    size?: number
-}
-
-export function CircularLoader(props: CircularLoader) {
-    return (
-        <div className={cn(
-            "flex justify-start items-center gap-2",
-            props.className
-        )}>
-            <IconLoader2
-                size={props.size ?? 16}
-                className="animate-spin stroke-neutral/50"
-            />
-            {
-                (props.text === undefined)
-                    ? (null)
-                    : (
-                        <span className="text-xs leading-none text-neutral/25 italic whitespace-nowrap">
-                            {props.text}
-                        </span>
-                    )
-            }
-        </div>
-    )
-}
+// Re-export from @arrhes/ui for backwards compatibility
+// New code should import directly from @arrhes/ui
+export { CircularLoader } from "@arrhes/ui"
diff --git a/packages/dashboard/src/components/layouts/command.tsx b/packages/dashboard/src/components/layouts/command.tsx
index 2b986ba..b9d1c51 100644
--- a/packages/dashboard/src/components/layouts/command.tsx
+++ b/packages/dashboard/src/components/layouts/command.tsx
@@ -1,135 +1,251 @@
-import { cn } from "#/utilities/cn.js"
-import { Dialog, DialogContent, DialogProps } from "@radix-ui/react-dialog"
-import { IconSearch } from "@tabler/icons-react"
-import { Command as CommandPrimitive } from "cmdk"
-import * as React from "react"
-
-
-export const Command = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive>
->(({ className, ...props }, ref) => (
-    <CommandPrimitive
-        ref={ref}
-        className={cn(
-            "flex h-full w-full flex-col overflow-auto rounded-[inherit] bg-white",
-            className
-        )}
-        {...props}
-    />
-))
-
-interface CommandDialogProps extends DialogProps { }
-
-export const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
-    return (
-        <Dialog {...props}>
-            <DialogContent className="overflow-auto p-0 shadow-lg">
-                <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-slate-400">
-                    {children}
-                </Command>
-            </DialogContent>
-        </Dialog>
-    )
-}
-
-export const CommandInput = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.Input>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
->(({ className, ...props }, ref) => (
-    <div className="h-[40px] flex items-center gap-2 p-2 border-b border-neutral/10" cmdk-input-wrapper="">
-        <IconSearch className="h-4 w-4 shrink-0 opacity-50" />
-        <CommandPrimitive.Input
-            ref={ref}
-            className={cn(
-                "flex w-full rounded-md bg-transparent text-base outline-none placeholder:text-neutral/50 disabled:cursor-not-allowed disabled:opacity-50",
-                className
-            )}
-            {...props}
-        />
-    </div>
-))
-
-
-export const CommandList = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.List>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
->(({ className, ...props }, ref) => (
-    <CommandPrimitive.List
-        ref={ref}
-        className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
-        {...props}
-    />
-))
-
-
-export const CommandEmpty = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.Empty>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->(function (props, ref) {
-    // const render = useCommandState((state) => state.filtered.count === 0)
-
-    // if (!render) return null
-    return (
-        <CommandPrimitive.Empty
-            ref={ref}
-            className="py-6 text-center text-sm"
-            {...props}
-        />
-    )
-})
-
-
-export const CommandGroup = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.Group>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
->(({ className, ...props }, ref) => (
-    <CommandPrimitive.Group
-        ref={ref}
-        className={cn(
-            "overflow-auto text-slate-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 dark:text-slate-50 dark:[&_[cmdk-group-heading]]:text-slate-400",
-            className
-        )}
-        {...props}
-    />
-))
-
-export const CommandSeparator = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.Separator>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
->(({ className, ...props }, ref) => (
-    <CommandPrimitive.Separator
-        ref={ref}
-        className={cn("-mx-1 h-px bg-slate-200 dark:bg-slate-800", className)}
-        {...props}
-    />
-))
-
-export const CommandItem = React.forwardRef<
-    React.ElementRef<typeof CommandPrimitive.Item>,
-    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
->(({ className, ...props }, ref) => (
-    <CommandPrimitive.Item
-        ref={ref}
-        className={cn(
-            "relative flex cursor-default select-none items-center rounded-md-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-slate-100 aria-selected:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-slate-800 dark:aria-selected:text-slate-50",
-            className
-        )}
-        {...props}
-    />
-))
-
-export const CommandShortcut = ({
-    className,
-    ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-    return (
-        <span
-            className={cn(
-                "ml-auto text-xs tracking-widest text-slate-500 ",
-                className
-            )}
-            {...props}
-        />
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { Dialog, DialogContent, DialogProps } from "@radix-ui/react-dialog"
+import { IconSearch } from "@tabler/icons-react"
+import { Command as CommandPrimitive } from "cmdk"
+import * as React from "react"
+
+
+export const Command = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+    <CommandPrimitive
+        ref={ref}
+        className={cx(
+            css({
+                display: "flex",
+                h: "full",
+                w: "full",
+                flexDir: "column",
+                overflow: "auto",
+                rounded: "inherit",
+                bg: "white"
+            }),
+            className
+        )}
+        {...props}
+    />
+))
+
+interface CommandDialogProps extends DialogProps { }
+
+export const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
+    return (
+        <Dialog {...props}>
+            <DialogContent className={css({
+                overflow: "auto",
+                p: "0",
+                shadow: "lg"
+            })}>
+                <Command className={css({
+                    "& [cmdk-group-heading]": {
+                        px: "2",
+                        fontWeight: "medium",
+                        color: "slate.500"
+                    },
+                    "& [cmdk-group]:not([hidden])~[cmdk-group]": {
+                        pt: "0"
+                    },
+                    "& [cmdk-group]": {
+                        px: "2"
+                    },
+                    "& [cmdk-input-wrapper] svg": {
+                        h: "5",
+                        w: "5"
+                    },
+                    "& [cmdk-input]": {
+                        h: "12"
+                    },
+                    "& [cmdk-item]": {
+                        px: "2",
+                        py: "3"
+                    },
+                    "& [cmdk-item] svg": {
+                        h: "5",
+                        w: "5"
+                    }
+                })}>
+                    {children}
+                </Command>
+            </DialogContent>
+        </Dialog>
+    )
+}
+
+export const CommandInput = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.Input>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+    <div className={css({
+        h: "40px",
+        display: "flex",
+        alignItems: "center",
+        gap: "2",
+        p: "2",
+        borderBottom: "1px solid",
+        borderColor: "neutral/10"
+    })} cmdk-input-wrapper="">
+        <IconSearch className={css({
+            h: "4",
+            w: "4",
+            flexShrink: "0",
+            opacity: "0.5"
+        })} />
+        <CommandPrimitive.Input
+            ref={ref}
+            className={cx(
+                css({
+                    display: "flex",
+                    w: "full",
+                    rounded: "md",
+                    bg: "transparent",
+                    fontSize: "base",
+                    outline: "none",
+                    _placeholder: { color: "neutral/50" },
+                    _disabled: {
+                        cursor: "not-allowed",
+                        opacity: "0.5"
+                    }
+                }),
+                className
+            )}
+            {...props}
+        />
+    </div>
+))
+
+
+export const CommandList = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.List>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+    <CommandPrimitive.List
+        ref={ref}
+        className={cx(
+            css({
+                maxH: "300px",
+                overflowY: "auto",
+                overflowX: "hidden"
+            }),
+            className
+        )}
+        {...props}
+    />
+))
+
+
+export const CommandEmpty = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.Empty>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>(function (props, ref) {
+    // const render = useCommandState((state) => state.filtered.count === 0)
+
+    // if (!render) return null
+    return (
+        <CommandPrimitive.Empty
+            ref={ref}
+            className={css({
+                py: "6",
+                textAlign: "center",
+                fontSize: "sm"
+            })}
+            {...props}
+        />
+    )
+})
+
+
+export const CommandGroup = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.Group>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+    <CommandPrimitive.Group
+        ref={ref}
+        className={cx(
+            css({
+                overflow: "auto",
+                color: "slate.950",
+                "& [cmdk-group-heading]": {
+                    px: "2",
+                    py: "1.5",
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "slate.500"
+                }
+            }),
+            className
+        )}
+        {...props}
+    />
+))
+
+export const CommandSeparator = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.Separator>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+    <CommandPrimitive.Separator
+        ref={ref}
+        className={cx(
+            css({
+                mx: "-1",
+                h: "1px",
+                bg: "slate.200"
+            }),
+            className
+        )}
+        {...props}
+    />
+))
+
+export const CommandItem = React.forwardRef<
+    React.ElementRef<typeof CommandPrimitive.Item>,
+    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+    <CommandPrimitive.Item
+        ref={ref}
+        className={cx(
+            css({
+                position: "relative",
+                display: "flex",
+                cursor: "default",
+                userSelect: "none",
+                alignItems: "center",
+                rounded: "sm",
+                px: "2",
+                py: "1.5",
+                fontSize: "sm",
+                outline: "none",
+                _selected: {
+                    bg: "slate.100",
+                    color: "slate.900"
+                },
+                _disabled: {
+                    pointerEvents: "none",
+                    opacity: "0.5"
+                }
+            }),
+            className
+        )}
+        {...props}
+    />
+))
+
+export const CommandShortcut = ({
+    className,
+    ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+    return (
+        <span
+            className={cx(
+                css({
+                    ml: "auto",
+                    fontSize: "xs",
+                    letterSpacing: "widest",
+                    color: "slate.500"
+                }),
+                className
+            )}
+            {...props}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
index 9ace938..b1c7035 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
@@ -1,18 +1,30 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function DataBlockContent(props: {
-    children: null | ReactElement | (null | ReactElement)[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "shrink-0 w-full h-fit grid grid-cols-[max-content_auto] gap-x-4 gap-y-2 p-4 border border-neutral/20 rounded-md",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function DataBlockContent(props: {
+    children: null | ReactElement | (null | ReactElement)[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    flexShrink: "0",
+                    w: "full",
+                    h: "fit",
+                    display: "grid",
+                    gridTemplateColumns: "max-content auto",
+                    columnGap: "4",
+                    rowGap: "2",
+                    p: "4",
+                    border: "1px solid",
+                    borderColor: "neutral/20",
+                    rounded: "md"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
index a6e419f..1077f28 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
@@ -1,19 +1,27 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function DataBlockHeader(props: {
-    children: null | ReactElement | (null | ReactElement)[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "shrink-0 w-full h-fit flex justify-start items-start gap-2",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function DataBlockHeader(props: {
+    children: null | ReactElement | (null | ReactElement)[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    flexShrink: "0",
+                    w: "full",
+                    h: "fit",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "2"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
index cf32c6b..5c6b521 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
@@ -1,38 +1,64 @@
-import { Tooltip } from "#/components/overlays/tooltip/tooltip.js"
-import { IconInfoSquareRounded } from "@tabler/icons-react"
-import { Fragment, ReactElement } from "react"
-
-
-export function DataBlockItem(props: {
-    label: string
-    description?: string
-    children: string | ReactElement
-}) {
-    return (
-        <Fragment>
-            <div className="flex justify-start items-start gap-2">
-                <span className="uppercase text-sm text-neutral/50">{props.label}</span>
-                {
-                    (!props.description) ? null : (
-                        <Tooltip.Root delayDuration={0}>
-                            <Tooltip.Trigger className="cursor-help" onClick={(e) => e.preventDefault()}>
-                                <IconInfoSquareRounded size={16} strokeWidth={1} className="stroke-neutral/50 hover:stroke-neutral hover:fill-neutral/5" />
-                            </Tooltip.Trigger>
-                            <Tooltip.Content className="bg-neutral">
-                                <p className="break-words hyphens-auto text-white text-sm">{props.description}</p>
-                            </Tooltip.Content>
-                        </Tooltip.Root>
-                    )
-                }
-            </div>
-            <div className="flex justify-start items-start gap-2">
-                {
-                    !(props.children instanceof String) ? props.children :
-                        (
-                            <span>{props.children}</span>
-                        )
-                }
-            </div>
-        </Fragment>
-    )
-}
+import { Tooltip } from "../../../components/overlays/tooltip/tooltip.js"
+import { css } from "../../../utilities/cn.js"
+import { IconInfoSquareRounded } from "@tabler/icons-react"
+import { Fragment, ReactElement } from "react"
+
+
+export function DataBlockItem(props: {
+    label: string
+    description?: string
+    children: string | ReactElement
+}) {
+    return (
+        <Fragment>
+            <div className={css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "flex-start",
+                gap: "2"
+            })}>
+                <span className={css({
+                    textTransform: "uppercase",
+                    fontSize: "sm",
+                    color: "neutral/50"
+                })}>{props.label}</span>
+                {
+                    (!props.description) ? null : (
+                        <Tooltip.Root delayDuration={0}>
+                            <Tooltip.Trigger className={css({ cursor: "help" })} onClick={(e) => e.preventDefault()}>
+                                <IconInfoSquareRounded size={16} strokeWidth={1} className={css({
+                                    stroke: "neutral/50",
+                                    _hover: {
+                                        stroke: "neutral",
+                                        fill: "neutral/5"
+                                    }
+                                })} />
+                            </Tooltip.Trigger>
+                            <Tooltip.Content className={css({ bg: "neutral" })}>
+                                <p className={css({
+                                    wordBreak: "break-word",
+                                    hyphens: "auto",
+                                    color: "white",
+                                    fontSize: "sm"
+                                })}>{props.description}</p>
+                            </Tooltip.Content>
+                        </Tooltip.Root>
+                    )
+                }
+            </div>
+            <div className={css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "flex-start",
+                gap: "2"
+            })}>
+                {
+                    !(props.children instanceof String) ? props.children :
+                        (
+                            <span>{props.children}</span>
+                        )
+                }
+            </div>
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
index 9e49f25..b63b027 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
@@ -1,18 +1,27 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function DataBlockRoot(props: {
-    children: null | ReactElement | (null | ReactElement)[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "shrink-0 w-full h-fit flex flex-col justify-start items-stretch gap-2",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function DataBlockRoot(props: {
+    children: null | ReactElement | (null | ReactElement)[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    flexShrink: "0",
+                    w: "full",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "stretch",
+                    gap: "2"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
index a980a29..21a89e4 100644
--- a/packages/dashboard/src/components/layouts/dataTable.tsx
+++ b/packages/dashboard/src/components/layouts/dataTable.tsx
@@ -1,146 +1,222 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { InputDebounced } from "#/components/inputs/inputDebounced.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { cn } from "#/utilities/cn.js"
-import { IconSortAscending, IconSortDescending } from "@tabler/icons-react"
-import {
-    ColumnDef,
-    Row,
-    SortingState,
-    flexRender,
-    getCoreRowModel,
-    getExpandedRowModel,
-    getFilteredRowModel,
-    getSortedRowModel,
-    useReactTable
-} from '@tanstack/react-table'
-import { ReactElement, useMemo, useState } from "react"
-
-
-export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
-    children?: ReactElement | null
-    data: Array<TData>
-    isLoading?: boolean
-    columns: Array<ColumnDef<TData>>
-    onRowClick?: (context: Row<TData>) => void
-}) {
-
-    const memoizedData = useMemo(() => props.data, [props.data])
-    const [globalFilter, setGlobalFilter] = useState("")
-    const [sorting, setSorting] = useState<SortingState>([])
-
-    const table = useReactTable<TData>({
-        data: memoizedData,
-        columns: props.columns.map((column) => ({
-            ...column,
-            enableMultiSort: true
-        })),
-        getRowCanExpand: () => true,
-        getCoreRowModel: getCoreRowModel(),
-        getFilteredRowModel: getFilteredRowModel(),
-        getExpandedRowModel: getExpandedRowModel(),
-        getSortedRowModel: getSortedRowModel(),
-        onGlobalFilterChange: setGlobalFilter,
-        onSortingChange: setSorting,
-        enableMultiSort: true,
-        state: {
-            globalFilter,
-            sorting,
-        }
-    })
-
-    if (props.isLoading) return <CircularLoader className="m-3" />
-    return (
-        <div className="shrink-0 w-full h-fit flex flex-col justify-start items-stretch gap-3">
-            <div className="shrink-0 w-full h-fit flex justify-between items-start gap-4">
-                <InputDebounced
-                    value={globalFilter ?? ""}
-                    onChange={(value) => setGlobalFilter(value)}
-                >
-                    <InputText
-                        placeholder="Recherche"
-                        className="max-w-[320px]"
-                    />
-                </InputDebounced>
-                <div className="flex justify-start items-center gap-2">
-                    {props.children ?? null}
-                </div>
-            </div>
-            <div className="w-full max-w-full max-h-[600px] p-0 flex flex-col justify-start items-stretch overflow-auto rounded-md border border-neutral/10">
-                <table className="w-full max-w-full h-full max-h-full border-collapse">
-                    <thead className="w-full sticky top-0 bg-white">
-                        <tr className="w-full">
-                            {table.getFlatHeaders().map((header) => {
-                                return (
-                                    <th
-                                        key={header.id}
-                                        colSpan={header.colSpan}
-                                        className="w-fit"
-                                    >
-                                        <div className="flex justify-start items-center gap-2 p-2 border-b border-b-neutral/10 border-t-2 border-t-white">
-                                            <ButtonGhost
-                                                onClick={header.column.getToggleSortingHandler()}
-                                                icon={{
-                                                    asc: <IconSortAscending size={16} />,
-                                                    desc: <IconSortDescending size={16} />,
-                                                }[String(header.column.getIsSorted())] ?? undefined}
-                                                text={header.column.columnDef.header?.toString()}
-                                            />
-                                        </div>
-                                    </th>
-                                )
-                            })}
-                        </tr>
-                    </thead>
-                    <tbody className="w-full h-fit">
-                        {
-                            table.getRowModel().rows.length > 0
-                                ? (null)
-                                : (
-                                    <tr>
-                                        <td>
-                                            <FormatNull
-                                                text="Pas de données"
-                                                className="p-2"
-                                            />
-                                        </td>
-                                    </tr>
-                                )
-                        }
-                        {table.getRowModel().rows.map((row) => {
-                            return (
-                                <tr
-                                    key={row.id}
-                                    onClick={(event) => {
-                                        event.stopPropagation()
-                                        if (!props.onRowClick) return
-                                        props.onRowClick(row)
-                                    }}
-                                    className={cn(
-                                        "w-full border-b border-neutral/5 last:border-b-0",
-                                        !props.onRowClick ? "" : "cursor-pointer hover:bg-neutral/5"
-                                    )}
-                                >
-                                    {row.getVisibleCells().map(cell => {
-                                        return (
-                                            <td key={cell.id} className="w-fit last:w-[1%]">
-                                                <div className="flex justify-start items-center p-2" >
-                                                    {flexRender(
-                                                        cell.column.columnDef.cell,
-                                                        cell.getContext()
-                                                    )}
-                                                </div>
-                                            </td>
-                                        )
-                                    })}
-                                </tr>
-                            )
-                        })}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { InputDebounced } from "../../components/inputs/inputDebounced.js"
+import { InputText } from "../../components/inputs/inputText.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { css, cx } from "../../utilities/cn.js"
+import { IconSortAscending, IconSortDescending } from "@tabler/icons-react"
+import {
+    ColumnDef,
+    Row,
+    SortingState,
+    flexRender,
+    getCoreRowModel,
+    getExpandedRowModel,
+    getFilteredRowModel,
+    getSortedRowModel,
+    useReactTable
+} from '@tanstack/react-table'
+import { ReactElement, useMemo, useState } from "react"
+
+
+export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
+    children?: ReactElement | null
+    data: Array<TData>
+    isLoading?: boolean
+    columns: Array<ColumnDef<TData>>
+    onRowClick?: (context: Row<TData>) => void
+}) {
+
+    const memoizedData = useMemo(() => props.data, [props.data])
+    const [globalFilter, setGlobalFilter] = useState("")
+    const [sorting, setSorting] = useState<SortingState>([])
+
+    const table = useReactTable<TData>({
+        data: memoizedData,
+        columns: props.columns.map((column) => ({
+            ...column,
+            enableMultiSort: true
+        })),
+        getRowCanExpand: () => true,
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        onGlobalFilterChange: setGlobalFilter,
+        onSortingChange: setSorting,
+        enableMultiSort: true,
+        state: {
+            globalFilter,
+            sorting,
+        }
+    })
+
+    if (props.isLoading) return <CircularLoader className={css({ m: "3" })} />
+    return (
+        <div className={css({
+            flexShrink: "0",
+            w: "full",
+            h: "fit",
+            display: "flex",
+            flexDir: "column",
+            justifyContent: "flex-start",
+            alignItems: "stretch",
+            gap: "3"
+        })}>
+            <div className={css({
+                flexShrink: "0",
+                w: "full",
+                h: "fit",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                gap: "4"
+            })}>
+                <InputDebounced
+                    value={globalFilter ?? ""}
+                    onChange={(value) => setGlobalFilter(value)}
+                >
+                    <InputText
+                        placeholder="Recherche"
+                        className={css({ maxW: "320px" })}
+                    />
+                </InputDebounced>
+                <div className={css({
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    gap: "2"
+                })}>
+                    {props.children ?? null}
+                </div>
+            </div>
+            <div className={css({
+                w: "full",
+                maxW: "full",
+                maxH: "600px",
+                p: "0",
+                display: "flex",
+                flexDir: "column",
+                justifyContent: "flex-start",
+                alignItems: "stretch",
+                overflow: "auto",
+                rounded: "md",
+                border: "1px solid",
+                borderColor: "neutral/10"
+            })}>
+                <table className={css({
+                    w: "full",
+                    maxW: "full",
+                    h: "full",
+                    maxH: "full",
+                    borderCollapse: "collapse"
+                })}>
+                    <thead className={css({
+                        w: "full",
+                        position: "sticky",
+                        top: "0",
+                        bg: "white"
+                    })}>
+                        <tr className={css({ w: "full" })}>
+                            {table.getFlatHeaders().map((header) => {
+                                return (
+                                    <th
+                                        key={header.id}
+                                        colSpan={header.colSpan}
+                                        className={css({ w: "fit" })}
+                                    >
+                                        <div className={css({
+                                            display: "flex",
+                                            justifyContent: "flex-start",
+                                            alignItems: "center",
+                                            gap: "2",
+                                            p: "2",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/10",
+                                            borderTop: "2px solid",
+                                            borderTopColor: "white"
+                                        })}>
+                                            <Button
+                                                variant="invisible"
+                                                onClick={header.column.getToggleSortingHandler()}
+                                                icon={{
+                                                    asc: <IconSortAscending size={16} />,
+                                                    desc: <IconSortDescending size={16} />,
+                                                }[String(header.column.getIsSorted())] ?? undefined}
+                                                text={header.column.columnDef.header?.toString()}
+                                            />
+                                        </div>
+                                    </th>
+                                )
+                            })}
+                        </tr>
+                    </thead>
+                    <tbody className={css({
+                        w: "full",
+                        h: "fit"
+                    })}>
+                        {
+                            table.getRowModel().rows.length > 0
+                                ? (null)
+                                : (
+                                    <tr>
+                                        <td>
+                                            <FormatNull
+                                                text="Pas de données"
+                                                className={css({ p: "2" })}
+                                            />
+                                        </td>
+                                    </tr>
+                                )
+                        }
+                        {table.getRowModel().rows.map((row) => {
+                            return (
+                                <tr
+                                    key={row.id}
+                                    onClick={(event) => {
+                                        event.stopPropagation()
+                                        if (!props.onRowClick) return
+                                        props.onRowClick(row)
+                                    }}
+                                    className={cx(
+                                        css({
+                                            w: "full",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/5",
+                                            _last: { borderBottom: "0" }
+                                        }),
+                                        !props.onRowClick ? undefined : css({
+                                            cursor: "pointer",
+                                            _hover: { bg: "neutral/5" }
+                                        })
+                                    )}
+                                >
+                                    {row.getVisibleCells().map(cell => {
+                                        return (
+                                            <td key={cell.id} className={css({
+                                                w: "fit",
+                                                _last: { w: "1%" }
+                                            })}>
+                                                <div className={css({
+                                                    display: "flex",
+                                                    justifyContent: "flex-start",
+                                                    alignItems: "center",
+                                                    p: "2"
+                                                })}>
+                                                    {flexRender(
+                                                        cell.column.columnDef.cell,
+                                                        cell.getContext()
+                                                    )}
+                                                </div>
+                                            </td>
+                                        )
+                                    })}
+                                </tr>
+                            )
+                        })}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/dataWrapper.tsx b/packages/dashboard/src/components/layouts/dataWrapper.tsx
index 0815c88..4936cb4 100644
--- a/packages/dashboard/src/components/layouts/dataWrapper.tsx
+++ b/packages/dashboard/src/components/layouts/dataWrapper.tsx
@@ -1,7 +1,7 @@
-import { FormatError } from "#/components/formats/formatError.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { cn } from "#/utilities/cn.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
+import { FormatError } from "../../components/formats/formatError.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { css, cx } from "../../utilities/cn.js"
+import { useDataFromAPI } from "../../utilities/useHTTPData.js"
 import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import { ComponentProps, ReactElement, Suspense } from "react"
 import * as v from "valibot"
@@ -17,7 +17,7 @@ export function DataWrapper<
     loaderProps?: ComponentProps<typeof CircularLoader>
     errorProps?: ComponentProps<typeof FormatError>
 }) {
-    const response = useHTTPData({
+    const response = useDataFromAPI({
         routeDefinition: props.routeDefinition,
         body: props.body,
     })
@@ -28,8 +28,8 @@ export function DataWrapper<
                 <CircularLoader
                     {...props.loaderProps}
                     text={props.loaderProps?.text ?? "Chargement des données..."}
-                    className={cn(
-                        "p-2",
+                    className={cx(
+                        css({ p: "2" }),
                         props.loaderProps?.className,
                     )}
                 />
@@ -39,7 +39,7 @@ export function DataWrapper<
             <FormatError
                 {...props.errorProps}
                 text={props.errorProps?.text ?? "Erreur lors de la récupération des données."}
-                className="p-2"
+                className={css({ p: "2" })}
             />
         )
     }
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
index f836b40..3905afb 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
@@ -1,4 +1,4 @@
-import { cn } from "#/utilities/cn.js"
+import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuContent, DropdownMenuPortal } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
 
@@ -15,10 +15,21 @@ export function DropdownContent(props:
                 alignOffset={props.alignOffset || 0}
                 side={props.side || "bottom"}
                 sideOffset={props.sideOffset || 6}
-                className={cn(
-                    "bg-white rounded-md p-2 shadow-lg flex flex-col justify-start items-stretch gap-0",
-                    "border border-neutral/20",
-                    "min-w-[var(--radix-dropdown-menu-trigger-width)]",
+                className={cx(
+                    css({
+                        bg: "white",
+                        rounded: "md",
+                        p: "2",
+                        shadow: "lg",
+                        display: "flex",
+                        flexDir: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "stretch",
+                        gap: "0",
+                        border: "1px solid",
+                        borderColor: "neutral/20",
+                        minW: "var(--radix-dropdown-menu-trigger-width)"
+                    }),
                     props.className
                 )}
             >
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
index 9b601eb..d1489a7 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
@@ -1,3 +1,4 @@
+import { css } from "../../../utilities/cn.js"
 import { DropdownMenuItem } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
 
@@ -8,7 +9,13 @@ export function DropdownItem(props:
     return (
         <DropdownMenuItem
             {...props}
-            className="w-full flex justify-start items-center outline-none"
+            className={css({
+                w: "full",
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                outline: "none"
+            })}
         >
             {props.children}
         </DropdownMenuItem>
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
index 48f4938..cb37d7b 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
@@ -1,3 +1,4 @@
+import { css } from "../../../utilities/cn.js"
 import { DropdownMenuLabel } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
 
@@ -8,7 +9,13 @@ export function DropdownLabel(props:
     return (
         <DropdownMenuLabel
             {...props}
-            className="w-full flex justify-start items-center outline-none"
+            className={css({
+                w: "full",
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                outline: "none"
+            })}
         >
             {props.children}
         </DropdownMenuLabel>
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
index dda1f89..4dd74b7 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
@@ -1,4 +1,4 @@
-import { cn } from "#/utilities/cn.js"
+import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
 
@@ -10,8 +10,13 @@ export function DropdownSeparator(props:
     return (
         <DropdownMenuSeparator
             {...props}
-            className={cn(
-                "w-full h-[1px] bg-neutral/10 my-2",
+            className={cx(
+                css({
+                    w: "full",
+                    h: "1px",
+                    bg: "neutral/10",
+                    my: "2"
+                }),
                 props.className
             )}
         />
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
index 3f1ad25..5151b75 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
@@ -1,6 +1,6 @@
 
 
-import { cn } from "#/utilities/cn.js"
+import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
 
@@ -11,8 +11,15 @@ export function DropdownTrigger(props:
     return (
         <DropdownMenuTrigger
             {...props}
-            className={cn(
-                "cursor-pointer w-fit flex justify-start items-center outline-none",
+            className={cx(
+                css({
+                    cursor: "pointer",
+                    w: "fit",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    outline: "none"
+                }),
                 props.className
             )}
         >
diff --git a/packages/dashboard/src/components/layouts/logo.tsx b/packages/dashboard/src/components/layouts/logo.tsx
index 3e53aea..8401bc1 100644
--- a/packages/dashboard/src/components/layouts/logo.tsx
+++ b/packages/dashboard/src/components/layouts/logo.tsx
@@ -1,18 +1,27 @@
-
-
-export function Logo() {
-    return (
-        <div className="flex justify-center items-center">
-            <svg
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 1024 1024"
-                className="shrink-0 fill-neutral h-[16px] w-[16px]"
-            >
-                <g>
-                    <polygon points="484 0 0 0 0 474 280 600 280 280 600 280 484 0" />
-                    <polygon points="890 1024 420 1024 550 744 744 744 744 400 1024 288 1024 740 890 1024" />
-                </g>
-            </svg>
-        </div>
-    )
-}
+import { css } from "../../utilities/cn.js"
+
+export function Logo() {
+    return (
+        <div className={css({
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+        })}>
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 1024 1024"
+                className={css({
+                    flexShrink: "0",
+                    fill: "neutral",
+                    h: "16px",
+                    w: "16px"
+                })}
+            >
+                <g>
+                    <polygon points="484 0 0 0 0 474 280 600 280 280 600 280 484 0" />
+                    <polygon points="890 1024 420 1024 550 744 744 744 744 400 1024 288 1024 740 890 1024" />
+                </g>
+            </svg>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index 48cfe3d..6a475ec 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -1,21 +1,30 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-type PageContent = {
-    className?: ComponentProps<'div'>['className']
-    children: ReactElement | ReactElement[]
-}
-
-export function PageContent(props: PageContent) {
-    return (
-        <div
-            className={cn(
-                "w-full max-w-xl h-fit flex flex-col justify-start items-start gap-4",
-                props.className
-            )}
-        >
-            {props.children}
-        </div>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+type PageContent = {
+    className?: ComponentProps<'div'>['className']
+    children: ReactElement | ReactElement[]
+}
+
+export function PageContent(props: PageContent) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    maxW: "xl",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "4"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index c9b4122..5a5d25c 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -1,38 +1,62 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactNode } from "react"
-
-
-
-export function PageHeader(props: {
-    title: string
-    description?: string
-    children?: ReactNode
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "w-full max-w-xl h-fit flex justify-between items-start gap-2",
-                props.className
-            )}
-        >
-            <div className="flex flex-col justify-start items-start">
-                <span className="text-3xl font-semibold whitespace-nowrap">
-                    {props.title}
-                </span>
-                {
-                    (props.description === undefined)
-                        ? null
-                        : (
-                            <span className="text-neutral/50 text-md">
-                                {props.description}
-                            </span>
-                        )
-                }
-            </div>
-            <div className="flex justify-center items-center">
-                {props.children}
-            </div>
-        </div>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactNode } from "react"
+
+
+
+export function PageHeader(props: {
+    title: string
+    description?: string
+    children?: ReactNode
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    maxW: "xl",
+                    h: "fit",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "flex-start",
+                    gap: "2"
+                }),
+                props.className
+            )}
+        >
+            <div className={css({
+                display: "flex",
+                flexDir: "column",
+                justifyContent: "flex-start",
+                alignItems: "flex-start"
+            })}>
+                <span className={css({
+                    fontSize: "3xl",
+                    fontWeight: "semibold",
+                    whiteSpace: "nowrap"
+                })}>
+                    {props.title}
+                </span>
+                {
+                    (props.description === undefined)
+                        ? null
+                        : (
+                            <span className={css({
+                                color: "neutral/50",
+                                fontSize: "md"
+                            })}>
+                                {props.description}
+                            </span>
+                        )
+                }
+            </div>
+            <div className={css({
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center"
+            })}>
+                {props.children}
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index 7157954..b46ba4e 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -1,21 +1,38 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-type PageRoot = {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'div'>['className']
-}
-
-export function PageRoot(props: PageRoot) {
-    return (
-        <div
-            className={cn(
-                "w-full shrink-0 flex-1 flex flex-col justify-start items-center overflow-auto p-4 md:p-8 gap-4 md:gap-8 bg-white",
-                " border-t border-neutral/10",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+type PageRoot = {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'div'>['className']
+}
+
+export function PageRoot(props: PageRoot) {
+    return (
+        <div
+            className={cx(
+                css({
+                    w: "full",
+                    flexShrink: "0",
+                    flex: "1",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    overflow: "auto",
+                    p: "4",
+                    gap: "4",
+                    bg: "white",
+                    borderTop: "1px solid",
+                    borderColor: "neutral/10",
+                    md: {
+                        p: "8",
+                        gap: "8"
+                    }
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
index 7b170c0..9a6b3e5 100644
--- a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
@@ -1,18 +1,23 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps } from "react"
-
-
-type PageSeparator = ComponentProps<"div">
-
-export function PageSeparator(props: PageSeparator) {
-    return (
-        <div
-            className={
-                cn(
-                    "w-full h-[1px] border-b border-neutral/10",
-                    props.className
-                )
-            }
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+type PageSeparator = ComponentProps<"div">
+
+export function PageSeparator(props: PageSeparator) {
+    return (
+        <div
+            className={
+                cx(
+                    css({
+                        w: "full",
+                        h: "1px",
+                        borderBottom: "1px solid",
+                        borderColor: "neutral/10"
+                    }),
+                    props.className
+                )
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/pageLayout.tsx b/packages/dashboard/src/components/layouts/pageLayout.tsx
index 73c7301..5d7684e 100644
--- a/packages/dashboard/src/components/layouts/pageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/pageLayout.tsx
@@ -1,73 +1,123 @@
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { ValidParams, ValidRoutes } from "#/routes/platformRouter.js"
-import { cn } from "#/utilities/cn.js"
-import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
-import { JSX } from "react"
-
-
-export function PageLayout(props: {
-    tabs: Array<{
-        label: string
-        icon: JSX.Element
-        to: ValidRoutes
-        params: ValidParams
-    }> | undefined
-}) {
-    const routeMatches = useMatches()
-    const currentPath = useRouterState({
-        select: (state) => state.matches.at(-1)?.routeId
-    })
-
-    return (
-        <div className="flex-1 shrink-0 w-full min-h-fit flex flex-col justify-start items-start overflow-auto">
-            {
-                props.tabs === undefined
-                    ? null
-                    : (
-                        <div className="w-full flex justify-start items-center gap-2 px-4">
-                            {
-                                props.tabs.map((tab) => {
-                                    const matchRoute = routeMatches.find((match) => match.fullPath === tab.to)
-                                    const isActive = (matchRoute === undefined)
-                                        ? false
-                                        : currentPath?.includes(matchRoute.routeId)
-
-                                    return (
-                                        <div
-                                            key={tab.to}
-                                            aria-current={isActive}
-                                            className="flex flex-col justify-center items-center gap-2 group"
-                                        >
-                                            <Link
-                                                to={tab.to}
-                                                params={tab.params}
-                                                className="flex justify-center items-center gap-2"
-                                            >
-                                                <ButtonGhostContent
-                                                    icon={tab.icon}
-                                                    text={tab.label}
-                                                    color="neutral"
-                                                    isActive={isActive}
-                                                    className="transition-all duration-200 ease-in-out"
-                                                />
-                                            </Link>
-                                            <div
-                                                className={cn(
-                                                    "shrink-0 w-full h-[2px] rounded-full",
-                                                    "transition-all duration-200 ease-in-out",
-                                                    isActive ? "bg-neutral" : "bg-transparent"
-                                                )}
-                                            />
-                                        </div>
-                                    )
-                                })
-                            }
-                        </div>
-                    )
-            }
-            <div className="flex-1 shrink-0 w-full min-h-fit flex justify-start items-stretch overflow-x-hidden overflow-y-auto">
-                <Outlet />
-            </div>
-        </div>
-    )
-}
+import { ButtonContent } from "@arrhes/ui"
+import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
+import { css, cx } from "../../utilities/cn.js"
+import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
+import { JSX } from "react"
+
+
+export function PageLayout(props: {
+    tabs: Array<{
+        label: string
+        icon: JSX.Element
+        to: ValidRoutes
+        params: ValidParams
+    }> | undefined
+}) {
+    const routeMatches = useMatches()
+    const currentPath = useRouterState({
+        select: (state) => state.matches.at(-1)?.routeId
+    }) as unknown as string | undefined
+
+    return (
+        <div className={css({
+            flex: "1",
+            flexShrink: "0",
+            w: "full",
+            minH: "fit",
+            display: "flex",
+            flexDir: "column",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+            overflow: "auto"
+        })}>
+            {
+                props.tabs === undefined
+                    ? null
+                    : (
+                        <div className={css({
+                            w: "full",
+                            display: "flex",
+                            justifyContent: "flex-start",
+                            alignItems: "center",
+                            gap: "2",
+                            px: "4"
+                        })}>
+                            {
+                                props.tabs.map((tab) => {
+                                    const matchRoute = routeMatches.find((match) => match.fullPath === tab.to)
+                                    const isActive = (matchRoute === undefined || !currentPath)
+                                        ? false
+                                        : currentPath.includes(matchRoute.routeId)
+
+                                    return (
+                                        <div
+                                            key={tab.to}
+                                            aria-current={isActive}
+                                            className={css({
+                                                display: "flex",
+                                                flexDir: "column",
+                                                justifyContent: "center",
+                                                alignItems: "center",
+                                                gap: "2"
+                                            })}
+                                        >
+                                            <Link
+                                                to={tab.to}
+                                                params={tab.params}
+                                                className={css({
+                                                    display: "flex",
+                                                    justifyContent: "center",
+                                                    alignItems: "center",
+                                                    gap: "2"
+                                                })}
+                                            >
+                                                <ButtonContent
+                                                    variant="invisible"
+                                                    icon={tab.icon}
+                                                    text={tab.label}
+                                                    color="neutral"
+                                                    isActive={isActive}
+                                                    className={css({
+                                                        transition: "all",
+                                                        transitionDuration: "200ms",
+                                                        transitionTimingFunction: "ease-in-out"
+                                                    })}
+                                                />
+                                            </Link>
+                                            <div
+                                                className={cx(
+                                                    css({
+                                                        flexShrink: "0",
+                                                        w: "full",
+                                                        h: "2px",
+                                                        rounded: "full",
+                                                        transition: "all",
+                                                        transitionDuration: "200ms",
+                                                        transitionTimingFunction: "ease-in-out"
+                                                    }),
+                                                    isActive ? css({ bg: "neutral" }) : css({ bg: "transparent" })
+                                                )}
+                                            />
+                                        </div>
+                                    )
+                                })
+                            }
+                        </div>
+                    )
+            }
+            <div className={css({
+                flex: "1",
+                flexShrink: "0",
+                w: "full",
+                minH: "fit",
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "stretch",
+                overflowX: "hidden",
+                overflowY: "auto"
+            })}>
+                <Outlet />
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/section/sectionItem.tsx b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
index 13b4637..e1a652f 100644
--- a/packages/dashboard/src/components/layouts/section/sectionItem.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
@@ -1,18 +1,29 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function SectionItem(props: {
-    children: null | ReactElement | (null | ReactElement)[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "grow min-w-0 w-full max-w-full h-fit flex flex-col justify-start items-start gap-4",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function SectionItem(props: {
+    children: null | ReactElement | (null | ReactElement)[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    flexGrow: "1",
+                    minW: "0",
+                    w: "full",
+                    maxW: "full",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "4"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
index ef73665..893814c 100644
--- a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
@@ -1,18 +1,29 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function SectionRoot(props: {
-    children: null | ReactElement | (null | ReactElement)[]
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <div
-            className={cn(
-                "grow min-w-0 w-full max-w-full h-fit flex flex-col justify-start items-start gap-8",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function SectionRoot(props: {
+    children: null | ReactElement | (null | ReactElement)[]
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    flexGrow: "1",
+                    minW: "0",
+                    w: "full",
+                    maxW: "full",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "8"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index e6a4490..a796b87 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -1,72 +1,123 @@
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { ValidParams, ValidRoutes } from "#/routes/platformRouter.js"
-import { cn } from "#/utilities/cn.js"
-import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
-import { JSX } from "react"
-
-
-export function SubPageLayout(props: {
-    tabs: Array<{
-        label: string
-        icon: JSX.Element
-        to: ValidRoutes
-        params: ValidParams
-    }> | undefined
-}) {
-    const routeMatches = useMatches()
-    const currentPath = useRouterState({
-        select: (state) => state.matches.at(-1)?.routeId
-    })
-
-    return (
-        <div className="flex-1 shrink w-full max-w-full h-fit flex justify-start items-start gap-4">
-            {
-                props.tabs === undefined
-                    ? (null)
-                    : (
-                        <div className="w-fit flex flex-col justify-start items-stretch gap-2 border-r border-neutral/10">
-                            {
-                                props.tabs.map((tab) => {
-                                    const matchRoute = routeMatches.find((match) => match.fullPath.includes(tab.to ?? ""))
-                                    const isActive = (matchRoute === undefined)
-                                        ? false
-                                        : currentPath === matchRoute.routeId
-
-                                    return (
-                                        <div
-                                            key={tab.to}
-                                            aria-current={isActive}
-                                            className="w-full flex justify-start items-stretch gap-2 group"
-                                        >
-                                            <Link
-                                                to={tab.to}
-                                                params={tab.params}
-                                                className="w-full flex justify-start items-center gap-2"
-                                            >
-                                                <ButtonGhostContent
-                                                    icon={tab.icon}
-                                                    text={tab.label}
-                                                    color="neutral"
-                                                    isActive={isActive}
-                                                    className="w-full transition-all duration-200 ease-in-out"
-                                                />
-                                            </Link>
-                                            <div
-                                                className={cn(
-                                                    "shrink-0 w-[2px] rounded-full",
-                                                    isActive ? "bg-neutral" : "bg-transparent"
-                                                )}
-                                            />
-                                        </div>
-                                    )
-                                })
-                            }
-                        </div>
-                    )
-            }
-            <div className="shrink min-h-fit min-w-0 w-full max-w-full flex flex-col justify-start items-stretch">
-                <Outlet />
-            </div>
-        </div>
-    )
-}
+import { ButtonContent } from "@arrhes/ui"
+import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
+import { css, cx } from "../../utilities/cn.js"
+import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
+import { JSX } from "react"
+
+
+export function SubPageLayout(props: {
+    tabs: Array<{
+        label: string
+        icon: JSX.Element
+        to: ValidRoutes
+        params: ValidParams
+    }> | undefined
+}) {
+    const routeMatches = useMatches()
+    const currentPath = useRouterState({
+        select: (state) => state.matches.at(-1)?.routeId
+    })
+
+    return (
+        <div className={css({
+            flex: "1",
+            flexShrink: "1",
+            w: "full",
+            maxW: "full",
+            h: "fit",
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+            gap: "4"
+        })}>
+            {
+                props.tabs === undefined
+                    ? (null)
+                    : (
+                        <div className={css({
+                            w: "fit",
+                            display: "flex",
+                            flexDir: "column",
+                            justifyContent: "flex-start",
+                            alignItems: "stretch",
+                            gap: "2",
+                            borderRight: "1px solid",
+                            borderColor: "neutral/10"
+                        })}>
+                            {
+                                props.tabs.map((tab) => {
+                                    const matchRoute = routeMatches.find((match) => match.fullPath.includes(tab.to ?? ""))
+                                    const isActive = (matchRoute === undefined)
+                                        ? false
+                                        : currentPath === matchRoute.routeId
+
+                                    return (
+                                        <div
+                                            key={tab.to}
+                                            aria-current={isActive}
+                                            className={css({
+                                                w: "full",
+                                                display: "flex",
+                                                justifyContent: "flex-start",
+                                                alignItems: "stretch",
+                                                gap: "2"
+                                            })}
+                                        >
+                                            <Link
+                                                to={tab.to}
+                                                params={tab.params}
+                                                className={css({
+                                                    w: "full",
+                                                    display: "flex",
+                                                    justifyContent: "flex-start",
+                                                    alignItems: "center",
+                                                    gap: "2"
+                                                })}
+                                            >
+                                                <ButtonContent
+                                                    variant="invisible"
+                                                    icon={tab.icon}
+                                                    text={tab.label}
+                                                    color="neutral"
+                                                    isActive={isActive}
+                                                    className={css({
+                                                        w: "full",
+                                                        transition: "all",
+                                                        transitionDuration: "200ms",
+                                                        transitionTimingFunction: "ease-in-out"
+                                                    })}
+                                                />
+                                            </Link>
+                                            <div
+                                                className={cx(
+                                                    css({
+                                                        flexShrink: "0",
+                                                        w: "2px",
+                                                        rounded: "full"
+                                                    }),
+                                                    isActive ? css({ bg: "neutral" }) : css({ bg: "transparent" })
+                                                )}
+                                            />
+                                        </div>
+                                    )
+                                })
+                            }
+                        </div>
+                    )
+            }
+            <div className={css({
+                flexShrink: "1",
+                minH: "fit",
+                minW: "0",
+                w: "full",
+                maxW: "full",
+                display: "flex",
+                flexDir: "column",
+                justifyContent: "flex-start",
+                alignItems: "stretch"
+            })}>
+                <Outlet />
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
index 482670a..1c68b27 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
@@ -1,25 +1,29 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableBodyCell(props: {
-    children?: ReactElement | null | ReactElement[]
-    className?: ComponentProps<'td'>['className']
-    style?: ComponentProps<'td'>['style']
-    align?: ComponentProps<'td'>['align']
-    colSpan?: ComponentProps<'td'>['colSpan']
-}) {
-    return (
-        <td
-            className={cn(
-                "w-fit p-2 align-top",
-                props.className
-            )}
-            colSpan={props.colSpan}
-            style={props.style}
-            align={props.align ?? "left"}
-        >
-            {props.children}
-        </td>
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableBodyCell(props: {
+    children?: ReactElement | null | ReactElement[]
+    className?: ComponentProps<'td'>['className']
+    style?: ComponentProps<'td'>['style']
+    align?: ComponentProps<'td'>['align']
+    colSpan?: ComponentProps<'td'>['colSpan']
+}) {
+    return (
+        <td
+            className={cx(
+                css({
+                    w: "fit",
+                    p: "2",
+                    verticalAlign: "top"
+                }),
+                props.className
+            )}
+            colSpan={props.colSpan}
+            style={props.style}
+            align={props.align ?? "left"}
+        >
+            {props.children}
+        </td>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
index cd63fb8..82ae41f 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
@@ -1,18 +1,18 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableBodyRoot(props: {
-    children?: ReactElement | null | (ReactElement | null)[]
-    className?: ComponentProps<'tbody'>['className']
-}) {
-    return (
-        <tbody
-            className={cn(
-                "w-full",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableBodyRoot(props: {
+    children?: ReactElement | null | (ReactElement | null)[]
+    className?: ComponentProps<'tbody'>['className']
+}) {
+    return (
+        <tbody
+            className={cx(
+                css({ w: "full" }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
index e139f1e..765b6b2 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
@@ -1,18 +1,23 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableBodyRow(props: {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'tr'>['className']
-}) {
-    return (
-        <tr
-            className={cn(
-                "w-full border-b border-neutral/5 last:border-b-0",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableBodyRow(props: {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'tr'>['className']
+}) {
+    return (
+        <tr
+            className={cx(
+                css({
+                    w: "full",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/5",
+                    _last: { borderBottom: "0" }
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
index 355aca9..d65060c 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
@@ -1,22 +1,26 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableHeaderCell(props: {
-    children?: ReactElement | ReactElement[]
-    className?: ComponentProps<'th'>['className']
-    align?: ComponentProps<'th'>['align']
-    colSpan?: ComponentProps<'td'>['colSpan']
-}) {
-    return (
-        <th
-            className={cn(
-                "w-fit p-2 align-middle",
-                props.className
-            )}
-            colSpan={props.colSpan}
-            align={props.align ?? "left"}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableHeaderCell(props: {
+    children?: ReactElement | ReactElement[]
+    className?: ComponentProps<'th'>['className']
+    align?: ComponentProps<'th'>['align']
+    colSpan?: ComponentProps<'td'>['colSpan']
+}) {
+    return (
+        <th
+            className={cx(
+                css({
+                    w: "fit",
+                    p: "2",
+                    verticalAlign: "middle"
+                }),
+                props.className
+            )}
+            colSpan={props.colSpan}
+            align={props.align ?? "left"}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
index e208c04..e67b0b5 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
@@ -1,18 +1,22 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableHeaderRoot(props: {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'thead'>['className']
-}) {
-    return (
-        <thead
-            className={cn(
-                "w-full border-b border-neutral/10",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableHeaderRoot(props: {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'thead'>['className']
+}) {
+    return (
+        <thead
+            className={cx(
+                css({
+                    w: "full",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/10"
+                }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
index dbba4a1..8ef1302 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
@@ -1,18 +1,18 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps, ReactElement } from "react"
-
-
-export function TableHeaderRow(props: {
-    children: ReactElement | ReactElement[]
-    className?: ComponentProps<'tr'>['className']
-}) {
-    return (
-        <tr
-            className={cn(
-                "w-full",
-                props.className
-            )}
-            children={props.children}
-        />
-    )
-}
+import { css, cx } from "../../../../utilities/cn.js"
+import { ComponentProps, ReactElement } from "react"
+
+
+export function TableHeaderRow(props: {
+    children: ReactElement | ReactElement[]
+    className?: ComponentProps<'tr'>['className']
+}) {
+    return (
+        <tr
+            className={cx(
+                css({ w: "full" }),
+                props.className
+            )}
+            children={props.children}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/table/tableRoot.tsx b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
index 45edd80..e52ae0e 100644
--- a/packages/dashboard/src/components/layouts/table/tableRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
@@ -1,4 +1,4 @@
-import { cn } from "#/utilities/cn.js"
+import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
 
 
@@ -8,8 +8,12 @@ export function TableRoot(props: {
 }) {
     return (
         <table
-            className={cn(
-                "w-full h-fit border-collapse",
+            className={cx(
+                css({
+                    w: "full",
+                    h: "fit",
+                    borderCollapse: "collapse"
+                }),
                 props.className
             )}
             children={props.children}
diff --git a/packages/dashboard/src/components/layouts/title.tsx b/packages/dashboard/src/components/layouts/title.tsx
index 6424869..bf5531f 100644
--- a/packages/dashboard/src/components/layouts/title.tsx
+++ b/packages/dashboard/src/components/layouts/title.tsx
@@ -1,17 +1,21 @@
-import { cn } from "#/utilities/cn.js"
-import { ComponentProps } from "react"
-
-
-export function TitleComponent(props: {
-    children: string
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <span className={cn(
-            "uppercase text-neutral/25 text-base",
-            props.className
-        )}>
-            {props.children}
-        </span>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { ComponentProps } from "react"
+
+
+export function TitleComponent(props: {
+    children: string
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <span className={cx(
+            css({
+                textTransform: "uppercase",
+                color: "neutral/25",
+                fontSize: "base"
+            }),
+            props.className
+        )}>
+            {props.children}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/virtualizer.tsx b/packages/dashboard/src/components/layouts/virtualizer.tsx
index 30fd8a0..04f3b4e 100644
--- a/packages/dashboard/src/components/layouts/virtualizer.tsx
+++ b/packages/dashboard/src/components/layouts/virtualizer.tsx
@@ -1,49 +1,72 @@
-import { cn } from "#/utilities/cn.js"
-import { useVirtualizer } from '@tanstack/react-virtual'
-import { ComponentProps, ReactElement, useRef } from "react"
-
-
-export function Virtualizer<TData extends unknown>(props: {
-    data: Array<TData>
-    children: (data: TData, index: number) => ReactElement | Array<ReactElement> | null
-    childSize?: number
-    className?: ComponentProps<'div'>['className']
-}) {
-    const parentRef = useRef<HTMLDivElement | null>(null)
-
-    const rowVirtualizer = useVirtualizer({
-        count: props.data.length,
-        getScrollElement: () => parentRef.current,
-        estimateSize: () => props.childSize ?? 32,
-    })
-
-    return (
-        <div
-            ref={parentRef}
-            className={cn(
-                "w-full h-full flex flex-col justify-start items-start overflow-auto",
-                props.className
-            )}
-        >
-            <div
-                className="relative w-full h-fit flex flex-col justify-start items-start"
-                style={{
-                    height: `${rowVirtualizer.getTotalSize()}px`,
-                }}
-            >
-                {rowVirtualizer.getVirtualItems().map((virtualItem) => (
-                    <div
-                        key={virtualItem.key}
-                        className='absolute top-0 left-0 min-h-fit h-fit w-full'
-                        style={{
-                            height: `${virtualItem.size}px`,
-                            transform: `translateY(${virtualItem.start}px)`,
-                        }}
-                    >
-                        {props.children(props.data[virtualItem.index], virtualItem.index)}
-                    </div>
-                ))}
-            </div>
-        </div>
-    )
-}
+import { css, cx } from "../../utilities/cn.js"
+import { useVirtualizer } from '@tanstack/react-virtual'
+import { ComponentProps, ReactElement, useRef } from "react"
+
+
+export function Virtualizer<TData extends unknown>(props: {
+    data: Array<TData>
+    children: (data: TData, index: number) => ReactElement | Array<ReactElement> | null
+    childSize?: number
+    className?: ComponentProps<'div'>['className']
+}) {
+    const parentRef = useRef<HTMLDivElement | null>(null)
+
+    const rowVirtualizer = useVirtualizer({
+        count: props.data.length,
+        getScrollElement: () => parentRef.current,
+        estimateSize: () => props.childSize ?? 32,
+    })
+
+    return (
+        <div
+            ref={parentRef}
+            className={cx(
+                css({
+                    w: "full",
+                    h: "full",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    overflow: "auto"
+                }),
+                props.className
+            )}
+        >
+            <div
+                className={css({
+                    position: "relative",
+                    w: "full",
+                    h: "fit",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start"
+                })}
+                style={{
+                    height: `${rowVirtualizer.getTotalSize()}px`,
+                }}
+            >
+                {rowVirtualizer.getVirtualItems().map((virtualItem) => (
+                    <div
+                        key={virtualItem.key}
+                        className={css({
+                            position: "absolute",
+                            top: "0",
+                            left: "0",
+                            minH: "fit",
+                            h: "fit",
+                            w: "full"
+                        })}
+                        style={{
+                            height: `${virtualItem.size}px`,
+                            transform: `translateY(${virtualItem.start}px)`,
+                        }}
+                    >
+                        {props.children(props.data[virtualItem.index], virtualItem.index)}
+                    </div>
+                ))}
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
index 05a7738..74e0191 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
@@ -1,31 +1,52 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentPropsWithRef } from "react"
-import { DialogOverlay } from "./dialogOverlay.js"
-import { DialogPortal } from "./dialogPortal.js"
-
-
-export function DialogContent(props:
-    ComponentPropsWithRef<typeof DialogPrimitive.Content>
-) {
-    return (
-        <DialogPortal>
-            <DialogOverlay>
-                <DialogPrimitive.Content
-                    {...props}
-                    onClick={(e) => e.preventDefault()}
-                    className={cn(
-                        "min-w-full md:min-w-md w-full max-w-md h-fit max-h-full bg-white rounded-md flex flex-col justify-start items-stretch",
-                        // "border border-neutral/20 -outline-offset-0 outline-2 outline-neutral/5 outline-solid",
-                        "border border-neutral/10",
-                        "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-                        props.className
-                    )}
-                >
-                    {props.children}
-                </DialogPrimitive.Content>
-            </DialogOverlay>
-        </DialogPortal>
-    )
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentPropsWithRef } from "react"
+import { DialogOverlay } from "./dialogOverlay.js"
+import { DialogPortal } from "./dialogPortal.js"
+
+
+export function DialogContent(props:
+    ComponentPropsWithRef<typeof DialogPrimitive.Content>
+) {
+    return (
+        <DialogPortal>
+            <DialogOverlay>
+                <DialogPrimitive.Content
+                    {...props}
+                    onClick={(e) => e.preventDefault()}
+                    className={cx(
+                        css({
+                            minW: "full",
+                            w: "full",
+                            maxW: "md",
+                            h: "fit",
+                            maxH: "full",
+                            bg: "white",
+                            rounded: "md",
+                            display: "flex",
+                            flexDir: "column",
+                            justifyContent: "flex-start",
+                            alignItems: "stretch",
+                            border: "1px solid",
+                            borderColor: "neutral/10",
+                            transitionDuration: "200ms",
+                            "&[data-state=open]": {
+                                animation: "fadeIn 0.2s ease-out, zoomIn 0.2s ease-out"
+                            },
+                            "&[data-state=closed]": {
+                                animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
+                            },
+                            md: {
+                                minW: "md"
+                            }
+                        }),
+                        props.className
+                    )}
+                >
+                    {props.children}
+                </DialogPrimitive.Content>
+            </DialogOverlay>
+        </DialogPortal>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx b/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
index 1e99457..7bc6695 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
@@ -1,19 +1,22 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentPropsWithRef } from "react"
-
-
-export function DialogDescription(props:
-    ComponentPropsWithRef<typeof DialogPrimitive.Description>
-) {
-    return (
-        <DialogPrimitive.Description
-            {...props}
-            className={cn(
-                "text-sm text-neutral/50",
-                props.className
-            )}
-        />
-    )
-}
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentPropsWithRef } from "react"
+
+
+export function DialogDescription(props:
+    ComponentPropsWithRef<typeof DialogPrimitive.Description>
+) {
+    return (
+        <DialogPrimitive.Description
+            {...props}
+            className={cx(
+                css({
+                    fontSize: "sm",
+                    color: "neutral/50"
+                }),
+                props.className
+            )}
+        />
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
index e28fb7b..1df1212 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
@@ -1,18 +1,27 @@
-
-import { cn } from "#/utilities/cn.js"
-import { HTMLAttributes } from "react"
-
-
-export function DialogFooter(props:
-    HTMLAttributes<HTMLDivElement>
-) {
-    return (
-        <div
-            {...props}
-            className={cn(
-                "p-4 border-t border-neutral/10 flex flex-wrap justify-end items-center gap-2",
-                props.className
-            )}
-        />
-    )
+
+import { css, cx } from "../../../utilities/cn.js"
+import { HTMLAttributes } from "react"
+
+
+export function DialogFooter(props:
+    HTMLAttributes<HTMLDivElement>
+) {
+    return (
+        <div
+            {...props}
+            className={cx(
+                css({
+                    p: "4",
+                    borderTop: "1px solid",
+                    borderColor: "neutral/10",
+                    display: "flex",
+                    flexWrap: "wrap",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                    gap: "2"
+                }),
+                props.className
+            )}
+        />
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
index 89c9158..ca97069 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
@@ -1,30 +1,41 @@
-
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { IconX } from "@tabler/icons-react"
-import { HTMLAttributes } from "react"
-
-
-export function DialogHeader(props:
-    HTMLAttributes<HTMLDivElement>
-) {
-    return (
-        <div
-            {...props}
-            className={cn(
-                "w-full flex justify-between items-center p-4",
-                props.className
-            )}
-        >
-            <div className="flex justify-start items-start">
-                {props.children}
-            </div>
-            <DialogPrimitive.Close asChild>
-                <ButtonGhost
-                    icon={<IconX />}
-                />
-            </DialogPrimitive.Close>
-        </div>
-    )
+
+import { Button } from "@arrhes/ui"
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { IconX } from "@tabler/icons-react"
+import { HTMLAttributes } from "react"
+
+
+export function DialogHeader(props:
+    HTMLAttributes<HTMLDivElement>
+) {
+    return (
+        <div
+            {...props}
+            className={cx(
+                css({
+                    w: "full",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    p: "4"
+                }),
+                props.className
+            )}
+        >
+            <div className={css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "flex-start"
+            })}>
+                {props.children}
+            </div>
+            <DialogPrimitive.Close asChild>
+                <Button
+                    variant="invisible"
+                    icon={<IconX />}
+                />
+            </DialogPrimitive.Close>
+        </div>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
index 967fa03..fd52acd 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
@@ -1,22 +1,39 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentPropsWithRef } from "react"
-
-
-
-export function DialogOverlay(props:
-    ComponentPropsWithRef<typeof DialogPrimitive.Overlay>
-) {
-    return (
-        <DialogPrimitive.Overlay
-            {...props}
-            // style={{ zIndex: 100 }}
-            className={cn(
-                "fixed z-10 inset-0 w-full h-full flex flex-col justify-center items-center p-6 bg-neutral/20",
-                "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-                props.className
-            )}
-        />
-    )
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentPropsWithRef } from "react"
+
+
+
+export function DialogOverlay(props:
+    ComponentPropsWithRef<typeof DialogPrimitive.Overlay>
+) {
+    return (
+        <DialogPrimitive.Overlay
+            {...props}
+            // style={{ zIndex: 100 }}
+            className={cx(
+                css({
+                    position: "fixed",
+                    zIndex: "10",
+                    inset: "0",
+                    w: "full",
+                    h: "full",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    p: "6",
+                    bg: "neutral/20",
+                    "&[data-state=open]": {
+                        animation: "fadeIn 0.2s ease-out"
+                    },
+                    "&[data-state=closed]": {
+                        animation: "fadeOut 0.2s ease-in"
+                    }
+                }),
+                props.className
+            )}
+        />
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
index 0320fa7..b18b1a5 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
@@ -1,20 +1,24 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentPropsWithRef } from "react"
-
-
-export function DialogTitle(props:
-    ComponentPropsWithRef<typeof DialogPrimitive.Title>
-) {
-    return (
-        <DialogPrimitive.Title
-            {...props}
-            className={cn(
-                "text-xl font-semibold",
-                props.className
-            )}
-        />
-    )
-}
-
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentPropsWithRef } from "react"
+
+
+export function DialogTitle(props:
+    ComponentPropsWithRef<typeof DialogPrimitive.Title>
+) {
+    return (
+        <DialogPrimitive.Title
+            {...props}
+            className={cx(
+                css({
+                    fontSize: "xl",
+                    fontWeight: "semibold"
+                }),
+                props.className
+            )}
+        />
+    )
+}
+
+
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
index 5d76476..c3ab7eb 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
@@ -1,12 +1,21 @@
-import { JSX } from "react"
-
-
-export function DrawerBody(props: {
-    children: JSX.Element
-}) {
-    return (
-        <div className="w-full flex flex-col justify-start items-start gap-4 p-4">
-            {props.children}
-        </div>
-    )
-}
+import { css } from "../../../utilities/cn.js"
+import { JSX } from "react"
+
+
+export function DrawerBody(props: {
+    children: JSX.Element
+}) {
+    return (
+        <div className={css({
+            w: "full",
+            display: "flex",
+            flexDir: "column",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+            gap: "4",
+            p: "4"
+        })}>
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index 1e6e096..fb121e3 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -1,39 +1,77 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentProps } from "react"
-
-
-export function DrawerContent(props:
-    ComponentProps<typeof DialogPrimitive.Content>
-) {
-    return (
-        <DialogPrimitive.Portal>
-            <DialogPrimitive.Overlay
-                className={cn(
-                    "fixed z-10 inset-0 w-full h-full flex justify-end items-center overflow-auto p-2 bg-neutral/25",
-                    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
-                )}
-            >
-                <DialogPrimitive.Content
-                    {...props}
-                    onClick={(e) => {
-                        e.stopPropagation()
-                    }}
-                    className={cn(
-                        "min-w-full md:min-w-md w-full max-w-full md:max-w-md h-full md:max-h-full overflow-auto bg-white rounded-md",
-                        "flex flex-col justify-start items-stretch",
-                        "border-solid border-2 border-neutral/10",
-                        "outline-solid outline-1 outline-offset-[-3px] outline-neutral/50",
-                        "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-                        props.className
-                    )}
-                // onInteractOutside={e => e.preventDefault()}
-                // onPointerDownOutside={e => e.preventDefault()}
-                >
-                    {props.children}
-                </DialogPrimitive.Content>
-            </DialogPrimitive.Overlay>
-        </DialogPrimitive.Portal>
-    )
-}
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentProps } from "react"
+
+
+export function DrawerContent(props:
+    ComponentProps<typeof DialogPrimitive.Content>
+) {
+    return (
+        <DialogPrimitive.Portal>
+            <DialogPrimitive.Overlay
+                className={css({
+                    position: "fixed",
+                    zIndex: "10",
+                    inset: "0",
+                    w: "full",
+                    h: "full",
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                    overflow: "auto",
+                    p: "2",
+                    bg: "neutral/25",
+                    "&[data-state=open]": {
+                        animation: "fadeIn 0.2s ease-out"
+                    },
+                    "&[data-state=closed]": {
+                        animation: "fadeOut 0.2s ease-in"
+                    }
+                })}
+            >
+                <DialogPrimitive.Content
+                    {...props}
+                    onClick={(e) => {
+                        e.stopPropagation()
+                    }}
+                    className={cx(
+                        css({
+                            minW: "full",
+                            w: "full",
+                            maxW: "full",
+                            h: "full",
+                            overflow: "auto",
+                            bg: "white",
+                            rounded: "md",
+                            display: "flex",
+                            flexDir: "column",
+                            justifyContent: "flex-start",
+                            alignItems: "stretch",
+                            border: "2px solid",
+                            borderColor: "neutral/10",
+                            outline: "1px solid",
+                            outlineOffset: "-3px",
+                            outlineColor: "neutral/50",
+                            transitionDuration: "200ms",
+                            "&[data-state=open]": {
+                                animation: "fadeIn 0.2s ease-out, zoomIn 0.2s ease-out"
+                            },
+                            "&[data-state=closed]": {
+                                animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
+                            },
+                            md: {
+                                minW: "md",
+                                maxW: "md",
+                                maxH: "full"
+                            }
+                        }),
+                        props.className
+                    )}
+                >
+                    {props.children}
+                </DialogPrimitive.Content>
+            </DialogPrimitive.Overlay>
+        </DialogPrimitive.Portal>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
index 3be0c87..dfe7d15 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
@@ -1,30 +1,41 @@
-
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { IconX } from "@tabler/icons-react"
-
-
-export function DrawerHeader(props: {
-    title: string | undefined
-}) {
-    return (
-        <div className="w-full flex justify-between items-start gap-4 border-b border-neutral/5 p-4">
-            <DialogPrimitive.Title>
-                {
-                    (props.title === undefined)
-                        ? (null)
-                        : (
-                            <span className="text-2xl">
-                                {props.title}
-                            </span>
-                        )
-                }
-            </DialogPrimitive.Title>
-            <DialogPrimitive.Close asChild>
-                <ButtonGhost
-                    icon={<IconX />}
-                />
-            </DialogPrimitive.Close>
-        </div>
-    )
-}
+
+import { Button } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { IconX } from "@tabler/icons-react"
+
+
+export function DrawerHeader(props: {
+    title: string | undefined
+}) {
+    return (
+        <div className={css({
+            w: "full",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "flex-start",
+            gap: "4",
+            borderBottom: "1px solid",
+            borderColor: "neutral/5",
+            p: "4"
+        })}>
+            <DialogPrimitive.Title>
+                {
+                    (props.title === undefined)
+                        ? (null)
+                        : (
+                            <span className={css({ fontSize: "2xl" })}>
+                                {props.title}
+                            </span>
+                        )
+                }
+            </DialogPrimitive.Title>
+            <DialogPrimitive.Close asChild>
+                <Button
+                    variant="invisible"
+                    icon={<IconX />}
+                />
+            </DialogPrimitive.Close>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
index 10e22f4..72ceb43 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
@@ -1,21 +1,21 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentProps } from "react"
-
-
-export function DrawerTrigger(props:
-    ComponentProps<typeof DialogPrimitive.Trigger>
-) {
-    return (
-        <DialogPrimitive.Trigger
-            {...props}
-            className={cn(
-                "cursor-pointer group",
-                props.className
-            )}
-        >
-            {props.children}
-        </DialogPrimitive.Trigger>
-    )
-}
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { ComponentProps } from "react"
+
+
+export function DrawerTrigger(props:
+    ComponentProps<typeof DialogPrimitive.Trigger>
+) {
+    return (
+        <DialogPrimitive.Trigger
+            {...props}
+            className={cx(
+                css({ cursor: "pointer" }),
+                props.className
+            )}
+        >
+            {props.children}
+        </DialogPrimitive.Trigger>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
index 3165b5a..eb308b7 100644
--- a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
+++ b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
@@ -1,33 +1,38 @@
-import { cn } from "#/utilities/cn.js"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
-import { ComponentProps } from "react"
-
-
-type PopoverContent = ComponentProps<typeof PopoverPrimitive.Content>
-
-export function PopoverContent(props: PopoverContent) {
-    return (
-        <PopoverPrimitive.Portal>
-            <PopoverPrimitive.Content
-                {...props}
-                align={props.align || "start"}
-                alignOffset={props.alignOffset || 0}
-                side={props.side || "bottom"}
-                sideOffset={props.sideOffset || 4}
-                className={cn(
-                    "z-10 bg-white rounded-md shadow-md flex flex-col justify-start items-stretch gap-0",
-                    "min-w-[var(--radix-popover-trigger-width)] max-w-[var(--radix-popover-trigger-width)]",
-                    "border border-neutral/10",
-                    // "border border-neutral/20 -outline-offset-0 outline-2 outline-neutral/5 outline-solid",
-                    props.className
-                )}
-            // className={cn(
-            //     "z-10 h-fit bg-white shadow-lg outline-none rounded-lg",
-            //     "min-w-[var(--radix-popover-trigger-width)] max-w-[100dvw]",
-            //     // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-            //     props.className
-            // )}
-            />
-        </PopoverPrimitive.Portal>
-    )
-}
+import { css, cx } from "../../../utilities/cn.js"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+import { ComponentProps } from "react"
+
+
+type PopoverContent = ComponentProps<typeof PopoverPrimitive.Content>
+
+export function PopoverContent(props: PopoverContent) {
+    return (
+        <PopoverPrimitive.Portal>
+            <PopoverPrimitive.Content
+                {...props}
+                align={props.align || "start"}
+                alignOffset={props.alignOffset || 0}
+                side={props.side || "bottom"}
+                sideOffset={props.sideOffset || 4}
+                className={cx(
+                    css({
+                        zIndex: "10",
+                        bg: "white",
+                        rounded: "md",
+                        shadow: "md",
+                        display: "flex",
+                        flexDir: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "stretch",
+                        gap: "0",
+                        minW: "var(--radix-popover-trigger-width)",
+                        maxW: "var(--radix-popover-trigger-width)",
+                        border: "1px solid",
+                        borderColor: "neutral/10"
+                    }),
+                    props.className
+                )}
+            />
+        </PopoverPrimitive.Portal>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/toast/toastAction.tsx b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
index 61e2e1b..eb4a9bf 100644
--- a/packages/dashboard/src/components/overlays/toast/toastAction.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
@@ -1,18 +1,34 @@
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-export function ToastAction(props:
-    ComponentProps<typeof ToastPrimitives.Action>
-) {
-    return (
-        <ToastPrimitives.Action
-            {...props}
-            className={cn(
-                "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-                props.className
-            )}
-        />
-    )
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { ComponentProps } from "react"
+
+
+export function ToastAction(props:
+    ComponentProps<typeof ToastPrimitives.Action>
+) {
+    return (
+        <ToastPrimitives.Action
+            {...props}
+            className={cx(
+                css({
+                    display: "inline-flex",
+                    h: "8",
+                    flexShrink: "0",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    rounded: "md",
+                    border: "1px solid",
+                    bg: "transparent",
+                    px: "3",
+                    fontSize: "sm",
+                    fontWeight: "medium",
+                    transition: "colors",
+                    _hover: { bg: "secondary" },
+                    _focus: { outline: "none", ring: "1", ringColor: "ring" },
+                    _disabled: { pointerEvents: "none", opacity: "0.5" }
+                }),
+                props.className
+            )}
+        />
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastClose.tsx b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
index 63c1909..8f2d97f 100644
--- a/packages/dashboard/src/components/overlays/toast/toastClose.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
@@ -1,27 +1,33 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { IconX } from "@tabler/icons-react"
-import { ComponentProps } from "react"
-
-
-type ToastClose = ComponentProps<typeof ToastPrimitives.Close>
-
-export function ToastClose(props: ToastClose) {
-    return (
-        <ToastPrimitives.Close
-            {...props}
-            className={cn(
-                "ml-auto opacity-0",
-                "transition-opacity focus:opacity-100 group-hover:opacity-100",
-                props.className
-            )}
-            toast-close=""
-            asChild
-        >
-            <ButtonGhost
-                icon={<IconX />}
-            />
-        </ToastPrimitives.Close>
-    )
-}
+import { Button } from "@arrhes/ui"
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { IconX } from "@tabler/icons-react"
+import { ComponentProps } from "react"
+
+
+type ToastClose = ComponentProps<typeof ToastPrimitives.Close>
+
+export function ToastClose(props: ToastClose) {
+    return (
+        <ToastPrimitives.Close
+            {...props}
+            className={cx(
+                css({
+                    ml: "auto",
+                    opacity: "0",
+                    transition: "opacity",
+                    _focus: { opacity: "1" },
+                    _groupHover: { opacity: "1" }
+                }),
+                props.className
+            )}
+            toast-close=""
+            asChild
+        >
+            <Button
+                variant="invisible"
+                icon={<IconX />}
+            />
+        </ToastPrimitives.Close>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/toast/toastContent.tsx b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
index c801a82..7fcb6b6 100644
--- a/packages/dashboard/src/components/overlays/toast/toastContent.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
@@ -1,66 +1,125 @@
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
-import { cva, VariantProps } from "class-variance-authority"
-import { ComponentProps } from "react"
-
-
-const toastIcons = {
-    error: (
-        <div className="p-2 w-[32px] h-[32px] flex justify-center items-center rounded-sm bg-error/10 border border-error/50">
-            <IconAlertTriangle size={16} className="text-error" />
-        </div>
-    ),
-    success: (
-        <div className="p-2 w-[32px] h-[32px] flex justify-center items-center rounded-sm bg-success/10 border border-success">
-            <IconCircleCheck size={16} className="text-success" />
-        </div>
-    ),
-    warning: (
-        <div className="p-2 w-[32px] h-[32px] flex justify-center items-center rounded-sm bg-warning/10 border border-warning">
-            <IconAlertTriangle size={16} className="text-warning" />
-        </div>
-    ),
-    information: (
-        <div className="p-2 w-[32px] h-[32px] flex justify-center items-center rounded-sm bg-information/10 border border-information">
-            <IconInfoSquare size={16} className="text-information" />
-        </div>
-    )
-}
-const toastVariants = cva(
-    cn(
-        "group pointer-events-auto relative w-full flex items-center justify-start space-x-4 border p-2 rounded-md border border-neutral/10 bg-white",
-        "transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-left-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-        "bg-white"
-    ),
-    {
-        variants: {
-            variant: {
-                error: "text-error",
-                success: "text-success",
-                warning: "text-warning ",
-                information: "text-information"
-            },
-        },
-        defaultVariants: {
-            variant: "information",
-        },
-    }
-)
-
-type ToastContent = ComponentProps<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>
-
-export function ToastContent(props: ToastContent) {
-    return (
-        <ToastPrimitives.Root
-            {...props}
-            className={cn(
-                toastVariants({ variant: props.variant }),
-                props.className
-            )}
-        >
-            {toastIcons[props.variant ?? "information"]}
-            {props.children}
-        </ToastPrimitives.Root>
-    )
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
+import { ComponentProps } from "react"
+
+
+const toastIcons = {
+    error: (
+        <div className={css({
+            p: "2",
+            w: "32px",
+            h: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            rounded: "sm",
+            bg: "error/10",
+            border: "1px solid",
+            borderColor: "error/50"
+        })}>
+            <IconAlertTriangle size={16} className={css({ color: "error" })} />
+        </div>
+    ),
+    success: (
+        <div className={css({
+            p: "2",
+            w: "32px",
+            h: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            rounded: "sm",
+            bg: "success/10",
+            border: "1px solid",
+            borderColor: "success"
+        })}>
+            <IconCircleCheck size={16} className={css({ color: "success" })} />
+        </div>
+    ),
+    warning: (
+        <div className={css({
+            p: "2",
+            w: "32px",
+            h: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            rounded: "sm",
+            bg: "warning/10",
+            border: "1px solid",
+            borderColor: "warning"
+        })}>
+            <IconAlertTriangle size={16} className={css({ color: "warning" })} />
+        </div>
+    ),
+    information: (
+        <div className={css({
+            p: "2",
+            w: "32px",
+            h: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            rounded: "sm",
+            bg: "information/10",
+            border: "1px solid",
+            borderColor: "information"
+        })}>
+            <IconInfoSquare size={16} className={css({ color: "information" })} />
+        </div>
+    )
+}
+
+const variantStyles = {
+    error: css({ color: "error" }),
+    success: css({ color: "success" }),
+    warning: css({ color: "warning" }),
+    information: css({ color: "information" })
+}
+
+type ToastContent = ComponentProps<typeof ToastPrimitives.Root> & {
+    variant?: "error" | "success" | "warning" | "information"
+}
+
+export function ToastContent(props: ToastContent) {
+    return (
+        <ToastPrimitives.Root
+            {...props}
+            className={cx(
+                css({
+                    pointerEvents: "auto",
+                    position: "relative",
+                    w: "full",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "flex-start",
+                    gap: "4",
+                    p: "2",
+                    rounded: "md",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    bg: "white",
+                    transition: "all",
+                    "&[data-swipe=cancel]": { transform: "translateX(0)" },
+                    "&[data-swipe=end]": { transform: "translateX(var(--radix-toast-swipe-end-x))" },
+                    "&[data-swipe=move]": {
+                        transform: "translateX(var(--radix-toast-swipe-move-x))",
+                        transition: "none"
+                    },
+                    "&[data-state=open]": {
+                        animation: "slideInFromBottom 0.2s ease-out"
+                    },
+                    "&[data-state=closed]": {
+                        animation: "fadeOut 0.2s ease-in"
+                    }
+                }),
+                variantStyles[props.variant ?? "information"],
+                props.className
+            )}
+        >
+            {toastIcons[props.variant ?? "information"]}
+            {props.children}
+        </ToastPrimitives.Root>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastDescription.tsx b/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
index 3b153df..d08fed9 100644
--- a/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
@@ -1,18 +1,21 @@
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-type ToastDescription = ComponentProps<typeof ToastPrimitives.Description>
-
-export function ToastDescription(props: ToastDescription) {
-    return (
-        <ToastPrimitives.Description
-            {...props}
-            className={cn(
-                "text-sm text-neutral/50",
-                props.className
-            )}
-        />
-    )
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { ComponentProps } from "react"
+
+
+type ToastDescription = ComponentProps<typeof ToastPrimitives.Description>
+
+export function ToastDescription(props: ToastDescription) {
+    return (
+        <ToastPrimitives.Description
+            {...props}
+            className={cx(
+                css({
+                    fontSize: "sm",
+                    color: "neutral/50"
+                }),
+                props.className
+            )}
+        />
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastTitle.tsx b/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
index 125384e..8b0c4fa 100644
--- a/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
@@ -1,20 +1,26 @@
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-
-export function ToastTitle(props:
-    ComponentProps<typeof ToastPrimitives.Title>
-) {
-    return (
-        <ToastPrimitives.Title
-            {...props}
-            className={cn(
-                "text-base [&+div]:text-xs text-neutral/75 font-semibold",
-                props.className
-            )}
-        />
-    )
-}
-
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { ComponentProps } from "react"
+
+
+
+export function ToastTitle(props:
+    ComponentProps<typeof ToastPrimitives.Title>
+) {
+    return (
+        <ToastPrimitives.Title
+            {...props}
+            className={cx(
+                css({
+                    fontSize: "base",
+                    color: "neutral/75",
+                    fontWeight: "semibold",
+                    "& + div": { fontSize: "xs" }
+                }),
+                props.className
+            )}
+        />
+    )
+}
+
+
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index 868aa9b..9aa3fe7 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -1,18 +1,37 @@
-import { cn } from "#/utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-type ToastViewport = ComponentProps<typeof ToastPrimitives.Viewport>
-
-export function ToastViewport(props: ToastViewport) {
-    return (
-        <ToastPrimitives.Viewport
-            {...props}
-            className={cn(
-                "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse gap-1 p-4 md:bottom-0 right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-                props.className
-            )}
-        />
-    )
+import { css, cx } from "../../../utilities/cn.js"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { ComponentProps } from "react"
+
+
+type ToastViewport = ComponentProps<typeof ToastPrimitives.Viewport>
+
+export function ToastViewport(props: ToastViewport) {
+    return (
+        <ToastPrimitives.Viewport
+            {...props}
+            className={cx(
+                css({
+                    position: "fixed",
+                    top: "0",
+                    zIndex: "100",
+                    display: "flex",
+                    maxH: "screen",
+                    w: "full",
+                    flexDir: "column-reverse",
+                    gap: "1",
+                    p: "4",
+                    right: "0",
+                    sm: {
+                        top: "auto",
+                        flexDir: "column"
+                    },
+                    md: {
+                        bottom: "0",
+                        maxW: "420px"
+                    }
+                }),
+                props.className
+            )}
+        />
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
index 5123c22..d2d4000 100644
--- a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
+++ b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
@@ -1,19 +1,34 @@
-
-import { cn } from "#/utilities/cn.js"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-import { ComponentProps } from "react"
-
-
-export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Content>) {
-    return (
-        <TooltipPrimitive.Content
-            ref={props.ref}
-            sideOffset={props.sideOffset}
-            className={cn(
-                "z-50 overflow-auto max-w-xs rounded-md bg-white px-4 py-3 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-                props.className
-            )}
-            {...props}
-        />
-    )
-}
+
+import { css, cx } from "../../../utilities/cn.js"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import { ComponentProps } from "react"
+
+
+export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Content>) {
+    return (
+        <TooltipPrimitive.Content
+            ref={props.ref}
+            sideOffset={props.sideOffset}
+            className={cx(
+                css({
+                    zIndex: "50",
+                    overflow: "auto",
+                    maxW: "xs",
+                    rounded: "md",
+                    bg: "white",
+                    px: "4",
+                    py: "3",
+                    fontSize: "xs",
+                    "&[data-state=open]": {
+                        animation: "fadeIn 0.2s ease-out, zoomIn 0.2s ease-out"
+                    },
+                    "&[data-state=closed]": {
+                        animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
+                    }
+                }),
+                props.className
+            )}
+            {...props}
+        />
+    )
+}
diff --git a/packages/dashboard/src/contexts/data/dataProvider.tsx b/packages/dashboard/src/contexts/data/dataProvider.tsx
index a8aa901..35b7a77 100644
--- a/packages/dashboard/src/contexts/data/dataProvider.tsx
+++ b/packages/dashboard/src/contexts/data/dataProvider.tsx
@@ -1,14 +1,14 @@
-import { dataClient } from "#/contexts/data/queryClient.js"
-import { QueryClientProvider } from '@tanstack/react-query'
-import { ReactNode } from "react"
-
-
-export function DataProvider(props: {
-    children: ReactNode
-}) {
-    return (
-        <QueryClientProvider client={dataClient}>
-            {props.children}
-        </QueryClientProvider>
-    )
-}
+import { dataClient } from "../../contexts/data/queryClient.js"
+import { QueryClientProvider } from '@tanstack/react-query'
+import { ReactNode } from "react"
+
+
+export function DataProvider(props: {
+    children: ReactNode
+}) {
+    return (
+        <QueryClientProvider client={dataClient}>
+            {props.children}
+        </QueryClientProvider>
+    )
+}
diff --git a/packages/dashboard/src/contexts/router/routerProvider.tsx b/packages/dashboard/src/contexts/router/routerProvider.tsx
index f605573..edd7aaa 100644
--- a/packages/dashboard/src/contexts/router/routerProvider.tsx
+++ b/packages/dashboard/src/contexts/router/routerProvider.tsx
@@ -1,11 +1,11 @@
-import { platformRouter } from "#/routes/platformRouter.js"
-import { RouterProvider as Router } from "@tanstack/react-router"
-
-
-export function RouterProvider() {
-    return (
-        <Router
-            router={platformRouter}
-        />
-    )
-}
+import { platformRouter } from "../../routes/platformRouter.js"
+import { RouterProvider as Router } from "@tanstack/react-router"
+
+
+export function RouterProvider() {
+    return (
+        <Router
+            router={platformRouter}
+        />
+    )
+}
diff --git a/packages/dashboard/src/contexts/toasts/toastProvider.tsx b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
index 44e604f..8fb32ba 100644
--- a/packages/dashboard/src/contexts/toasts/toastProvider.tsx
+++ b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
@@ -1,47 +1,48 @@
-
-import { Toast } from "#/components/overlays/toast/toast.js"
-import { useToast } from "./useToast.js"
-
-
-export function ToasterProvider() {
-    const { toasts } = useToast()
-
-    return (
-        <Toast.Provider>
-            {
-                toasts.map(function ({ id, title, description, action, ...props }) {
-                    return (
-                        <Toast.Content
-                            {...props}
-                            key={id}
-                        >
-                            <div className="flex flex-col justify-center items-start">
-                                {
-                                    (title === undefined)
-                                        ? null
-                                        : (
-                                            <Toast.Title>
-                                                {title}
-                                            </Toast.Title>
-                                        )
-                                }
-                                {
-                                    (description === undefined)
-                                        ? null
-                                        : (
-                                            <Toast.Description>
-                                                {description}
-                                            </Toast.Description>
-                                        )
-                                }
-                            </div>
-                            {action}
-                            <Toast.Close />
-                        </Toast.Content>
-                    )
-                })
-            }
-            <Toast.Viewport />
-        </Toast.Provider>
-    )
-}
+
+import { Toast } from "../../components/overlays/toast/toast.js"
+import { css } from "../../utilities/cn.js"
+import { useToast } from "./useToast.js"
+
+
+export function ToasterProvider() {
+    const { toasts } = useToast()
+
+    return (
+        <Toast.Provider>
+            {
+                toasts.map(function ({ id, title, description, action, ...props }) {
+                    return (
+                        <Toast.Content
+                            {...props}
+                            key={id}
+                        >
+                            <div className={css({ display: "flex", flexDir: "column", justifyContent: "center", alignItems: "flex-start" })}>
+                                {
+                                    (title === undefined)
+                                        ? null
+                                        : (
+                                            <Toast.Title>
+                                                {title}
+                                            </Toast.Title>
+                                        )
+                                }
+                                {
+                                    (description === undefined)
+                                        ? null
+                                        : (
+                                            <Toast.Description>
+                                                {description}
+                                            </Toast.Description>
+                                        )
+                                }
+                            </div>
+                            {action}
+                            <Toast.Close />
+                        </Toast.Content>
+                    )
+                })
+            }
+            <Toast.Viewport />
+        </Toast.Provider>
+    )
+}
diff --git a/packages/dashboard/src/contexts/toasts/useToast.ts b/packages/dashboard/src/contexts/toasts/useToast.ts
index 893ae0c..d2fbe93 100644
--- a/packages/dashboard/src/contexts/toasts/useToast.ts
+++ b/packages/dashboard/src/contexts/toasts/useToast.ts
@@ -1,191 +1,191 @@
-import { Toast } from "#/components/overlays/toast/toast.js"
-import { ToastContent } from "#/components/overlays/toast/toastContent.js"
-import { ComponentProps, ReactNode, useEffect, useState } from "react"
-
-
-const TOAST_LIMIT = 8
-const TOAST_REMOVE_DELAY = 20000
-
-type ToasterToast = ComponentProps<typeof ToastContent> & {
-    id: string
-    title?: ReactNode
-    description?: ReactNode
-    action?: ReactNode
-}
-
-const actionTypes = {
-    ADD_TOAST: "ADD_TOAST",
-    UPDATE_TOAST: "UPDATE_TOAST",
-    DISMISS_TOAST: "DISMISS_TOAST",
-    REMOVE_TOAST: "REMOVE_TOAST",
-} as const
-
-let count = 0
-
-function genId() {
-    count = (count + 1) % Number.MAX_VALUE
-    return count.toString()
-}
-
-type ActionType = typeof actionTypes
-
-type Action =
-    | {
-        type: ActionType["ADD_TOAST"]
-        toast: ToasterToast
-    }
-    | {
-        type: ActionType["UPDATE_TOAST"]
-        toast: Partial<ToasterToast>
-    }
-    | {
-        type: ActionType["DISMISS_TOAST"]
-        toastId?: ToasterToast["id"]
-    }
-    | {
-        type: ActionType["REMOVE_TOAST"]
-        toastId?: ToasterToast["id"]
-    }
-
-type State = {
-    toasts: ToasterToast[]
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
-
-const addToRemoveQueue = (toastId: string) => {
-    if (toastTimeouts.has(toastId)) {
-        return
-    }
-
-    const timeout = setTimeout(() => {
-        toastTimeouts.delete(toastId)
-        dispatch({
-            type: "REMOVE_TOAST",
-            toastId: toastId,
-        })
-    }, TOAST_REMOVE_DELAY)
-
-    toastTimeouts.set(toastId, timeout)
-}
-
-export const reducer = (state: State, action: Action): State => {
-    switch (action.type) {
-        case "ADD_TOAST":
-            return {
-                ...state,
-                toasts: [action.toast, ...state.toasts.filter(x => x.itemID !== action.toast.itemID)].slice(0, TOAST_LIMIT),
-            }
-
-        case "UPDATE_TOAST":
-            return {
-                ...state,
-                toasts: state.toasts.map((t) =>
-                    t.id === action.toast.id ? { ...t, ...action.toast } : t
-                ),
-            }
-
-        case "DISMISS_TOAST": {
-            const { toastId } = action
-
-            // ! Side effects ! - This could be extracted into a dismissToast() action,
-            // but I'll keep it here for simplicity
-            if (toastId) {
-                addToRemoveQueue(toastId)
-            } else {
-                state.toasts.forEach((toast) => {
-                    addToRemoveQueue(toast.id)
-                })
-            }
-
-            return {
-                ...state,
-                toasts: state.toasts.map((t) =>
-                    t.id === toastId || toastId === undefined
-                        ? {
-                            ...t,
-                            open: false,
-                        }
-                        : t
-                ),
-            }
-        }
-        case "REMOVE_TOAST":
-            if (action.toastId === undefined) {
-                return {
-                    ...state,
-                    toasts: [],
-                }
-            }
-            return {
-                ...state,
-                toasts: state.toasts.filter((t) => t.id !== action.toastId),
-            }
-    }
-}
-
-const listeners: Array<(state: State) => void> = []
-
-let memoryState: State = { toasts: [] }
-
-function dispatch(action: Action) {
-    memoryState = reducer(memoryState, action)
-    for (const listener of listeners) {
-        listener(memoryState)
-    }
-}
-
-type Toast = Omit<ToasterToast, "id">
-
-function toast({ ...props }: Toast) {
-    const id = genId()
-
-    const update = (props: ToasterToast) =>
-        dispatch({
-            type: "UPDATE_TOAST",
-            toast: { ...props, id },
-        })
-    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
-
-    dispatch({
-        type: "ADD_TOAST",
-        toast: {
-            ...props,
-            id,
-            open: true,
-            onOpenChange: (open: boolean) => {
-                if (!open) dismiss()
-            },
-        },
-    })
-
-    return {
-        id: id,
-        dismiss,
-        update,
-    }
-}
-
-function useToast() {
-    const [state, setState] = useState<State>(memoryState)
-
-    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    useEffect(() => {
-        listeners.push(setState)
-        return () => {
-            const index = listeners.indexOf(setState)
-            if (index > -1) {
-                listeners.splice(index, 1)
-            }
-        }
-    }, [state])
-
-    return {
-        ...state,
-        toast,
-        dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-    }
-}
-
-export { toast, useToast }
-
+import { Toast } from "../../components/overlays/toast/toast.js"
+import { ToastContent } from "../../components/overlays/toast/toastContent.js"
+import { ComponentProps, ReactNode, useEffect, useState } from "react"
+
+
+const TOAST_LIMIT = 8
+const TOAST_REMOVE_DELAY = 20000
+
+type ToasterToast = ComponentProps<typeof ToastContent> & {
+    id: string
+    title?: ReactNode
+    description?: ReactNode
+    action?: ReactNode
+}
+
+const actionTypes = {
+    ADD_TOAST: "ADD_TOAST",
+    UPDATE_TOAST: "UPDATE_TOAST",
+    DISMISS_TOAST: "DISMISS_TOAST",
+    REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+    count = (count + 1) % Number.MAX_VALUE
+    return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+    | {
+        type: ActionType["ADD_TOAST"]
+        toast: ToasterToast
+    }
+    | {
+        type: ActionType["UPDATE_TOAST"]
+        toast: Partial<ToasterToast>
+    }
+    | {
+        type: ActionType["DISMISS_TOAST"]
+        toastId?: ToasterToast["id"]
+    }
+    | {
+        type: ActionType["REMOVE_TOAST"]
+        toastId?: ToasterToast["id"]
+    }
+
+type State = {
+    toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+    if (toastTimeouts.has(toastId)) {
+        return
+    }
+
+    const timeout = setTimeout(() => {
+        toastTimeouts.delete(toastId)
+        dispatch({
+            type: "REMOVE_TOAST",
+            toastId: toastId,
+        })
+    }, TOAST_REMOVE_DELAY)
+
+    toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+    switch (action.type) {
+        case "ADD_TOAST":
+            return {
+                ...state,
+                toasts: [action.toast, ...state.toasts.filter(x => x.itemID !== action.toast.itemID)].slice(0, TOAST_LIMIT),
+            }
+
+        case "UPDATE_TOAST":
+            return {
+                ...state,
+                toasts: state.toasts.map((t) =>
+                    t.id === action.toast.id ? { ...t, ...action.toast } : t
+                ),
+            }
+
+        case "DISMISS_TOAST": {
+            const { toastId } = action
+
+            // ! Side effects ! - This could be extracted into a dismissToast() action,
+            // but I'll keep it here for simplicity
+            if (toastId) {
+                addToRemoveQueue(toastId)
+            } else {
+                state.toasts.forEach((toast) => {
+                    addToRemoveQueue(toast.id)
+                })
+            }
+
+            return {
+                ...state,
+                toasts: state.toasts.map((t) =>
+                    t.id === toastId || toastId === undefined
+                        ? {
+                            ...t,
+                            open: false,
+                        }
+                        : t
+                ),
+            }
+        }
+        case "REMOVE_TOAST":
+            if (action.toastId === undefined) {
+                return {
+                    ...state,
+                    toasts: [],
+                }
+            }
+            return {
+                ...state,
+                toasts: state.toasts.filter((t) => t.id !== action.toastId),
+            }
+    }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+    memoryState = reducer(memoryState, action)
+    for (const listener of listeners) {
+        listener(memoryState)
+    }
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+    const id = genId()
+
+    const update = (props: ToasterToast) =>
+        dispatch({
+            type: "UPDATE_TOAST",
+            toast: { ...props, id },
+        })
+    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+    dispatch({
+        type: "ADD_TOAST",
+        toast: {
+            ...props,
+            id,
+            open: true,
+            onOpenChange: (open: boolean) => {
+                if (!open) dismiss()
+            },
+        },
+    })
+
+    return {
+        id: id,
+        dismiss,
+        update,
+    }
+}
+
+function useToast() {
+    const [state, setState] = useState<State>(memoryState)
+
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    useEffect(() => {
+        listeners.push(setState)
+        return () => {
+            const index = listeners.indexOf(setState)
+            if (index > -1) {
+                listeners.splice(index, 1)
+            }
+        }
+    }, [state])
+
+    return {
+        ...state,
+        toast,
+        dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+    }
+}
+
+export { toast, useToast }
+
diff --git a/packages/dashboard/src/features/breadcrumbs.tsx b/packages/dashboard/src/features/breadcrumbs.tsx
index f6d995d..f3537d4 100644
--- a/packages/dashboard/src/features/breadcrumbs.tsx
+++ b/packages/dashboard/src/features/breadcrumbs.tsx
@@ -1,68 +1,71 @@
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { IconSlash } from "@tabler/icons-react"
-import { Link, useRouterState } from "@tanstack/react-router"
-import { Fragment } from "react/jsx-runtime"
-
-
-export function Breadcrumbs() {
-    const routerState = useRouterState()
-    const currentMatch = routerState.matches.at(-1)
-    const params = currentMatch?.params ?? {}
-
-    const idOrganization = ("idOrganization" in params)
-        ? String(params.idOrganization)
-        : null
-
-    const idYear = ("idYear" in params)
-        ? String(params.idYear)
-        : null
-
-    if (idOrganization === null) {
-        return (null)
-    }
-    return (
-        <div className="flex justify-start items-center gap-1">
-            {
-                (idOrganization === null)
-                    ? (null)
-                    : (
-                        <Link
-                            to="/organisations/$idOrganization"
-                            params={{
-                                idOrganization: idOrganization,
-                            }}
-                        >
-                            <ButtonGhostContent
-                                text={idOrganization}
-                                isActive={(idYear === null)}
-                            />
-                        </Link>
-                    )
-            }
-            {
-                (idYear === null)
-                    ? (null)
-                    : (
-                        <Fragment>
-                            <IconSlash
-                                size={16}
-                                className="stroke-neutral/25"
-                            />
-                            <Link
-                                to="/organisations/$idOrganization/exercices/$idYear/écritures"
-                                params={{
-                                    idOrganization: idOrganization,
-                                    idYear: idYear,
-                                }}
-                            >
-                                <ButtonGhostContent
-                                    text={idYear}
-                                    isActive={true}
-                                />
-                            </Link>
-                        </Fragment>
-                    )
-            }
-        </div>
-    )
-}
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "../utilities/cn.js"
+import { IconSlash } from "@tabler/icons-react"
+import { Link, useRouterState } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
+
+
+export function Breadcrumbs() {
+    const routerState = useRouterState()
+    const currentMatch = routerState.matches.at(-1)
+    const params = currentMatch?.params ?? {}
+
+    const idOrganization = ("idOrganization" in params)
+        ? String(params.idOrganization)
+        : null
+
+    const idYear = ("idYear" in params)
+        ? String(params.idYear)
+        : null
+
+    if (idOrganization === null) {
+        return (null)
+    }
+    return (
+        <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "1" })}>
+            {
+                (idOrganization === null)
+                    ? (null)
+                    : (
+                        <Link
+                            to="/organisations/$idOrganization"
+                            params={{
+                                idOrganization: idOrganization,
+                            }}
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                text={idOrganization}
+                                isActive={(idYear === null)}
+                            />
+                        </Link>
+                    )
+            }
+            {
+                (idYear === null)
+                    ? (null)
+                    : (
+                        <Fragment>
+                            <IconSlash
+                                size={16}
+                                className={css({ stroke: "neutral/25" })}
+                            />
+                            <Link
+                                to="/organisations/$idOrganization/exercices/$idYear/écritures"
+                                params={{
+                                    idOrganization: idOrganization,
+                                    idYear: idYear,
+                                }}
+                            >
+                                <ButtonContent
+                                    variant="invisible"
+                                    text={idYear}
+                                    isActive={true}
+                                />
+                            </Link>
+                        </Fragment>
+                    )
+            }
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/authLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
similarity index 57%
rename from packages/dashboard/src/features/authLayout.tsx
rename to packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index 4a6e2bf..ee05b76 100644
--- a/packages/dashboard/src/features/authLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -1,127 +1,146 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { Dropdown } from "#/components/layouts/dropdownMenu/dropdown.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { Breadcrumbs } from "#/features/breadcrumbs.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconAbacus, IconBuilding, IconLifebuoy, IconLogout, IconSettings, IconUser } from "@tabler/icons-react"
-import { Link, Outlet } from "@tanstack/react-router"
-
-
-export function AuthLayout() {
-    return (
-        <div className="relative min-h-full h-fit w-full max-w-full flex flex-col justify-start items-stretch overflow-auto">
-            <div className="w-full flex justify-between items-center gap-2 p-4">
-                <div className="flex justify-start items-center gap-4">
-                    <Link
-                        to="/"
-                    >
-                        <ButtonGhostContent
-                            icon={<IconAbacus />}
-                        />
-                    </Link>
-                    <Breadcrumbs />
-                </div>
-                <div>
-                    <Dropdown.Root>
-                        <Dropdown.Trigger
-                            className="w-full"
-                        >
-                            <ButtonOutlineContent
-                                icon={<IconUser />}
-                                className="w-full"
-                            />
-                        </Dropdown.Trigger>
-                        <Dropdown.Content
-                            align="end"
-                        >
-                            {/* <Link
-                                        to="/dashboard/settings"
-                                    >
-                                        <Menubar.Item>
-                                            <ButtonGhostContent
-                                                icon={<IconSettings />}
-                                                text="Settings"
-                                                className="w-full"
-                                            />
-                                        </Menubar.Item>
-                                    </Link> */}
-                            {/* <Link
-                                        to="/dashboard/subscription"
-                                    >
-                                        <Menubar.Item>
-                                            <ButtonGhostContent
-                                                icon={<IconRosetteDiscountCheck />}
-                                                text="Subscription"
-                                                className="w-full"
-                                            />
-                                        </Menubar.Item>
-                                    </Link> */}
-                            <Dropdown.Item>
-                                <Link
-                                    to="/paramètres"
-                                    className="w-full"
-                                >
-                                    <ButtonGhostContent
-                                        icon={<IconSettings />}
-                                        text="Paramètres"
-                                        className="w-full"
-                                    />
-                                </Link>
-                            </Dropdown.Item>
-                            <Dropdown.Item>
-                                <Link
-                                    to="/organisations"
-                                    className="w-full"
-                                >
-                                    <ButtonGhostContent
-                                        icon={<IconBuilding />}
-                                        text="Organisations"
-                                        className="w-full"
-                                    />
-                                </Link>
-                            </Dropdown.Item>
-                            <Dropdown.Item>
-                                <Link
-                                    to="/support"
-                                    className="w-full"
-                                >
-                                    <ButtonGhostContent
-                                        icon={<IconLifebuoy />}
-                                        text="Support"
-                                        className="w-full"
-                                    />
-                                </Link>
-                            </Dropdown.Item>
-                            <Dropdown.Separator />
-                            <Dropdown.Item asChild>
-                                <ButtonGhost
-                                    icon={<IconLogout />}
-                                    text="Se déconnecter"
-                                    color="error"
-                                    className="w-full"
-                                    onClick={async () => {
-                                        await postAPI({
-                                            routeDefinition: signOutRouteDefinition,
-                                            body: {},
-                                        })
-                                        toast({ title: "Déconnexion réussie", variant: "success" })
-
-                                        platformRouter.navigate({
-                                            to: "/connexion",
-                                            reloadDocument: true,
-                                        })
-                                    }}
-                                />
-                            </Dropdown.Item>
-                        </Dropdown.Content>
-                    </Dropdown.Root>
-                </div>
-            </div>
-            <Outlet />
-        </div>
-    )
-}
+import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { IconAbacus, IconBook2, IconLifebuoy, IconLogout, IconUser } from "@tabler/icons-react"
+import { Link, Outlet } from "@tanstack/react-router"
+import { Dropdown } from "../../components/layouts/dropdownMenu/dropdown.js"
+import { toast } from "../../contexts/toasts/useToast.js"
+import { platformRouter } from "../../routes/platformRouter.js"
+import { css } from "../../utilities/cn.js"
+import { postAPI } from "../../utilities/postAPI.js"
+import { Breadcrumbs } from "../breadcrumbs.js"
+
+
+export function DashboardLayout() {
+    return (
+        <div className={css({ position: "relative", minH: "full", h: "fit-content", w: "full", maxW: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", overflow: "auto" })}>
+            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", p: "4" })}>
+                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                    <Link
+                        to="/"
+                    >
+                        <ButtonContent
+                            variant="invisible"
+                            icon={<IconAbacus />}
+                        />
+                    </Link>
+                    {/* <span>
+                        Arrhes
+                    </span> */}
+                    <Breadcrumbs />
+                </div>
+                <div
+                    className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}
+                >
+                    <Link
+                        to="/docs"
+                        className={css({ w: "fit-content" })}
+                        aria-label="Documentation"
+                    >
+                        <ButtonContent
+                            variant="default"
+                            icon={<IconBook2 />}
+                            text="Documentation"
+                        />
+                    </Link>
+                    <Dropdown.Root>
+                        <Dropdown.Trigger
+                            className={css({ w: "full" })}
+                        >
+                            <ButtonContent
+                                variant="default"
+                                icon={<IconUser />}
+                                className={css({ w: "full" })}
+                            />
+                        </Dropdown.Trigger>
+                        <Dropdown.Content
+                            align="end"
+                        >
+                            {/* <Link
+                                        to="/dashboard/settings"
+                                    >
+                                        <Menubar.Item>
+                                            <ButtonGhostContent
+                                                icon={<IconSettings />}
+                                                text="Settings"
+                                                className={css({ w: "full" })}
+                                            />
+                                        </Menubar.Item>
+                                    </Link> */}
+                            {/* <Link
+                                        to="/dashboard/subscription"
+                                    >
+                                        <Menubar.Item>
+                                            <ButtonGhostContent
+                                                icon={<IconRosetteDiscountCheck />}
+                                                text="Subscription"
+                                                className={css({ w: "full" })}
+                                            />
+                                        </Menubar.Item>
+                                    </Link> */}
+                            {/* <Dropdown.Item>
+                                <Link
+                                    to="/paramètres"
+                                    className={css({ w: "full" })}
+                                >
+                                    <ButtonGhostContent
+                                        icon={<IconSettings />}
+                                        text="Paramètres"
+                                        className={css({ w: "full" })}
+                                    />
+                                </Link>
+                            </Dropdown.Item> */}
+                            {/* <Dropdown.Item>
+                                <Link
+                                    to="/organisations"
+                                    className={css({ w: "full" })}
+                                >
+                                    <ButtonGhostContent
+                                        icon={<IconBuilding />}
+                                        text="Organisations"
+                                        className={css({ w: "full" })}
+                                    />
+                                </Link>
+                            </Dropdown.Item> */}
+                            <Dropdown.Item>
+                                <Link
+                                    to="/dashboard/support"
+                                    className={css({ w: "full" })}
+                                >
+                                    <ButtonContent
+                                        variant="invisible"
+                                        icon={<IconLifebuoy />}
+                                        text="Support"
+                                        className={css({ w: "full" })}
+                                    />
+                                </Link>
+                            </Dropdown.Item>
+                            <Dropdown.Separator />
+                            <Dropdown.Item asChild>
+                                <Button
+                                    variant="invisible"
+                                    icon={<IconLogout />}
+                                    text="Se déconnecter"
+                                    color="error"
+                                    className={css({ w: "full" })}
+                                    onClick={async () => {
+                                        await postAPI({
+                                            routeDefinition: signOutRouteDefinition,
+                                            body: {},
+                                        })
+                                        toast({ title: "Déconnexion réussie", variant: "success" })
+
+                                        platformRouter.navigate({
+                                            to: "/connexion",
+                                            reloadDocument: true,
+                                        })
+                                    }}
+                                />
+                            </Dropdown.Item>
+                        </Dropdown.Content>
+                    </Dropdown.Root>
+                </div>
+            </div>
+            <Outlet />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
similarity index 81%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationLayout.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
index c60cea2..42d0023 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
@@ -1,32 +1,32 @@
-import { PageLayout } from "#/components/layouts/pageLayout.js"
-import { organizationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.js"
-import { IconCalendarEvent, IconSettings } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-
-
-export function OrganizationLayout() {
-    const params = useParams({ from: organizationLayoutRoute.id })
-
-    return (
-        <PageLayout
-            tabs={[
-                {
-                    label: "Exercices fiscaux",
-                    icon: <IconCalendarEvent />,
-                    to: "/organisations/$idOrganization/exercices",
-                    params: {
-                        idOrganization: params.idOrganization,
-                    },
-                },
-                {
-                    label: "Paramètres",
-                    icon: <IconSettings />,
-                    to: "/organisations/$idOrganization/paramètres",
-                    params: {
-                        idOrganization: params.idOrganization,
-                    },
-                }
-            ]}
-        />
-    )
-}
+import { IconCalendarEvent, IconSettings } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { PageLayout } from "../../../../components/layouts/pageLayout.tsx"
+import { organizationLayoutRoute } from "../../../../routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.tsx"
+
+
+export function OrganizationLayout() {
+    const params = useParams({ from: organizationLayoutRoute.id })
+
+    return (
+        <PageLayout
+            tabs={[
+                {
+                    label: "Exercices fiscaux",
+                    icon: <IconCalendarEvent />,
+                    to: "/organisations/$idOrganization/exercices",
+                    params: {
+                        idOrganization: params.idOrganization,
+                    },
+                },
+                {
+                    label: "Paramètres",
+                    icon: <IconSettings />,
+                    to: "/organisations/$idOrganization/paramètres",
+                    params: {
+                        idOrganization: params.idOrganization,
+                    },
+                }
+            ]}
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
index 5963c8c..20f4643 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneOrganization(props: {
@@ -66,7 +66,7 @@ export function DeleteOneOrganization(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette organisation ?
                             </Dialog.Title>
@@ -77,11 +77,13 @@ export function DeleteOneOrganization(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
similarity index 76%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
index c152fa4..bf4314c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
@@ -1,8 +1,8 @@
-import { Page } from "#/components/layouts/page/page.js"
-import { SubPageLayout } from "#/components/layouts/subPageLayout.js"
-import { organizationSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
 import { IconSettings, IconUsers } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Page } from "../../../../../components/layouts/page/page.tsx"
+import { SubPageLayout } from "../../../../../components/layouts/subPageLayout.tsx"
+import { organizationSettingsLayoutRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx"
 
 
 export function OrganizationSettingsLayout() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
similarity index 59%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index be02fe2..f7470ab 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -1,57 +1,60 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { DeleteOneOrganization } from "#/features/organizations/$idOrganization/organizationSettings/deleteOneOrganization.js"
-import { UpdateOneOrganization } from "#/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.js"
-import { organizationSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.js"
-import { readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconPencil, IconTrash } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-
-
-export function OrganizationSettingsPage() {
-    const params = useParams({ from: organizationSettingsRoute.id })
-
-    return (
-        <DataWrapper
-            routeDefinition={readOneOrganizationRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization
-            }}
-        >
-            {(organization) => {
-                return (
-                    <Box>
-                        <div className="w-full flex flex-col justify-start items-start">
-                            <div className="w-full flex justify-between items-center gap-4 p-4 border-b border-neutral/10">
-                                <span>
-                                    Modifier les informations de l'organisation
-                                </span>
-                                <UpdateOneOrganization
-                                    organization={organization}
-                                >
-                                    <ButtonOutlineContent
-                                        icon={<IconPencil />}
-                                        text="Modifier l'organisation"
-                                    />
-                                </UpdateOneOrganization>
-                            </div>
-                            <div className="w-full flex justify-between items-center gap-4 p-4">
-                                <span>
-                                    Supprimer l'organisation
-                                </span>
-                                <DeleteOneOrganization idOrganization={organization.id}>
-                                    <ButtonOutlineContent
-                                        icon={<IconTrash />}
-                                        text="Supprimer l'organisation"
-                                        color="error"
-                                    />
-                                </DeleteOneOrganization>
-                            </div>
-                        </div>
-                    </Box>
-                )
-            }}
-        </DataWrapper>
-    )
-}
+import { readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPencil, IconTrash } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
+import { organizationSettingsRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx"
+import { DeleteOneOrganization } from "./deleteOneOrganization.tsx"
+import { UpdateOneOrganization } from "./updateOneOrganization.tsx"
+
+
+export function OrganizationSettingsPage() {
+    const params = useParams({ from: organizationSettingsRoute.id })
+
+    return (
+        <DataWrapper
+            routeDefinition={readOneOrganizationRouteDefinition}
+            body={{
+                idOrganization: params.idOrganization
+            }}
+        >
+            {(organization) => {
+                return (
+                    <Box>
+                        <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                                <span>
+                                    Modifier les informations de l'organisation
+                                </span>
+                                <UpdateOneOrganization
+                                    organization={organization}
+                                >
+                                    <ButtonContent
+                                        variant="default"
+                                        icon={<IconPencil />}
+                                        text="Modifier l'organisation"
+                                    />
+                                </UpdateOneOrganization>
+                            </div>
+                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
+                                <span>
+                                    Supprimer l'organisation
+                                </span>
+                                <DeleteOneOrganization idOrganization={organization.id}>
+                                    <ButtonContent
+                                        variant="default"
+                                        icon={<IconTrash />}
+                                        text="Supprimer l'organisation"
+                                        color="error"
+                                    />
+                                </DeleteOneOrganization>
+                            </div>
+                        </div>
+                    </Box>
+                )
+            }}
+        </DataWrapper>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
index 446f405..518eecc 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
@@ -1,14 +1,14 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneOrganizationUser(props: {
@@ -63,7 +63,7 @@ export function DeleteOneOrganizationUser(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer l'utilisateur de cette organisation ?
                             </Dialog.Title>
@@ -72,11 +72,13 @@ export function DeleteOneOrganizationUser(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
index 15859e6..ce087ec 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
@@ -1,106 +1,106 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllOrganizationUsersRouteDefinition, updateOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneOrganizationUser(props: {
-    organizationUser: v.InferOutput<typeof returnedSchemas.organizationUser>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier l'utilisateur"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneOrganizationUserRouteDefinition.schemas.body}
-                        defaultValues={props.organizationUser}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier l'utilisateur",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: updateOneOrganizationUserRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible de modifier l'utilisateur", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Utilisateur modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllOrganizationUsersRouteDefinition,
-                                body: {
-                                    idOrganization: props.organizationUser.idOrganization
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="isAdmin"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Possède les droits administrateur ?"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { value: true, label: "Oui" },
-                                                        { value: false, label: "Non" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllOrganizationUsersRouteDefinition, updateOneOrganizationUserRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../components/forms/formRoot.tsx"
+import { InputToggle } from "../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneOrganizationUser(props: {
+    organizationUser: v.InferOutput<typeof returnedSchemas.organizationUser>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier l'utilisateur"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneOrganizationUserRouteDefinition.schemas.body}
+                        defaultValues={props.organizationUser}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier l'utilisateur",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: updateOneOrganizationUserRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible de modifier l'utilisateur", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Utilisateur modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllOrganizationUsersRouteDefinition,
+                                body: {
+                                    idOrganization: props.organizationUser.idOrganization
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="isAdmin"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Possède les droits administrateur ?"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { value: true, label: "Oui" },
+                                                        { value: false, label: "Non" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
similarity index 86%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
index 07458e4..a65c4d1 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
@@ -1,132 +1,132 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneOrganizationUserRouteDefinition, readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneOrganizationUser(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouvel utilisateur"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneOrganizationUserRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            isAdmin: false,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter l'utilisateur",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: createOneOrganizationUserRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible d'ajouter l'utilisateur", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Utilisateur ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllOrganizationUsersRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="isAdmin"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Possède les droits administrateur ?"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { value: true, label: "Oui" },
-                                                        { value: false, label: "Non" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="user.email"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Email de l'utilisateur"
-                                                description={undefined}
-                                                isRequired={true}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    type="email"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneOrganizationUserRouteDefinition, readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneOrganizationUser(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouvel utilisateur"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneOrganizationUserRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            isAdmin: false,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter l'utilisateur",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: createOneOrganizationUserRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible d'ajouter l'utilisateur", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Utilisateur ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllOrganizationUsersRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="isAdmin"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Possède les droits administrateur ?"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { value: true, label: "Oui" },
+                                                        { value: false, label: "Non" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="user.email"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Email de l'utilisateur"
+                                                description={undefined}
+                                                isRequired={true}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    type="email"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
similarity index 51%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
index 2302c9c..cdcecbf 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
@@ -1,32 +1,34 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { CreateOneOrganizationUser } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.js"
-import { OrganizationUsersTable } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.js"
-import { organizationUsersRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.js"
-import { IconUserPlus } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-
-
-export function OrganizationUsersPage() {
-    const params = useParams({ from: organizationUsersRoute.id })
-
-    return (
-        <Section.Root>
-            <Section.Item>
-                <div className="w-full flex justify-end items-center gap-2">
-                    <CreateOneOrganizationUser
-                        idOrganization={params.idOrganization}
-                    >
-                        <ButtonPlainContent
-                            icon={<IconUserPlus />}
-                            text="Ajouter un utilisateur"
-                        />
-                    </CreateOneOrganizationUser>
-                </div>
-                <OrganizationUsersTable
-                    idOrganization={params.idOrganization}
-                />
-            </Section.Item>
-        </Section.Root>
-    )
-}
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconUserPlus } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { Section } from "../../../../../../components/layouts/section/section.tsx"
+import { organizationUsersRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx"
+import { CreateOneOrganizationUser } from "./createOneOrganizationUser.tsx"
+import { OrganizationUsersTable } from "./organizationUsersTable.tsx"
+
+
+export function OrganizationUsersPage() {
+    const params = useParams({ from: organizationUsersRoute.id })
+
+    return (
+        <Section.Root>
+            <Section.Item>
+                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                    <CreateOneOrganizationUser
+                        idOrganization={params.idOrganization}
+                    >
+                        <ButtonContent
+                            variant="primary"
+                            icon={<IconUserPlus />}
+                            text="Ajouter un utilisateur"
+                        />
+                    </CreateOneOrganizationUser>
+                </div>
+                <OrganizationUsersTable
+                    idOrganization={params.idOrganization}
+                />
+            </Section.Item>
+        </Section.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
similarity index 69%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
index 885ba39..9f29366 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
@@ -1,73 +1,76 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { DeleteOneOrganizationUser } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.js"
-import { UpdateOneOrganizationUser } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.js"
-import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil, IconTrash } from "@tabler/icons-react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function OrganizationUsersTable(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-}) {
-    return (
-        <Box>
-            <DataWrapper
-                routeDefinition={readAllOrganizationUsersRouteDefinition}
-                body={{
-                    idOrganization: props.idOrganization
-                }}
-            >
-                {(organizationUsers) => {
-                    if (organizationUsers.length === 0) {
-                        return (
-                            <FormatNull
-                                text="Aucune organisation"
-                                className="p-4"
-                            />
-                        )
-                    }
-                    return (
-                        <Fragment>
-                            {organizationUsers.map((organizationUser) => {
-                                return (
-                                    <div
-                                        key={organizationUser.id}
-                                        className="w-full p-4 border-b border-neutral/10 last:border-none flex flex-start justify-between items-center"
-                                    >
-                                        <span>
-                                            {organizationUser.user.email}
-                                        </span>
-                                        <div className="flex justify-center items-center gap-2">
-                                            <UpdateOneOrganizationUser
-                                                organizationUser={organizationUser}
-                                            >
-                                                <ButtonOutlineContent
-                                                    icon={<IconPencil />}
-                                                    title="Modifier l'utilisateur"
-                                                />
-                                            </UpdateOneOrganizationUser>
-                                            <DeleteOneOrganizationUser
-                                                organizationUser={organizationUser}
-                                            >
-                                                <ButtonOutlineContent
-                                                    icon={<IconTrash />}
-                                                    title="Supprimer l'utilisateur"
-                                                    color="error"
-                                                />
-                                            </DeleteOneOrganizationUser>
-                                        </div>
-                                    </div>
-                                )
-                            })}
-                        </Fragment>
-                    )
-                }}
-            </DataWrapper>
-        </Box>
-    )
-}
+import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPencil, IconTrash } from "@tabler/icons-react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormatNull } from "../../../../../../components/formats/formatNull.tsx"
+import { Box } from "../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../components/layouts/dataWrapper.tsx"
+import { DeleteOneOrganizationUser } from "./$idOrganizationUser/deleteOneOrganizationUser.tsx"
+import { UpdateOneOrganizationUser } from "./$idOrganizationUser/updateOneOrganizationUser.tsx"
+
+
+export function OrganizationUsersTable(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+}) {
+    return (
+        <Box>
+            <DataWrapper
+                routeDefinition={readAllOrganizationUsersRouteDefinition}
+                body={{
+                    idOrganization: props.idOrganization
+                }}
+            >
+                {(organizationUsers) => {
+                    if (organizationUsers.length === 0) {
+                        return (
+                            <FormatNull
+                                text="Aucune organisation"
+                                className={css({ p: "4" })}
+                            />
+                        )
+                    }
+                    return (
+                        <Fragment>
+                            {organizationUsers.map((organizationUser) => {
+                                return (
+                                    <div
+                                        key={organizationUser.id}
+                                        className={css({ w: "full", p: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
+                                    >
+                                        <span>
+                                            {organizationUser.user.email}
+                                        </span>
+                                        <div className={css({ display: "flex", justifyContent: "center", alignItems: "center", gap: "2" })}>
+                                            <UpdateOneOrganizationUser
+                                                organizationUser={organizationUser}
+                                            >
+                                                <ButtonContent
+                                                    variant="default"
+                                                    icon={<IconPencil />}
+                                                    title="Modifier l'utilisateur"
+                                                />
+                                            </UpdateOneOrganizationUser>
+                                            <DeleteOneOrganizationUser
+                                                organizationUser={organizationUser}
+                                            >
+                                                <ButtonContent
+                                                    variant="default"
+                                                    icon={<IconTrash />}
+                                                    title="Supprimer l'utilisateur"
+                                                    color="error"
+                                                />
+                                            </DeleteOneOrganizationUser>
+                                        </div>
+                                    </div>
+                                )
+                            })}
+                        </Fragment>
+                    )
+                }}
+            </DataWrapper>
+        </Box>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
index ca9119e..54401b0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
@@ -1,145 +1,145 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readOneOrganizationRouteDefinition, updateOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneOrganization(props: {
-    organization: v.InferOutput<typeof returnedSchemas.organization>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier les informations de l'organisation"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneOrganizationRouteDefinition.schemas.body}
-                        defaultValues={props.organization}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier l'organisation",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: updateOneOrganizationRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible de modifier l'organisation", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Organisation modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readOneOrganizationRouteDefinition,
-                                body: {
-                                    idOrganization: props.organization.id
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="name"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Raison sociale ou nom de l'organisation"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="siren"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="SIREN"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="email"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Email"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    type="email"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readOneOrganizationRouteDefinition, updateOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneOrganization(props: {
+    organization: v.InferOutput<typeof returnedSchemas.organization>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier les informations de l'organisation"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneOrganizationRouteDefinition.schemas.body}
+                        defaultValues={props.organization}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier l'organisation",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: updateOneOrganizationRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible de modifier l'organisation", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Organisation modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readOneOrganizationRouteDefinition,
+                                body: {
+                                    idOrganization: props.organization.id
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="name"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Raison sociale ou nom de l'organisation"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="siren"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="SIREN"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="email"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Email"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    type="email"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
index 581c13e..3024e89 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.tsx
@@ -1,10 +1,10 @@
-import { FormatError } from "#/components/formats/formatError.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
 import { readOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { CircularLoader } from "@arrhes/ui"
 import { ReactElement } from "react"
 import * as v from "valibot"
+import { FormatError } from "../../../../../../../../components/formats/formatError.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
 
 
 export function AttachmentData(props: {
@@ -13,7 +13,7 @@ export function AttachmentData(props: {
     idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
     children: (data: v.InferOutput<typeof readOneAttachmentRouteDefinition.schemas.return>) => ReactElement | Array<ReactElement> | null
 }) {
-    const attachmentResponse = useHTTPData({
+    const attachmentResponse = useDataFromAPI({
         routeDefinition: readOneAttachmentRouteDefinition,
         body: {
             idAttachment: props.idAttachment,
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
similarity index 71%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
index 8649a12..fc2389a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
@@ -1,15 +1,16 @@
-import { FormatError } from "#/components/formats/formatError.js"
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
 import { generateAttachmentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { CircularLoader } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import * as v from "valibot"
+import { FormatError } from "../../../../../../../../components/formats/formatError.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
 
 
 export function AttachmentFile(props: {
     attachment: v.InferOutput<typeof returnedSchemas.attachment>
 }) {
-    const attachmentSignedUrlResponse = useHTTPData({
+    const attachmentSignedUrlResponse = useDataFromAPI({
         routeDefinition: generateAttachmentGetSignedUrlRouteDefinition,
         body: {
             idAttachment: props.attachment.id,
@@ -36,7 +37,7 @@ export function AttachmentFile(props: {
     return (
         <embed
             title={props.attachment.reference}
-            className="w-full min-h-fit h-[768px] max-h-[768px] border border-neutral/20 rounded-md p-4"
+            className={css({ w: "full", minH: "fit", h: "768px", maxH: "768px", border: "1px solid", borderColor: "neutral/20", rounded: "md", p: "4" })}
             src={attachmentSignedUrlResponse.data.url}
             type={props.attachment.type ?? undefined}
         />
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
similarity index 77%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
index 4c971e3..0f5030f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
@@ -1,21 +1,20 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDate } from "#/components/formats/formatDate.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatFileSize } from "#/components/formats/formatFileSize.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { AttachmentData } from "#/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentData.js"
-import { AttachmentFile } from "#/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.js"
-import { DeleteOneAttachment } from "#/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.js"
-import { UpdateOneAttachment } from "#/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.js"
-import { attachmentLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatFileSize } from "../../../../../../../../components/formats/formatFileSize.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
+import { attachmentLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx"
+import { AttachmentData } from "./attachmentData.tsx"
+import { AttachmentFile } from "./attachmentFile.tsx"
+import { DeleteOneAttachment } from "./deleteOneAttachment.tsx"
+import { UpdateOneAttachment } from "./updateOneAttachment.tsx"
 
 
 export function AttachmentPage() {
@@ -33,7 +32,7 @@ export function AttachmentPage() {
                         return (
                             <Section.Root>
                                 <Section.Item>
-                                    <div className="flex justify-start items-center gap-2">
+                                    <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                         <Link
                                             to="/organisations/$idOrganization/exercices/$idYear/fichiers"
                                             params={{
@@ -41,17 +40,19 @@ export function AttachmentPage() {
                                                 idYear: attachment.idYear,
                                             }}
                                         >
-                                            <ButtonOutlineContent
+                                            <ButtonContent
+                                                variant="default"
                                                 icon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
                                         </Link>
                                     </div>
-                                    <div className="ml-auto flex justify-end items-center gap-2">
+                                    <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                         <UpdateOneAttachment
                                             attachment={attachment}
                                         >
-                                            <ButtonPlain
+                                            <Button
+                                                variant="primary"
                                                 icon={<IconPencil />}
                                                 text="Modifier"
                                             />
@@ -59,7 +60,8 @@ export function AttachmentPage() {
                                         <DeleteOneAttachment
                                             attachment={attachment}
                                         >
-                                            <ButtonOutline
+                                            <Button
+                                                variant="default"
                                                 icon={<IconTrash />}
                                                 title="Supprimer"
                                                 color="error"
@@ -67,7 +69,7 @@ export function AttachmentPage() {
                                         </DeleteOneAttachment>
                                     </div>
                                 </Section.Item>
-                                <Section.Item className="flex-col">
+                                <Section.Item className={css({ flexDir: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
@@ -102,7 +104,7 @@ export function AttachmentPage() {
                                         attachment={attachment}
                                     />
                                 </Section.Item>
-                                <Section.Item className="flex-col">
+                                <Section.Item className={css({ flexDir: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
index 9861b0d..bd2b8b8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { Button } from "@arrhes/ui"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneAttachment(props: {
@@ -76,7 +76,7 @@ export function DeleteOneAttachment(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce fichier ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneAttachment(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
index 0fd5d4c..a550ce2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
@@ -1,218 +1,218 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputFile } from "#/components/inputs/inputFile.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { fileSchema } from "@arrhes/application-metadata/components"
-import { generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition, readOneAttachmentRouteDefinition, updateOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneAttachment(props: {
-    attachment: v.InferOutput<typeof returnedSchemas.attachment>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier le fichier"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={v.intersect([
-                            updateOneAttachmentRouteDefinition.schemas.body,
-                            v.object({ file: v.optional(fileSchema) })
-                        ])}
-                        defaultValues={{
-                            ...props.attachment,
-                            idAttachment: props.attachment.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier le fichier",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateAttachmentResponse = await postAPI({
-                                routeDefinition: updateOneAttachmentRouteDefinition,
-                                body: {
-                                    idAttachment: props.attachment.id,
-                                    idOrganization: data.idOrganization,
-                                    idYear: data.idYear,
-                                    reference: data.reference,
-                                    label: data.label,
-                                    date: data.date,
-                                },
-                            })
-                            if (updateAttachmentResponse.ok === false) {
-                                toast({ title: "Impossible de modifier le fichier", variant: "error" })
-                                return false
-                            }
-
-
-                            if (data.file !== undefined) {
-                                const signedUrlResponse = await postAPI({
-                                    routeDefinition: generateAttachmentPutSignedUrlRouteDefinition,
-                                    body: {
-                                        idOrganization: props.attachment.idOrganization,
-                                        idYear: props.attachment.idYear,
-                                        idAttachment: updateAttachmentResponse.data.id,
-                                        type: data.file.type,
-                                        size: data.file.size,
-                                    },
-                                })
-                                if (signedUrlResponse.ok === false) {
-                                    toast({ title: "Impossible de télécharger le fichier", variant: "error" })
-                                    return false
-                                }
-                                const uploadFileResponse = await fetch(
-                                    signedUrlResponse.data.url,
-                                    {
-                                        method: "PUT",
-                                        body: data.file,
-                                    }
-                                )
-                                if (uploadFileResponse.ok === false) {
-                                    toast({ title: "Le fichier ne peut pas être téléchargé", variant: "error" })
-                                    return false
-                                }
-                            }
-
-                            toast({ title: "Fichier modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllAttachmentsRouteDefinition,
-                                body: {
-                                    idOrganization: props.attachment.idOrganization,
-                                    idYear: props.attachment.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneAttachmentRouteDefinition,
-                                body: {
-                                    idAttachment: props.attachment.id,
-                                    idOrganization: props.attachment.idOrganization,
-                                    idYear: props.attachment.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="file"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Fichier"
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputFile
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="date"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="reference"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Référence"
-                                                // tooltip="La référence associée au fichier."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé du fichier"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { fileSchema } from "@arrhes/application-metadata/components"
+import { generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition, readOneAttachmentRouteDefinition, updateOneAttachmentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputDate } from "../../../../../../../../components/inputs/inputDate.tsx"
+import { InputFile } from "../../../../../../../../components/inputs/inputFile.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneAttachment(props: {
+    attachment: v.InferOutput<typeof returnedSchemas.attachment>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier le fichier"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={v.intersect([
+                            updateOneAttachmentRouteDefinition.schemas.body,
+                            v.object({ file: v.optional(fileSchema) })
+                        ])}
+                        defaultValues={{
+                            ...props.attachment,
+                            idAttachment: props.attachment.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier le fichier",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateAttachmentResponse = await postAPI({
+                                routeDefinition: updateOneAttachmentRouteDefinition,
+                                body: {
+                                    idAttachment: props.attachment.id,
+                                    idOrganization: data.idOrganization,
+                                    idYear: data.idYear,
+                                    reference: data.reference,
+                                    label: data.label,
+                                    date: data.date,
+                                },
+                            })
+                            if (updateAttachmentResponse.ok === false) {
+                                toast({ title: "Impossible de modifier le fichier", variant: "error" })
+                                return false
+                            }
+
+
+                            if (data.file !== undefined) {
+                                const signedUrlResponse = await postAPI({
+                                    routeDefinition: generateAttachmentPutSignedUrlRouteDefinition,
+                                    body: {
+                                        idOrganization: props.attachment.idOrganization,
+                                        idYear: props.attachment.idYear,
+                                        idAttachment: updateAttachmentResponse.data.id,
+                                        type: data.file.type,
+                                        size: data.file.size,
+                                    },
+                                })
+                                if (signedUrlResponse.ok === false) {
+                                    toast({ title: "Impossible de télécharger le fichier", variant: "error" })
+                                    return false
+                                }
+                                const uploadFileResponse = await fetch(
+                                    signedUrlResponse.data.url,
+                                    {
+                                        method: "PUT",
+                                        body: data.file,
+                                    }
+                                )
+                                if (uploadFileResponse.ok === false) {
+                                    toast({ title: "Le fichier ne peut pas être téléchargé", variant: "error" })
+                                    return false
+                                }
+                            }
+
+                            toast({ title: "Fichier modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllAttachmentsRouteDefinition,
+                                body: {
+                                    idOrganization: props.attachment.idOrganization,
+                                    idYear: props.attachment.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneAttachmentRouteDefinition,
+                                body: {
+                                    idAttachment: props.attachment.id,
+                                    idOrganization: props.attachment.idOrganization,
+                                    idYear: props.attachment.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="file"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Fichier"
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputFile
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="date"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="reference"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Référence"
+                                                // tooltip="La référence associée au fichier."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé du fichier"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
index 94c136e..a164459 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentSelect.tsx
@@ -1,39 +1,39 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function AttachmentSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const attachmentsResponse = useHTTPData({
-        routeDefinition: readAllAttachmentsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization,
-            idYear: props.idYear
-        },
-    })
-
-    return (
-        <InputCombobox
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={attachmentsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner une pièce justificative"
-            options={
-                (attachmentsResponse.data === undefined)
-                    ? []
-                    : attachmentsResponse.data.map((attachment) => ({
-                        key: attachment.id,
-                        label: attachment.reference
-                    }))
-            }
-        />
-    )
-}
+import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputCombobox } from "../../../../../../../components/inputs/inputCombobox.tsx"
+import { useDataFromAPI } from "../../../../../../../utilities/useHTTPData.ts"
+
+
+export function AttachmentSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const attachmentsResponse = useDataFromAPI({
+        routeDefinition: readAllAttachmentsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        },
+    })
+
+    return (
+        <InputCombobox
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={attachmentsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner une pièce justificative"
+            options={
+                (attachmentsResponse.data === undefined)
+                    ? []
+                    : attachmentsResponse.data.map((attachment) => ({
+                        key: attachment.id,
+                        label: attachment.reference
+                    }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
similarity index 72%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index eead82c..39d3185 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -1,9 +1,9 @@
-import { DataWrapper } from "#/components/layouts/dataWrapper.js";
-import { Page } from "#/components/layouts/page/page.js";
-import { AttachmentsTable } from "#/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.js";
-import { attachmentsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js";
 import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes";
 import { useParams } from "@tanstack/react-router";
+import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js";
+import { Page } from "../../../../../../../components/layouts/page/page.js";
+import { attachmentsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js";
+import { AttachmentsTable } from "./attachmentsTable.js";
 
 
 export function AttachmentsPage() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
index 0781fd0..852f6d8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
@@ -1,97 +1,98 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDate } from "#/components/formats/formatDate.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatFileSize } from "#/components/formats/formatFileSize.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataTable } from "#/components/layouts/dataTable.js"
-import { CreateOneAttachment } from "#/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import * as v from "valibot"
-
-
-export function AttachmentsTable(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    attachments: Array<v.InferOutput<typeof returnedSchemas.attachment>>
-}) {
-    const attachmentsData = props.attachments
-        .sort((a, b) => b.date.localeCompare(a.date))
-
-    return (
-        <DataTable
-            data={attachmentsData}
-            isLoading={false}
-            columns={[
-                {
-                    accessorKey: 'reference',
-                    header: 'Référence',
-                    cell: ({ row }) => (<FormatText>
-                        {row.original.reference}
-                    </FormatText>),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'label',
-                    header: "Libellé",
-                    cell: ({ row }) => (!row.original.label ? <FormatNull /> : <FormatText>
-                        {row.original.label}
-                    </FormatText>),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'date',
-                    header: "Date",
-                    cell: ({ row }) => (<FormatDate date={row.original.date} />),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'type',
-                    header: "Type",
-                    cell: ({ row }) => (row.original.type?.split("/").at(1)),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'size',
-                    header: "Taille",
-                    cell: ({ row }) => (<FormatFileSize size={row.original.size} />),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'createdAt',
-                    header: "Ajouté le",
-                    cell: ({ row }) => (<FormatDateTime date={row.original.createdAt} />),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'lastUpdatedAt',
-                    header: "Dernière mise à jour le",
-                    cell: ({ row }) => (<FormatDateTime date={row.original.lastUpdatedAt} />),
-                    filterFn: 'includesString'
-                }
-            ]}
-            onRowClick={(row) => {
-                platformRouter.navigate({
-                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
-                    params: {
-                        idOrganization: props.idOrganization,
-                        idYear: props.idYear,
-                        idAttachment: row.original.id
-                    }
-                })
-            }}
-        >
-            <CreateOneAttachment
-                idOrganization={props.idOrganization}
-                idYear={props.idYear}
-            >
-                <ButtonPlainContent
-                    icon={<IconPlus />}
-                    text="Ajouter un fichier"
-                />
-            </CreateOneAttachment>
-        </DataTable>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ButtonContent } from "@arrhes/ui"
+import { IconPlus } from "@tabler/icons-react"
+import * as v from "valibot"
+import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
+import { FormatDateTime } from "../../../../../../../components/formats/formatDateTime.js"
+import { FormatFileSize } from "../../../../../../../components/formats/formatFileSize.js"
+import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
+import { FormatText } from "../../../../../../../components/formats/formatText.js"
+import { DataTable } from "../../../../../../../components/layouts/dataTable.js"
+import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { CreateOneAttachment } from "./createOneAttachment.js"
+
+
+export function AttachmentsTable(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    attachments: Array<v.InferOutput<typeof returnedSchemas.attachment>>
+}) {
+    const attachmentsData = props.attachments
+        .sort((a, b) => b.date.localeCompare(a.date))
+
+    return (
+        <DataTable
+            data={attachmentsData}
+            isLoading={false}
+            columns={[
+                {
+                    accessorKey: 'reference',
+                    header: 'Référence',
+                    cell: ({ row }) => (<FormatText>
+                        {row.original.reference}
+                    </FormatText>),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'label',
+                    header: "Libellé",
+                    cell: ({ row }) => (!row.original.label ? <FormatNull /> : <FormatText>
+                        {row.original.label}
+                    </FormatText>),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'date',
+                    header: "Date",
+                    cell: ({ row }) => (<FormatDate date={row.original.date} />),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'type',
+                    header: "Type",
+                    cell: ({ row }) => (row.original.type?.split("/").at(1)),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'size',
+                    header: "Taille",
+                    cell: ({ row }) => (<FormatFileSize size={row.original.size} />),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'createdAt',
+                    header: "Ajouté le",
+                    cell: ({ row }) => (<FormatDateTime date={row.original.createdAt} />),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'lastUpdatedAt',
+                    header: "Dernière mise à jour le",
+                    cell: ({ row }) => (<FormatDateTime date={row.original.lastUpdatedAt} />),
+                    filterFn: 'includesString'
+                }
+            ]}
+            onRowClick={(row) => {
+                platformRouter.navigate({
+                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
+                    params: {
+                        idOrganization: props.idOrganization,
+                        idYear: props.idYear,
+                        idAttachment: row.original.id
+                    }
+                })
+            }}
+        >
+            <CreateOneAttachment
+                idOrganization={props.idOrganization}
+                idYear={props.idYear}
+            >
+                <ButtonContent
+                    variant="primary"
+                    icon={<IconPlus />}
+                    text="Ajouter un fichier"
+                />
+            </CreateOneAttachment>
+        </DataTable>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
index b90bd7c..7f718ed 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
@@ -1,210 +1,210 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputFile } from "#/components/inputs/inputFile.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { fileSchema } from "@arrhes/application-metadata/components"
-import { createOneAttachmentRouteDefinition, generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneAttachment(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouveau fichier"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={v.intersect([
-                            createOneAttachmentRouteDefinition.schemas.body,
-                            v.object({ file: v.optional(fileSchema) })
-                        ])}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter le fichier",
-                        }}
-                        onSubmit={async (data) => {
-                            const createAttachmentResponse = await postAPI({
-                                routeDefinition: createOneAttachmentRouteDefinition,
-                                body: {
-                                    idOrganization: data.idOrganization,
-                                    idYear: data.idYear,
-                                    reference: data.reference,
-                                    label: data.label,
-                                    date: data.date,
-                                },
-                            })
-                            if (createAttachmentResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter le fichier", variant: "error" })
-                                return false
-                            }
-
-
-                            if (data.file !== undefined) {
-                                const signedUrlResponse = await postAPI({
-                                    routeDefinition: generateAttachmentPutSignedUrlRouteDefinition,
-                                    body: {
-                                        idOrganization: props.idOrganization,
-                                        idYear: props.idYear,
-                                        idAttachment: createAttachmentResponse.data.id,
-                                        type: data.file.type,
-                                        size: data.file.size,
-                                    },
-                                })
-                                if (signedUrlResponse.ok === false) {
-                                    toast({ title: "Impossible de télécharger le fichier", variant: "error" })
-                                    return false
-                                }
-                                const uploadFileResponse = await fetch(
-                                    signedUrlResponse.data.url,
-                                    {
-                                        method: "PUT",
-                                        body: data.file,
-                                    }
-                                )
-                                if (uploadFileResponse.ok === false) {
-                                    toast({ title: "Le fichier ne peut pas être téléchargé", variant: "error" })
-                                    return false
-                                }
-                            }
-
-                            toast({ title: "Fichier ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllAttachmentsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-
-                                <FormField
-                                    control={form.control}
-                                    name="file"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Fichier"
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputFile
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="date"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="reference"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Référence"
-                                                // tooltip="La référence associée au fichier."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé du fichier"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { fileSchema } from "@arrhes/application-metadata/components"
+import { createOneAttachmentRouteDefinition, generateAttachmentPutSignedUrlRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.js"
+import { postAPI } from "../../../../../../../utilities/postAPI.js"
+import { FormControl } from "../../../../../../../components/forms/formControl.js"
+import { FormError } from "../../../../../../../components/forms/formError.js"
+import { FormField } from "../../../../../../../components/forms/formField.js"
+import { FormItem } from "../../../../../../../components/forms/formItem.js"
+import { FormLabel } from "../../../../../../../components/forms/formLabel.js"
+import { FormRoot } from "../../../../../../../components/forms/formRoot.js"
+import { InputDate } from "../../../../../../../components/inputs/inputDate.js"
+import { InputFile } from "../../../../../../../components/inputs/inputFile.js"
+import { InputText } from "../../../../../../../components/inputs/inputText.js"
+import { Drawer } from "../../../../../../../components/overlays/drawer/drawer.js"
+import { toast } from "../../../../../../../contexts/toasts/useToast.js"
+
+
+export function CreateOneAttachment(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouveau fichier"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={v.intersect([
+                            createOneAttachmentRouteDefinition.schemas.body,
+                            v.object({ file: v.optional(fileSchema) })
+                        ])}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter le fichier",
+                        }}
+                        onSubmit={async (data) => {
+                            const createAttachmentResponse = await postAPI({
+                                routeDefinition: createOneAttachmentRouteDefinition,
+                                body: {
+                                    idOrganization: data.idOrganization,
+                                    idYear: data.idYear,
+                                    reference: data.reference,
+                                    label: data.label,
+                                    date: data.date,
+                                },
+                            })
+                            if (createAttachmentResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter le fichier", variant: "error" })
+                                return false
+                            }
+
+
+                            if (data.file !== undefined) {
+                                const signedUrlResponse = await postAPI({
+                                    routeDefinition: generateAttachmentPutSignedUrlRouteDefinition,
+                                    body: {
+                                        idOrganization: props.idOrganization,
+                                        idYear: props.idYear,
+                                        idAttachment: createAttachmentResponse.data.id,
+                                        type: data.file.type,
+                                        size: data.file.size,
+                                    },
+                                })
+                                if (signedUrlResponse.ok === false) {
+                                    toast({ title: "Impossible de télécharger le fichier", variant: "error" })
+                                    return false
+                                }
+                                const uploadFileResponse = await fetch(
+                                    signedUrlResponse.data.url,
+                                    {
+                                        method: "PUT",
+                                        body: data.file,
+                                    }
+                                )
+                                if (uploadFileResponse.ok === false) {
+                                    toast({ title: "Le fichier ne peut pas être téléchargé", variant: "error" })
+                                    return false
+                                }
+                            }
+
+                            toast({ title: "Fichier ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllAttachmentsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+
+                                <FormField
+                                    control={form.control}
+                                    name="file"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Fichier"
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputFile
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="date"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="reference"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Référence"
+                                                // tooltip="La référence associée au fichier."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé du fichier"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
index 5d3b391..64e3aa8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneRecordRow(props: {
@@ -78,7 +78,7 @@ export function DeleteOneRecordRow(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce mouvement ?
                             </Dialog.Title>
@@ -89,11 +89,13 @@ export function DeleteOneRecordRow(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
index 2a45144..5be06da 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
@@ -1,22 +1,21 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatBoolean } from "#/components/formats/formatBoolean.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.js"
-import { UpdateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.js"
-import { recordRowRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.js"
 import { readOneAccountRouteDefinition, readOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatBoolean } from "../../../../../../../../../components/formats/formatBoolean.tsx"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
+import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../../../../../../../components/layouts/page/page.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { recordRowRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx"
+import { DeleteOneRecordRow } from "./deleteOneRecordRow.tsx"
+import { UpdateOneRecordRow } from "./updateOneRecordRow.tsx"
 
 
 export function RecordRowPage() {
@@ -37,7 +36,7 @@ export function RecordRowPage() {
                         return (
                             <Section.Root>
                                 <Section.Item>
-                                    <div className="w-full flex justify-between items-start gap-2">
+                                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
                                         <Link
                                             to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord"
                                             params={{
@@ -46,16 +45,18 @@ export function RecordRowPage() {
                                                 idRecord: recordRow.idRecord,
                                             }}
                                         >
-                                            <ButtonOutlineContent
+                                            <ButtonContent
+                                                variant="default"
                                                 icon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
                                         </Link>
-                                        <div className="flex justify-end items-center gap-2">
+                                        <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                             <UpdateOneRecordRow
                                                 recordRow={recordRow}
                                             >
-                                                <ButtonPlain
+                                                <Button
+                                                    variant="primary"
                                                     icon={<IconPencil />}
                                                     text="Modifier"
                                                 />
@@ -63,7 +64,8 @@ export function RecordRowPage() {
                                             <DeleteOneRecordRow
                                                 recordRow={recordRow}
                                             >
-                                                <ButtonOutline
+                                                <Button
+                                                    variant="default"
                                                     icon={<IconTrash />}
                                                     title="Supprimer"
                                                     color="error"
@@ -72,7 +74,7 @@ export function RecordRowPage() {
                                         </div>
                                     </div>
                                 </Section.Item>
-                                <Section.Item className="flex-col">
+                                <Section.Item className={css({ flexDir: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
similarity index 89%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
index 61b8542..9de4411 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
@@ -1,310 +1,311 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputPrice } from "#/components/inputs/inputNumber.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRowRouteDefinition, updateOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneRecordRow(props: {
-    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier un mouvement"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneRecordRowRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.recordRow,
-                            idRecordRow: props.recordRow.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier le mouvement",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateRecordRowResponse = await postAPI({
-                                routeDefinition: updateOneRecordRowRouteDefinition,
-                                body: data,
-                            })
-                            if (updateRecordRowResponse.ok === false) {
-                                toast({ title: "Impossible de modifier le mouvement", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Mouvement modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordRowsRouteDefinition,
-                                body: {
-                                    idOrganization: props.recordRow.idOrganization,
-                                    idYear: props.recordRow.idYear,
-                                    idRecord: props.recordRow.idRecord,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneRecordRowRouteDefinition,
-                                body: {
-                                    idOrganization: props.recordRow.idOrganization,
-                                    idYear: props.recordRow.idYear,
-                                    idRecordRow: props.recordRow.id,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAccount"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Compte"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllAccountsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.recordRow.idOrganization,
-                                                        idYear: props.recordRow.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un compte"
-                                                    getOption={(journal) => ({
-                                                        key: journal.id,
-                                                        label: `${journal.number} - ${journal.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <div className="flex justify-start items-start gap-1">
-                                    <FormField
-                                        control={form.control}
-                                        name="debit"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Débit"
-                                                    isRequired={false}
-                                                />
-                                                <FormControl>
-                                                    <InputPrice
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                    <FormField
-                                        control={form.control}
-                                        name="credit"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Crédit"
-                                                    isRequired={false}
-                                                />
-                                                <FormControl>
-                                                    <InputPrice
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                </div>
-                                <div className="w-full flex-col justify-start items-start gap-2">
-                                    <FormLabel
-                                        label="Mouvement ajouté aux calculs ?"
-                                        isRequired={false}
-                                    />
-                                    <div className="w-full flex justify-start items-start flex-wrap gap-2">
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForJournalReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Journal"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForLedgerReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Grand-livre"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Balance"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceSheetReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Bilan"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForIncomeStatementReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Compte de résultat"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                    </div>
-                                </div>
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRowRouteDefinition, updateOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputPrice } from "../../../../../../../../../components/inputs/inputNumber.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneRecordRow(props: {
+    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier un mouvement"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneRecordRowRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.recordRow,
+                            idRecordRow: props.recordRow.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier le mouvement",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateRecordRowResponse = await postAPI({
+                                routeDefinition: updateOneRecordRowRouteDefinition,
+                                body: data,
+                            })
+                            if (updateRecordRowResponse.ok === false) {
+                                toast({ title: "Impossible de modifier le mouvement", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Mouvement modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordRowsRouteDefinition,
+                                body: {
+                                    idOrganization: props.recordRow.idOrganization,
+                                    idYear: props.recordRow.idYear,
+                                    idRecord: props.recordRow.idRecord,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneRecordRowRouteDefinition,
+                                body: {
+                                    idOrganization: props.recordRow.idOrganization,
+                                    idYear: props.recordRow.idYear,
+                                    idRecordRow: props.recordRow.id,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAccount"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Compte"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllAccountsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.recordRow.idOrganization,
+                                                        idYear: props.recordRow.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un compte"
+                                                    getOption={(journal) => ({
+                                                        key: journal.id,
+                                                        label: `${journal.number} - ${journal.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                                    <FormField
+                                        control={form.control}
+                                        name="debit"
+                                        render={({ field }) => (
+                                            <FormItem>
+                                                <FormLabel
+                                                    label="Débit"
+                                                    isRequired={false}
+                                                />
+                                                <FormControl>
+                                                    <InputPrice
+                                                        value={field.value}
+                                                        onChange={field.onChange}
+                                                    />
+                                                </FormControl>
+                                                <FormError />
+                                            </FormItem>
+                                        )}
+                                    />
+                                    <FormField
+                                        control={form.control}
+                                        name="credit"
+                                        render={({ field }) => (
+                                            <FormItem>
+                                                <FormLabel
+                                                    label="Crédit"
+                                                    isRequired={false}
+                                                />
+                                                <FormControl>
+                                                    <InputPrice
+                                                        value={field.value}
+                                                        onChange={field.onChange}
+                                                    />
+                                                </FormControl>
+                                                <FormError />
+                                            </FormItem>
+                                        )}
+                                    />
+                                </div>
+                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                    <FormLabel
+                                        label="Mouvement ajouté aux calculs ?"
+                                        isRequired={false}
+                                    />
+                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForJournalReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Journal"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForLedgerReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Grand-livre"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Balance"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceSheetReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Bilan"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForIncomeStatementReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Compte de résultat"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                    </div>
+                                </div>
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
index 887b700..9e83e63 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
@@ -1,316 +1,317 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputPrice } from "#/components/inputs/inputNumber.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordRowRouteDefinition, readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneRecordRow(props: {
-    record: v.InferOutput<typeof returnedSchemas.record>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouveau mouvement"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneRecordRowRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.record.idOrganization,
-                            idYear: props.record.idYear,
-                            idRecord: props.record.id,
-                            isComputedForJournalReport: true,
-                            isComputedForLedgerReport: true,
-                            isComputedForBalanceReport: true,
-                            isComputedForBalanceSheetReport: true,
-                            isComputedForIncomeStatementReport: true,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter le mouvement",
-                        }}
-                        onSubmit={async (data) => {
-                            const createRecordRowResponse = await postAPI({
-                                routeDefinition: createOneRecordRowRouteDefinition,
-                                body: data,
-                            })
-                            if (createRecordRowResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter le mouvement", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Mouvement ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readOneRecordRouteDefinition,
-                                body: {
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                    idRecord: props.record.id,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordRowsRouteDefinition,
-                                body: {
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                    idRecord: props.record.id,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAccount"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Compte"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllAccountsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.record.idOrganization,
-                                                        idYear: props.record.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un compte"
-                                                    getOption={(journal) => ({
-                                                        key: journal.id,
-                                                        label: `${journal.number} - ${journal.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <div className="flex justify-start items-start gap-1">
-                                    <FormField
-                                        control={form.control}
-                                        name="debit"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Débit"
-                                                    isRequired={false}
-                                                />
-                                                <FormControl>
-                                                    <InputPrice
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                    <FormField
-                                        control={form.control}
-                                        name="credit"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Crédit"
-                                                    isRequired={false}
-                                                />
-                                                <FormControl>
-                                                    <InputPrice
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                </div>
-                                <div className="w-full flex-col justify-start items-start gap-2">
-                                    <FormLabel
-                                        label="Mouvement ajouté aux calculs ?"
-                                        isRequired={false}
-                                    />
-                                    <div className="w-full flex justify-start items-start flex-wrap gap-2">
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForJournalReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Journal"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForLedgerReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Grand-livre"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Balance"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceSheetReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Bilan"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForIncomeStatementReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Compte de résultat"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                    </div>
-                                </div>
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneRecordRowRouteDefinition, readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputPrice } from "../../../../../../../../components/inputs/inputNumber.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneRecordRow(props: {
+    record: v.InferOutput<typeof returnedSchemas.record>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouveau mouvement"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneRecordRowRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.record.idOrganization,
+                            idYear: props.record.idYear,
+                            idRecord: props.record.id,
+                            isComputedForJournalReport: true,
+                            isComputedForLedgerReport: true,
+                            isComputedForBalanceReport: true,
+                            isComputedForBalanceSheetReport: true,
+                            isComputedForIncomeStatementReport: true,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter le mouvement",
+                        }}
+                        onSubmit={async (data) => {
+                            const createRecordRowResponse = await postAPI({
+                                routeDefinition: createOneRecordRowRouteDefinition,
+                                body: data,
+                            })
+                            if (createRecordRowResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter le mouvement", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Mouvement ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readOneRecordRouteDefinition,
+                                body: {
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                    idRecord: props.record.id,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordRowsRouteDefinition,
+                                body: {
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                    idRecord: props.record.id,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAccount"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Compte"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllAccountsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.record.idOrganization,
+                                                        idYear: props.record.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un compte"
+                                                    getOption={(journal) => ({
+                                                        key: journal.id,
+                                                        label: `${journal.number} - ${journal.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                                    <FormField
+                                        control={form.control}
+                                        name="debit"
+                                        render={({ field }) => (
+                                            <FormItem>
+                                                <FormLabel
+                                                    label="Débit"
+                                                    isRequired={false}
+                                                />
+                                                <FormControl>
+                                                    <InputPrice
+                                                        value={field.value}
+                                                        onChange={field.onChange}
+                                                    />
+                                                </FormControl>
+                                                <FormError />
+                                            </FormItem>
+                                        )}
+                                    />
+                                    <FormField
+                                        control={form.control}
+                                        name="credit"
+                                        render={({ field }) => (
+                                            <FormItem>
+                                                <FormLabel
+                                                    label="Crédit"
+                                                    isRequired={false}
+                                                />
+                                                <FormControl>
+                                                    <InputPrice
+                                                        value={field.value}
+                                                        onChange={field.onChange}
+                                                    />
+                                                </FormControl>
+                                                <FormError />
+                                            </FormItem>
+                                        )}
+                                    />
+                                </div>
+                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                    <FormLabel
+                                        label="Mouvement ajouté aux calculs ?"
+                                        isRequired={false}
+                                    />
+                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForJournalReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Journal"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForLedgerReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Grand-livre"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Balance"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceSheetReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Bilan"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForIncomeStatementReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Compte de résultat"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                    </div>
+                                </div>
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
index b759163..25be717 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneRecord(props: {
@@ -76,7 +76,7 @@ export function DeleteOneRecord(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette écriture ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneRecord(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
index f8e4176..061d48b 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { duplicateOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { IconCopyCheck } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
 
 
 export function DuplicateOneRecord(props: {
@@ -77,7 +77,7 @@ export function DuplicateOneRecord(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ padding: "4", paddingTop: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous dupliquer cette écriture ?
                             </Dialog.Title>
@@ -86,11 +86,13 @@ export function DuplicateOneRecord(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconCopyCheck />}
                                 onClick={() => onSubmit()}
                                 text="Dupliquer l'écriture"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
similarity index 89%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
index 8230667..56d6141 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
@@ -1,25 +1,25 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDate } from "#/components/formats/formatDate.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { formatPrice, FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Banner } from "#/components/layouts/banner.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.js"
-import { DuplicateOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.js"
-import { RecordRowsTable } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.js"
-import { UpdateOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.js"
-import { recordRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.js"
-import { compareAmounts } from "#/utilities/compareAmounts.js"
 import { readAllRecordRowsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition, readOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconCopyCheck, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { formatPrice, FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { Banner } from "../../../../../../../../components/layouts/banner.tsx"
+import { DataBlock } from "../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
+import { recordRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx"
+import { compareAmounts } from "../../../../../../../../utilities/compareAmounts.ts"
+import { DeleteOneRecord } from "./deleteOneRecord.tsx"
+import { DuplicateOneRecord } from "./duplicateOneRecord.tsx"
+import { RecordRowsTable } from "./recordRowsTable.tsx"
+import { UpdateOneRecord } from "./updateOneRecord.tsx"
 
 
 export function RecordPage() {
@@ -58,7 +58,7 @@ export function RecordPage() {
                                     return (
                                         <Section.Root>
                                             <Section.Item>
-                                                <div className="w-full flex justify-between items-start gap-2">
+                                                <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
                                                     <Link
                                                         to="/organisations/$idOrganization/exercices/$idYear/écritures"
                                                         params={{
@@ -66,16 +66,18 @@ export function RecordPage() {
                                                             idYear: params.idYear,
                                                         }}
                                                     >
-                                                        <ButtonOutlineContent
+                                                        <ButtonContent
+                                                            variant="default"
                                                             icon={<IconChevronLeft />}
                                                             text="Retour"
                                                         />
                                                     </Link>
-                                                    <div className="flex justify-end items-center gap-2">
+                                                    <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                                         <UpdateOneRecord
                                                             record={record}
                                                         >
-                                                            <ButtonPlainContent
+                                                            <ButtonContent
+                                                                variant="primary"
                                                                 icon={<IconPencil />}
                                                                 text="Modifier"
                                                             />
@@ -83,7 +85,8 @@ export function RecordPage() {
                                                         <DuplicateOneRecord
                                                             record={record}
                                                         >
-                                                            <ButtonOutlineContent
+                                                            <ButtonContent
+                                                                variant="default"
                                                                 icon={<IconCopyCheck />}
                                                                 text="Dupliquer"
                                                             />
@@ -91,7 +94,8 @@ export function RecordPage() {
                                                         <DeleteOneRecord
                                                             record={record}
                                                         >
-                                                            <ButtonOutlineContent
+                                                            <ButtonContent
+                                                                variant="default"
                                                                 icon={<IconTrash />}
                                                                 title="Supprimer"
                                                                 color="error"
@@ -113,7 +117,7 @@ export function RecordPage() {
                                                     </div>
                                                 </div>
                                             </Section.Item>
-                                            <Section.Item className="p-0">
+                                            <Section.Item className={css({ p: "0" })}>
                                                 {
                                                     (record.idAttachment === null)
                                                         ? (null)
@@ -136,7 +140,7 @@ export function RecordPage() {
                                                         )
                                                 }
                                             </Section.Item>
-                                            <Section.Item className="flex-col">
+                                            <Section.Item className={css({ flexDir: "column" })}>
                                                 <DataBlock.Root>
                                                     <DataBlock.Header>
                                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
similarity index 76%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
index 872ef15..141126d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
@@ -1,160 +1,162 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonGhostContent } from "#/components/buttons/buttonGhostContent.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataTable } from "#/components/layouts/dataTable.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { UpdateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.js"
-import { CreateOneRecordRow } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.js"
-import { UpdateManyRecordRows } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.js"
-import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconEdit, IconEye, IconPencil, IconPlus } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-import * as v from "valibot"
-
-
-export function RecordRowsTable(props: {
-    record: v.InferOutput<typeof returnedSchemas.record>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    isLoading?: boolean
-}) {
-    return (
-        <DataTable
-            data={props.recordRows}
-            isLoading={false}
-            columns={[
-                {
-                    accessorKey: "actions",
-                    header: " ",
-                    cell: ({ row }) => (
-                        <div className="flex justify-center items-center">
-                            <UpdateOneRecordRow
-                                recordRow={row.original}
-                            >
-                                <ButtonGhost
-                                    icon={<IconPencil />}
-                                    text={undefined}
-                                />
-                            </UpdateOneRecordRow>
-                            <Link
-                                to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow"
-                                params={{
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                    idRecord: row.original.idRecord,
-                                    idRecordRow: row.original.id
-                                }}
-                            >
-                                <ButtonGhostContent
-                                    icon={<IconEye />}
-                                    text={undefined}
-                                />
-                            </Link>
-                        </div>
-                    ),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'label',
-                    header: 'Libellé',
-                    cell: ({ row }) => (
-                        <FormatText>
-                            {row.original.label}
-                        </FormatText>
-                    ),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'idAccount',
-                    header: 'Compte',
-                    cell: ({ row }) => (
-                        <DataWrapper
-                            routeDefinition={readOneAccountRouteDefinition}
-                            body={{
-                                idOrganization: props.record.idOrganization,
-                                idYear: props.record.idYear,
-                                idAccount: row.original.idAccount
-                            }}
-                        >
-                            {(account) => (
-                                <div className="flex justify-start items-start gap-2">
-                                    <FormatText className="overflow-visible">
-                                        {account.number}
-                                    </FormatText>
-                                    <FormatText wrap={true} className="text-neutral/50">
-                                        {account.label}
-                                    </FormatText>
-                                </div>
-                            )}
-                        </DataWrapper>
-                    ),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'debit',
-                    header: "Débit",
-                    cell: ({ row }) => (
-                        <FormatPrice
-                            price={row.original.debit}
-                        />
-                    ),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'credit',
-                    header: "Crédit",
-                    cell: ({ row }) => (
-                        <FormatPrice
-                            price={row.original.credit}
-                        />
-                    ),
-                    filterFn: 'includesString'
-                },
-                {
-                    accessorKey: 'createdAt',
-                    header: "Ajouté le",
-                    cell: ({ row }) => (
-                        <FormatDateTime
-                            date={row.original.createdAt}
-                        />
-                    ),
-                    filterFn: 'includesString'
-                }
-            ]}
-            onRowClick={(row) => {
-                // platformRouter.navigate({
-                //     to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow",
-                //     params: {
-                //         idOrganization: props.record.idOrganization,
-                //         idYear: props.record.idYear,
-                //         idRecord: row.original.idRecord,
-                //         idRecordRow: row.original.id
-                //     }
-                // })
-            }}
-        >
-            <div className="flex justify-end items-center gap-1">
-                <CreateOneRecordRow
-                    record={props.record}
-                >
-                    <ButtonPlainContent
-                        icon={<IconPlus />}
-                        text="Ajouter un mouvement"
-                    />
-                </CreateOneRecordRow>
-                <UpdateManyRecordRows
-                    record={props.record}
-                >
-                    <ButtonOutlineContent
-                        icon={<IconEdit />}
-                        text="Modifier plusieurs mouvements"
-                    />
-                </UpdateManyRecordRows>
-            </div>
-        </DataTable>
-    )
-}
+import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconEdit, IconEye, IconPencil, IconPlus } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import * as v from "valibot"
+import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { DataTable } from "../../../../../../../../components/layouts/dataTable.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { UpdateOneRecordRow } from "./$idRecordRow/updateOneRecordRow.tsx"
+import { CreateOneRecordRow } from "./createOneRecordRow.tsx"
+import { UpdateManyRecordRows } from "./updateManyRecordRows.tsx"
+
+
+export function RecordRowsTable(props: {
+    record: v.InferOutput<typeof returnedSchemas.record>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    isLoading?: boolean
+}) {
+    return (
+        <DataTable
+            data={props.recordRows}
+            isLoading={false}
+            columns={[
+                {
+                    accessorKey: "actions",
+                    header: " ",
+                    cell: ({ row }) => (
+                        <div className={css({ display: "flex", justifyContent: "center", alignItems: "center" })}>
+                            <UpdateOneRecordRow
+                                recordRow={row.original}
+                            >
+                                <Button
+                                    variant="invisible"
+                                    icon={<IconPencil />}
+                                    text={undefined}
+                                />
+                            </UpdateOneRecordRow>
+                            <Link
+                                to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow"
+                                params={{
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                    idRecord: row.original.idRecord,
+                                    idRecordRow: row.original.id
+                                }}
+                            >
+                                <ButtonContent
+                                    variant="invisible"
+                                    icon={<IconEye />}
+                                    text={undefined}
+                                />
+                            </Link>
+                        </div>
+                    ),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'label',
+                    header: 'Libellé',
+                    cell: ({ row }) => (
+                        <FormatText>
+                            {row.original.label}
+                        </FormatText>
+                    ),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'idAccount',
+                    header: 'Compte',
+                    cell: ({ row }) => (
+                        <DataWrapper
+                            routeDefinition={readOneAccountRouteDefinition}
+                            body={{
+                                idOrganization: props.record.idOrganization,
+                                idYear: props.record.idYear,
+                                idAccount: row.original.idAccount
+                            }}
+                        >
+                            {(account) => (
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                    <FormatText className={css({ overflow: "visible" })}>
+                                        {account.number}
+                                    </FormatText>
+                                    <FormatText wrap={true} className={css({ color: "neutral/50" })}>
+                                        {account.label}
+                                    </FormatText>
+                                </div>
+                            )}
+                        </DataWrapper>
+                    ),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'debit',
+                    header: "Débit",
+                    cell: ({ row }) => (
+                        <FormatPrice
+                            price={row.original.debit}
+                        />
+                    ),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'credit',
+                    header: "Crédit",
+                    cell: ({ row }) => (
+                        <FormatPrice
+                            price={row.original.credit}
+                        />
+                    ),
+                    filterFn: 'includesString'
+                },
+                {
+                    accessorKey: 'createdAt',
+                    header: "Ajouté le",
+                    cell: ({ row }) => (
+                        <FormatDateTime
+                            date={row.original.createdAt}
+                        />
+                    ),
+                    filterFn: 'includesString'
+                }
+            ]}
+            onRowClick={(row) => {
+                // platformRouter.navigate({
+                //     to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow",
+                //     params: {
+                //         idOrganization: props.record.idOrganization,
+                //         idYear: props.record.idYear,
+                //         idRecord: row.original.idRecord,
+                //         idRecordRow: row.original.id
+                //     }
+                // })
+            }}
+        >
+            <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
+                <CreateOneRecordRow
+                    record={props.record}
+                >
+                    <ButtonContent
+                        variant="primary"
+                        icon={<IconPlus />}
+                        text="Ajouter un mouvement"
+                    />
+                </CreateOneRecordRow>
+                <UpdateManyRecordRows
+                    record={props.record}
+                >
+                    <ButtonContent
+                        variant="default"
+                        icon={<IconEdit />}
+                        text="Modifier plusieurs mouvements"
+                    />
+                </UpdateManyRecordRows>
+            </div>
+        </DataTable>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
index a98103b..fdee569 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
@@ -1,231 +1,232 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllRecordRowsRouteDefinition, updateManyRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateManyRecordRows(props: {
-    record: v.InferOutput<typeof returnedSchemas.record>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier tous les mouvements"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateManyRecordRowsRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.record.idOrganization,
-                            idYear: props.record.idYear,
-                            idRecord: props.record.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier les mouvements",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateManyRecordRowsResponse = await postAPI({
-                                routeDefinition: updateManyRecordRowsRouteDefinition,
-                                body: data,
-                            })
-                            if (updateManyRecordRowsResponse.ok === false) {
-                                toast({ title: "Impossible de modifier les mouvements", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Mouvements modifiés avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordRowsRouteDefinition,
-                                body: {
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                    idRecord: props.record.id,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <div className="w-full flex-col justify-start items-start gap-2">
-                                    <FormLabel
-                                        label="Mouvement ajouté aux calculs ?"
-                                        isRequired={false}
-                                    />
-                                    <div className="w-full flex justify-start items-start flex-wrap gap-2">
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForJournalReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Journal"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForLedgerReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Grand-livre"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Balance"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForBalanceSheetReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Bilan"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                        <FormField
-                                            control={form.control}
-                                            name="isComputedForIncomeStatementReport"
-                                            render={({ field }) => (
-                                                <FormItem className="w-fit">
-                                                    <FormLabel
-                                                        label="Compte de résultat"
-                                                        isRequired={true}
-                                                    />
-                                                    <FormControl>
-                                                        <InputToggle
-                                                            value={field.value}
-                                                            onChange={field.onChange}
-                                                            options={[
-                                                                { value: true, label: "Oui" },
-                                                                { value: false, label: "Non" }
-                                                            ]}
-                                                        />
-                                                    </FormControl>
-                                                    <FormError />
-                                                </FormItem>
-                                            )}
-                                        />
-                                    </div>
-                                </div>
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllRecordRowsRouteDefinition, updateManyRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateManyRecordRows(props: {
+    record: v.InferOutput<typeof returnedSchemas.record>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier tous les mouvements"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateManyRecordRowsRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.record.idOrganization,
+                            idYear: props.record.idYear,
+                            idRecord: props.record.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier les mouvements",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateManyRecordRowsResponse = await postAPI({
+                                routeDefinition: updateManyRecordRowsRouteDefinition,
+                                body: data,
+                            })
+                            if (updateManyRecordRowsResponse.ok === false) {
+                                toast({ title: "Impossible de modifier les mouvements", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Mouvements modifiés avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordRowsRouteDefinition,
+                                body: {
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                    idRecord: props.record.id,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                    <FormLabel
+                                        label="Mouvement ajouté aux calculs ?"
+                                        isRequired={false}
+                                    />
+                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForJournalReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Journal"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForLedgerReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Grand-livre"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Balance"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForBalanceSheetReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Bilan"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                        <FormField
+                                            control={form.control}
+                                            name="isComputedForIncomeStatementReport"
+                                            render={({ field }) => (
+                                                <FormItem className={css({ width: "fit-content" })}>
+                                                    <FormLabel
+                                                        label="Compte de résultat"
+                                                        isRequired={true}
+                                                    />
+                                                    <FormControl>
+                                                        <InputToggle
+                                                            value={field.value}
+                                                            onChange={field.onChange}
+                                                            options={[
+                                                                { value: true, label: "Oui" },
+                                                                { value: false, label: "Non" }
+                                                            ]}
+                                                        />
+                                                    </FormControl>
+                                                    <FormError />
+                                                </FormItem>
+                                            )}
+                                        />
+                                    </div>
+                                </div>
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
similarity index 91%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
index d103000..de3c324 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
@@ -1,222 +1,222 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition, readOneRecordRouteDefinition, updateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneRecord(props: {
-    record: v.InferOutput<typeof returnedSchemas.record>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier une écriture"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneRecordRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.record,
-                            idRecord: props.record.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier l'écriture",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateRecordResponse = await postAPI({
-                                routeDefinition: updateOneRecordRouteDefinition,
-                                body: data,
-                            })
-                            if (updateRecordResponse.ok === false) {
-                                toast({ title: "Impossible de modifier l'écriture", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Écriture modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordsRouteDefinition,
-                                body: {
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneRecordRouteDefinition,
-                                body: {
-                                    idOrganization: props.record.idOrganization,
-                                    idYear: props.record.idYear,
-                                    idRecord: props.record.id,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="date"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idJournal"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Journal"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllJournalsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.record.idOrganization,
-                                                        idYear: props.record.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un journal"
-                                                    getOption={(journal) => ({
-                                                        key: journal.id,
-                                                        label: `(${journal.code}) ${journal.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idRecordLabel"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Catégorie"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllRecordLabelsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.record.idOrganization,
-                                                        idYear: props.record.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une catégorie"
-                                                    getOption={(recordLabel) => ({
-                                                        key: recordLabel.id,
-                                                        label: `${recordLabel.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAttachment"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Pièce justificative"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllAttachmentsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.record.idOrganization,
-                                                        idYear: props.record.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une pièce justificative"
-                                                    getOption={(attachment) => ({
-                                                        key: attachment.id,
-                                                        label: attachment.reference
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition, readOneRecordRouteDefinition, updateOneRecordRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputDate } from "../../../../../../../../components/inputs/inputDate.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneRecord(props: {
+    record: v.InferOutput<typeof returnedSchemas.record>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier une écriture"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneRecordRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.record,
+                            idRecord: props.record.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier l'écriture",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateRecordResponse = await postAPI({
+                                routeDefinition: updateOneRecordRouteDefinition,
+                                body: data,
+                            })
+                            if (updateRecordResponse.ok === false) {
+                                toast({ title: "Impossible de modifier l'écriture", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Écriture modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordsRouteDefinition,
+                                body: {
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneRecordRouteDefinition,
+                                body: {
+                                    idOrganization: props.record.idOrganization,
+                                    idYear: props.record.idYear,
+                                    idRecord: props.record.id,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="date"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idJournal"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Journal"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllJournalsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.record.idOrganization,
+                                                        idYear: props.record.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un journal"
+                                                    getOption={(journal) => ({
+                                                        key: journal.id,
+                                                        label: `(${journal.code}) ${journal.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idRecordLabel"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Catégorie"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllRecordLabelsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.record.idOrganization,
+                                                        idYear: props.record.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une catégorie"
+                                                    getOption={(recordLabel) => ({
+                                                        key: recordLabel.id,
+                                                        label: `${recordLabel.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAttachment"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Pièce justificative"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllAttachmentsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.record.idOrganization,
+                                                        idYear: props.record.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une pièce justificative"
+                                                    getOption={(attachment) => ({
+                                                        key: attachment.id,
+                                                        label: attachment.reference
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
similarity index 91%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
index 60dcb76..38e86e5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
@@ -1,225 +1,225 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordRouteDefinition, readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneRecord(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle écriture"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneRecordRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            idAttachment: null,
-                            idJournal: null,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter l'écriture",
-                        }}
-                        onSubmit={async (data) => {
-                            const createRecordResponse = await postAPI({
-                                routeDefinition: createOneRecordRouteDefinition,
-                                body: data,
-                            })
-                            if (createRecordResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter l'écriture", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Écriture ajoutée avec succès", variant: "success" })
-                            platformRouter.navigate({
-                                to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
-                                params: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                    idRecord: createRecordResponse.data.id,
-                                }
-                            })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="date"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date"
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idJournal"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Journal"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllJournalsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.idOrganization,
-                                                        idYear: props.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un journal"
-                                                    getOption={(journal) => ({
-                                                        key: journal.id,
-                                                        label: `(${journal.code}) ${journal.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idRecordLabel"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Catégorie"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllRecordLabelsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.idOrganization,
-                                                        idYear: props.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une catégorie"
-                                                    getOption={(recordLabel) => ({
-                                                        key: recordLabel.id,
-                                                        label: `${recordLabel.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAttachment"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Pièce justificative"
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllAttachmentsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.idOrganization,
-                                                        idYear: props.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une pièce justificative"
-                                                    getOption={(attachment) => ({
-                                                        key: attachment.id,
-                                                        label: attachment.reference
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneRecordRouteDefinition, readAllAttachmentsRouteDefinition, readAllJournalsRouteDefinition, readAllRecordLabelsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../components/forms/formControl.js"
+import { FormError } from "../../../../../../../components/forms/formError.js"
+import { FormField } from "../../../../../../../components/forms/formField.js"
+import { FormItem } from "../../../../../../../components/forms/formItem.js"
+import { FormLabel } from "../../../../../../../components/forms/formLabel.js"
+import { FormRoot } from "../../../../../../../components/forms/formRoot.js"
+import { InputDataCombobox } from "../../../../../../../components/inputs/inputDataCombobox.js"
+import { InputDate } from "../../../../../../../components/inputs/inputDate.js"
+import { InputText } from "../../../../../../../components/inputs/inputText.js"
+import { Drawer } from "../../../../../../../components/overlays/drawer/drawer.js"
+import { toast } from "../../../../../../../contexts/toasts/useToast.js"
+import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.js"
+import { postAPI } from "../../../../../../../utilities/postAPI.js"
+
+
+export function CreateOneRecord(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle écriture"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneRecordRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            idAttachment: null,
+                            idJournal: null,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter l'écriture",
+                        }}
+                        onSubmit={async (data) => {
+                            const createRecordResponse = await postAPI({
+                                routeDefinition: createOneRecordRouteDefinition,
+                                body: data,
+                            })
+                            if (createRecordResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter l'écriture", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Écriture ajoutée avec succès", variant: "success" })
+                            platformRouter.navigate({
+                                to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
+                                params: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                    idRecord: createRecordResponse.data.id,
+                                }
+                            })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="date"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date"
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idJournal"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Journal"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllJournalsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.idOrganization,
+                                                        idYear: props.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un journal"
+                                                    getOption={(journal) => ({
+                                                        key: journal.id,
+                                                        label: `(${journal.code}) ${journal.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idRecordLabel"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Catégorie"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllRecordLabelsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.idOrganization,
+                                                        idYear: props.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une catégorie"
+                                                    getOption={(recordLabel) => ({
+                                                        key: recordLabel.id,
+                                                        label: `${recordLabel.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAttachment"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Pièce justificative"
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllAttachmentsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.idOrganization,
+                                                        idYear: props.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une pièce justificative"
+                                                    getOption={(attachment) => ({
+                                                        key: attachment.id,
+                                                        label: attachment.reference
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 15d57ca..703a6ca 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -1,17 +1,17 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDate } from "#/components/formats/formatDate.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataTable } from "#/components/layouts/dataTable.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { CreateOneRecord } from "#/features/organizations/$idOrganization/years/$idYear/records/createOneRecord.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { recordsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
 import { readAllRecordsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
 import { IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
+import { FormatDateTime } from "../../../../../../../components/formats/formatDateTime.js"
+import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
+import { FormatText } from "../../../../../../../components/formats/formatText.js"
+import { DataTable } from "../../../../../../../components/layouts/dataTable.js"
+import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
+import { Page } from "../../../../../../../components/layouts/page/page.js"
+import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { recordsRoute } from "../../../../../../../routes/root/docs/accounting/recordsRoute.js"
+import { CreateOneRecord } from "./createOneRecord.js"
 
 
 export function RecordsPage() {
@@ -161,7 +161,8 @@ export function RecordsPage() {
                                     idOrganization={params.idOrganization}
                                     idYear={params.idYear}
                                 >
-                                    <ButtonPlainContent
+                                    <ButtonContent
+                                        variant="primary"
                                         icon={<IconPlus />}
                                         text="Ajouter une écriture"
                                     />
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
index f38daeb..f5351d4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
@@ -1,10 +1,10 @@
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { BalanceReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.js"
-import { balanceReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.js"
 import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { balanceReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx"
+import { BalanceReportTable } from "./balanceReportTable.tsx"
 
 
 export function BalanceReportPage() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
similarity index 65%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
index db9cb94..149781c 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
@@ -1,9 +1,10 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
 
 
 export function BalanceReportTable(props: {
@@ -50,38 +51,38 @@ export function BalanceReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">Compte</span>
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>Compte</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Débit</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Débit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Crédit</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Crédit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Solde débiteur</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Solde débiteur</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Solde créditeur</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Solde créditeur</span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
             </Table.Header.Root>
-            <Table.Body.Root className="border-y border-neutral/10 last:border-b-0">
+            <Table.Body.Root className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
                 <Table.Body.Row>
                     <Table.Body.Cell align="right">
-                        <span className="text-neutral/50">Total</span>
+                        <span className={css({ color: "neutral/50" })}>Total</span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
-                        <FormatPrice price={accountsTotalDebit} className="font-bold" />
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                        <FormatPrice price={accountsTotalDebit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
-                        <FormatPrice price={accountsTotalCredit} className="font-bold" />
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                        <FormatPrice price={accountsTotalCredit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
-                        <FormatPrice price={accountsTotalBalanceDebit} className="font-bold" />
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                        <FormatPrice price={accountsTotalBalanceDebit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
-                        <FormatPrice price={accountsTotalBalanceCredit} className="font-bold" />
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                        <FormatPrice price={accountsTotalBalanceCredit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
                 </Table.Body.Row>
             </Table.Body.Root>
@@ -119,25 +120,25 @@ export function BalanceReportTable(props: {
                             // accountsTotalBalanceCredit += accountTotalBalanceCredit
 
                             return (
-                                <Table.Body.Row key={account.id} className="border-neutral/5">
-                                    <Table.Body.Cell className="flex justify-start items-start gap-2">
-                                        <FormatText className="overflow-visible">
+                                <Table.Body.Row key={account.id} className={css({ borderColor: "neutral/5" })}>
+                                    <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
+                                        <FormatText className={css({ overflow: "visible" })}>
                                             {account.number}
                                         </FormatText>
-                                        <FormatText wrap={true} className="text-neutral/50">
+                                        <FormatText wrap={true} className={css({ color: "neutral/50" })}>
                                             {account.label}
                                         </FormatText>
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className="w-[1%]" align="right">
+                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalDebit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className="w-[1%]" align="right">
+                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalCredit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className="w-[1%]" align="right">
+                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalBalanceDebit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className="w-[1%]" align="right">
+                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalBalanceCredit} />
                                     </Table.Body.Cell>
                                 </Table.Body.Row>
@@ -147,4 +148,4 @@ export function BalanceReportTable(props: {
             </Table.Body.Root>
         </Table.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
index 7c96017..257bf13 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.tsx
@@ -1,111 +1,111 @@
-import { BalanceSheetAssetsReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function BalanceSheetAssetsReportItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
-    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    const number = (props.level === 0)
-        ? toRoman(Number(props.balanceSheet.number))
-        : null
-
-    const label = props.balanceSheet.label
-
-    const isAmountDisplayed = (props.balanceSheet.isComputed === true || props.balanceSheetChildren.length === 0)
-
-    let grossTotalAmount = 0
-    let amortizationTotalAmount = 0
-    props.accounts
-        .filter((account) => {
-            const hasAccount = (account.idBalanceSheetAsset === props.balanceSheet.id)
-            const hasChildrenAccount = props.balanceSheetChildren.some((balanceSheet) => (balanceSheet.id === account.idBalanceSheetAsset))
-            return hasAccount || hasChildrenAccount
-        })
-        .forEach((account) => {
-            let accountTotalDebit = 0
-            let accountTotalCredit = 0
-
-            props.recordRows
-                .filter((recordRow) => recordRow.idAccount === account.id)
-                .forEach((recordRow) => {
-                    accountTotalDebit += Number(recordRow.debit)
-                    accountTotalCredit += Number(recordRow.credit)
-                })
-
-            const accountBalance = accountTotalDebit - accountTotalCredit
-
-            if (accountBalance < 0 && account.balanceSheetAssetFlow === "debit") {
-                return
-            }
-
-            if (accountBalance > 0 && account.balanceSheetAssetFlow === "credit") {
-                return
-            }
-
-            if (account.balanceSheetAssetColumn === "gross") {
-                if (account.balanceSheetAssetFlow === "debit") {
-                    grossTotalAmount += Math.abs(accountBalance)
-                }
-                if (account.balanceSheetAssetFlow === "credit") {
-                    grossTotalAmount += -Math.abs(accountBalance)
-                }
-            }
-            if (account.balanceSheetAssetColumn === "amortization") {
-                if (account.balanceSheetAssetFlow === "debit") {
-                    amortizationTotalAmount += Math.abs(accountBalance)
-                }
-                if (account.balanceSheetAssetFlow === "credit") {
-                    amortizationTotalAmount += -Math.abs(accountBalance)
-                }
-            }
-        })
-
-    return (
-        <Fragment>
-            <BalanceSheetAssetsReportRow
-                key={props.balanceSheet.id}
-                level={props.level}
-                number={number}
-                label={label}
-                grossAmount={grossTotalAmount}
-                amortizationAmount={amortizationTotalAmount}
-                isAmountDisplayed={isAmountDisplayed}
-            />
-            {
-                props.balanceSheetChildren
-                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
-                    .map((balanceSheet) => {
-                        const balanceSheetChildren = getBalanceSheetChildren({
-                            balanceSheet: balanceSheet,
-                            balanceSheets: props.balanceSheetChildren,
-                        })
-
-                        return (
-                            <BalanceSheetAssetsReportItem
-                                key={balanceSheet.id}
-                                idOrganization={props.idOrganization}
-                                idYear={props.idYear}
-                                accounts={props.accounts}
-                                recordRows={props.recordRows}
-                                balanceSheet={balanceSheet}
-                                balanceSheetChildren={balanceSheetChildren}
-                                level={props.level + 1}
-                            />
-                        )
-                    })
-            }
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+import { toRoman } from "../../../../../../../../../utilities/toRoman.ts"
+import { getBalanceSheetChildren } from "../../../yearSettings/balanceSheets/getBalanceSheetChildren.tsx"
+import { BalanceSheetAssetsReportRow } from "./balanceSheetAssetsReportRow.tsx"
+
+
+export function BalanceSheetAssetsReportItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
+    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    const number = (props.level === 0)
+        ? toRoman(Number(props.balanceSheet.number))
+        : null
+
+    const label = props.balanceSheet.label
+
+    const isAmountDisplayed = (props.balanceSheet.isComputed === true || props.balanceSheetChildren.length === 0)
+
+    let grossTotalAmount = 0
+    let amortizationTotalAmount = 0
+    props.accounts
+        .filter((account) => {
+            const hasAccount = (account.idBalanceSheetAsset === props.balanceSheet.id)
+            const hasChildrenAccount = props.balanceSheetChildren.some((balanceSheet) => (balanceSheet.id === account.idBalanceSheetAsset))
+            return hasAccount || hasChildrenAccount
+        })
+        .forEach((account) => {
+            let accountTotalDebit = 0
+            let accountTotalCredit = 0
+
+            props.recordRows
+                .filter((recordRow) => recordRow.idAccount === account.id)
+                .forEach((recordRow) => {
+                    accountTotalDebit += Number(recordRow.debit)
+                    accountTotalCredit += Number(recordRow.credit)
+                })
+
+            const accountBalance = accountTotalDebit - accountTotalCredit
+
+            if (accountBalance < 0 && account.balanceSheetAssetFlow === "debit") {
+                return
+            }
+
+            if (accountBalance > 0 && account.balanceSheetAssetFlow === "credit") {
+                return
+            }
+
+            if (account.balanceSheetAssetColumn === "gross") {
+                if (account.balanceSheetAssetFlow === "debit") {
+                    grossTotalAmount += Math.abs(accountBalance)
+                }
+                if (account.balanceSheetAssetFlow === "credit") {
+                    grossTotalAmount += -Math.abs(accountBalance)
+                }
+            }
+            if (account.balanceSheetAssetColumn === "amortization") {
+                if (account.balanceSheetAssetFlow === "debit") {
+                    amortizationTotalAmount += Math.abs(accountBalance)
+                }
+                if (account.balanceSheetAssetFlow === "credit") {
+                    amortizationTotalAmount += -Math.abs(accountBalance)
+                }
+            }
+        })
+
+    return (
+        <Fragment>
+            <BalanceSheetAssetsReportRow
+                key={props.balanceSheet.id}
+                level={props.level}
+                number={number}
+                label={label}
+                grossAmount={grossTotalAmount}
+                amortizationAmount={amortizationTotalAmount}
+                isAmountDisplayed={isAmountDisplayed}
+            />
+            {
+                props.balanceSheetChildren
+                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
+                    .map((balanceSheet) => {
+                        const balanceSheetChildren = getBalanceSheetChildren({
+                            balanceSheet: balanceSheet,
+                            balanceSheets: props.balanceSheetChildren,
+                        })
+
+                        return (
+                            <BalanceSheetAssetsReportItem
+                                key={balanceSheet.id}
+                                idOrganization={props.idOrganization}
+                                idYear={props.idYear}
+                                accounts={props.accounts}
+                                recordRows={props.recordRows}
+                                balanceSheet={balanceSheet}
+                                balanceSheetChildren={balanceSheetChildren}
+                                level={props.level + 1}
+                            />
+                        )
+                    })
+            }
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
similarity index 64%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
index b3fb313..2d545e5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
@@ -1,62 +1,62 @@
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { cn } from "#/utilities/cn.js"
-
-
-export function BalanceSheetAssetsReportRow(props: {
-    level: number
-    number: string | null
-    label: string
-    grossAmount: number
-    amortizationAmount: number
-    isAmountDisplayed: boolean
-}) {
-
-    return (
-        <Table.Body.Row
-            className={cn(
-                "",
-                props.number ? "bg-neutral/5" : ""
-            )}
-        >
-            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
-                <FormatText
-                    className={cn(
-                        "whitespace-normal",
-                        props.number ? "font-bold" : ""
-                    )}
-                >
-                    {props.number} {props.label}
-                </FormatText>
-            </Table.Body.Cell>
-            <Table.Body.Cell className="w-[1%]" align="right">
-                {
-                    (props.isAmountDisplayed === true)
-                        ? (
-                            <FormatPrice price={props.grossAmount} />
-                        )
-                        : (null)
-                }
-            </Table.Body.Cell>
-            <Table.Body.Cell className="w-[1%]" align="right">
-                {
-                    (props.isAmountDisplayed === true)
-                        ? (
-                            <FormatPrice price={props.amortizationAmount} />
-                        )
-                        : (null)
-                }
-            </Table.Body.Cell>
-            <Table.Body.Cell className="w-[1%]" align="right">
-                {
-                    (props.isAmountDisplayed === true)
-                        ? (
-                            <FormatPrice price={props.grossAmount + props.amortizationAmount} />
-                        )
-                        : (null)
-                }
-            </Table.Body.Cell>
-        </Table.Body.Row>
-    )
-}
+import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
+
+
+export function BalanceSheetAssetsReportRow(props: {
+    level: number
+    number: string | null
+    label: string
+    grossAmount: number
+    amortizationAmount: number
+    isAmountDisplayed: boolean
+}) {
+
+    return (
+        <Table.Body.Row
+            className={cx(
+                "",
+                props.number ? css({ bg: "neutral/5" }) : ""
+            )}
+        >
+            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
+                <FormatText
+                    className={cx(
+                        css({ whiteSpace: "normal" }),
+                        props.number ? css({ fontWeight: "bold" }) : ""
+                    )}
+                >
+                    {props.number} {props.label}
+                </FormatText>
+            </Table.Body.Cell>
+            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                {
+                    (props.isAmountDisplayed === true)
+                        ? (
+                            <FormatPrice price={props.grossAmount} />
+                        )
+                        : (null)
+                }
+            </Table.Body.Cell>
+            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                {
+                    (props.isAmountDisplayed === true)
+                        ? (
+                            <FormatPrice price={props.amortizationAmount} />
+                        )
+                        : (null)
+                }
+            </Table.Body.Cell>
+            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                {
+                    (props.isAmountDisplayed === true)
+                        ? (
+                            <FormatPrice price={props.grossAmount + props.amortizationAmount} />
+                        )
+                        : (null)
+                }
+            </Table.Body.Cell>
+        </Table.Body.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
similarity index 77%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
index 31d2fcb..a16dbe2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
@@ -1,126 +1,127 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { BalanceSheetAssetsReportItem } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportItem.js"
-import { BalanceSheetAssetsReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function BalanceSheetAssetsReportTable(props: {
-    balanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-}) {
-
-    let grossTotalAmount = 0
-    let amortizationTotalAmount = 0
-    props.accounts.forEach((account) => {
-        let accountTotalDebit = 0
-        let accountTotalCredit = 0
-
-        props.recordRows
-            .filter((recordRow) => recordRow.idAccount === account.id)
-            .forEach((recordRow) => {
-                accountTotalDebit += Number(recordRow.debit)
-                accountTotalCredit += Number(recordRow.credit)
-            })
-
-        const accountBalance = accountTotalDebit - accountTotalCredit
-
-        if (accountBalance < 0 && account.balanceSheetAssetFlow === "debit") {
-            return
-        }
-
-        if (accountBalance > 0 && account.balanceSheetAssetFlow === "credit") {
-            return
-        }
-
-        if (account.balanceSheetAssetColumn === "gross") {
-            if (account.balanceSheetAssetFlow === "debit") {
-                grossTotalAmount += Math.abs(accountBalance)
-            }
-            if (account.balanceSheetAssetFlow === "credit") {
-                grossTotalAmount += -Math.abs(accountBalance)
-            }
-        }
-        if (account.balanceSheetAssetColumn === "amortization") {
-            if (account.balanceSheetAssetFlow === "debit") {
-                amortizationTotalAmount += Math.abs(accountBalance)
-            }
-            if (account.balanceSheetAssetFlow === "credit") {
-                amortizationTotalAmount += -Math.abs(accountBalance)
-            }
-        }
-    })
-
-    return (
-        <Table.Root className="">
-            <Table.Header.Root>
-                <Table.Header.Row>
-                    <Table.Header.Cell />
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm">Brut</span>
-                    </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Amort. & Dépré.</span>
-                    </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm">Net</span>
-                    </Table.Header.Cell>
-                </Table.Header.Row>
-            </Table.Header.Root>
-            <Table.Body.Root>
-                {
-                    (props.balanceSheets.length === 0)
-                        ? (
-                            <Table.Body.Root className="border-b border-neutral/10 last:border-b-0">
-                                <Table.Body.Row>
-                                    <Table.Body.Cell>
-                                        <FormatNull className="" />
-                                    </Table.Body.Cell>
-                                </Table.Body.Row>
-                            </Table.Body.Root>
-                        )
-                        : (
-                            <Fragment>
-                                {
-                                    props.balanceSheets
-                                        .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === null)
-                                        .sort((a, b) => Number(a.number) - Number(b.number))
-                                        .map((balanceSheet) => {
-                                            const balanceSheetChildren = getBalanceSheetChildren({
-                                                balanceSheet: balanceSheet,
-                                                balanceSheets: props.balanceSheets
-                                            })
-
-                                            return (
-                                                <BalanceSheetAssetsReportItem
-                                                    key={balanceSheet.id}
-                                                    idOrganization={balanceSheet.idOrganization}
-                                                    idYear={balanceSheet.idYear}
-                                                    accounts={props.accounts}
-                                                    recordRows={props.recordRows}
-                                                    balanceSheet={balanceSheet}
-                                                    balanceSheetChildren={balanceSheetChildren}
-                                                    level={0}
-                                                />
-                                            )
-                                        })
-                                }
-                                <BalanceSheetAssetsReportRow
-                                    level={0}
-                                    number={" "}
-                                    label={"Total"}
-                                    grossAmount={grossTotalAmount}
-                                    amortizationAmount={amortizationTotalAmount}
-                                    isAmountDisplayed={true}
-                                />
-                            </Fragment>
-                        )
-                }
-            </Table.Body.Root>
-        </Table.Root>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
+import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
+import { getBalanceSheetChildren } from "../../../yearSettings/balanceSheets/getBalanceSheetChildren.tsx"
+import { BalanceSheetAssetsReportItem } from "./balanceSheetAssetsReportItem.tsx"
+import { BalanceSheetAssetsReportRow } from "./balanceSheetAssetsReportRow.tsx"
+
+
+export function BalanceSheetAssetsReportTable(props: {
+    balanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+}) {
+
+    let grossTotalAmount = 0
+    let amortizationTotalAmount = 0
+    props.accounts.forEach((account) => {
+        let accountTotalDebit = 0
+        let accountTotalCredit = 0
+
+        props.recordRows
+            .filter((recordRow) => recordRow.idAccount === account.id)
+            .forEach((recordRow) => {
+                accountTotalDebit += Number(recordRow.debit)
+                accountTotalCredit += Number(recordRow.credit)
+            })
+
+        const accountBalance = accountTotalDebit - accountTotalCredit
+
+        if (accountBalance < 0 && account.balanceSheetAssetFlow === "debit") {
+            return
+        }
+
+        if (accountBalance > 0 && account.balanceSheetAssetFlow === "credit") {
+            return
+        }
+
+        if (account.balanceSheetAssetColumn === "gross") {
+            if (account.balanceSheetAssetFlow === "debit") {
+                grossTotalAmount += Math.abs(accountBalance)
+            }
+            if (account.balanceSheetAssetFlow === "credit") {
+                grossTotalAmount += -Math.abs(accountBalance)
+            }
+        }
+        if (account.balanceSheetAssetColumn === "amortization") {
+            if (account.balanceSheetAssetFlow === "debit") {
+                amortizationTotalAmount += Math.abs(accountBalance)
+            }
+            if (account.balanceSheetAssetFlow === "credit") {
+                amortizationTotalAmount += -Math.abs(accountBalance)
+            }
+        }
+    })
+
+    return (
+        <Table.Root>
+            <Table.Header.Root>
+                <Table.Header.Row>
+                    <Table.Header.Cell />
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>Brut</span>
+                    </Table.Header.Cell>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Amort. & Dépré.</span>
+                    </Table.Header.Cell>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>Net</span>
+                    </Table.Header.Cell>
+                </Table.Header.Row>
+            </Table.Header.Root>
+            <Table.Body.Root>
+                {
+                    (props.balanceSheets.length === 0)
+                        ? (
+                            <Table.Body.Root className={css({ borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "0" } })}>
+                                <Table.Body.Row>
+                                    <Table.Body.Cell>
+                                        <FormatNull />
+                                    </Table.Body.Cell>
+                                </Table.Body.Row>
+                            </Table.Body.Root>
+                        )
+                        : (
+                            <Fragment>
+                                {
+                                    props.balanceSheets
+                                        .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === null)
+                                        .sort((a, b) => Number(a.number) - Number(b.number))
+                                        .map((balanceSheet) => {
+                                            const balanceSheetChildren = getBalanceSheetChildren({
+                                                balanceSheet: balanceSheet,
+                                                balanceSheets: props.balanceSheets
+                                            })
+
+                                            return (
+                                                <BalanceSheetAssetsReportItem
+                                                    key={balanceSheet.id}
+                                                    idOrganization={balanceSheet.idOrganization}
+                                                    idYear={balanceSheet.idYear}
+                                                    accounts={props.accounts}
+                                                    recordRows={props.recordRows}
+                                                    balanceSheet={balanceSheet}
+                                                    balanceSheetChildren={balanceSheetChildren}
+                                                    level={0}
+                                                />
+                                            )
+                                        })
+                                }
+                                <BalanceSheetAssetsReportRow
+                                    level={0}
+                                    number={" "}
+                                    label={"Total"}
+                                    grossAmount={grossTotalAmount}
+                                    amortizationAmount={amortizationTotalAmount}
+                                    isAmountDisplayed={true}
+                                />
+                            </Fragment>
+                        )
+                }
+            </Table.Body.Root>
+        </Table.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
index 8bc2d03..dc82e3a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.tsx
@@ -1,101 +1,101 @@
-import { BalanceSheetLiabilitiesReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function BalanceSheetLiabilitiesReportItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
-    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    const number = (props.level === 0)
-        ? toRoman(Number(props.balanceSheet.number))
-        : null
-
-    const label = props.balanceSheet.label
-
-    const isAmountDisplayed = (props.balanceSheet.isComputed === true || props.balanceSheetChildren.length === 0)
-
-    let netTotalAmount = 0
-    props.accounts
-        .filter((account) => {
-            const hasAccount = account.idBalanceSheetLiability === props.balanceSheet.id
-            const hasChildrenAccount = props.balanceSheetChildren.some((balanceSheet) => balanceSheet.id === account.idBalanceSheetLiability)
-            return hasAccount || hasChildrenAccount
-        })
-        .forEach((account) => {
-            let accountTotalDebit = 0
-            let accountTotalCredit = 0
-
-            props.recordRows
-                .filter((recordRow) => recordRow.idAccount === account.id)
-                .forEach((recordRow) => {
-                    accountTotalDebit += Number(recordRow.debit)
-                    accountTotalCredit += Number(recordRow.credit)
-                })
-
-            const accountBalance = accountTotalCredit - accountTotalDebit
-
-            if (accountBalance > 0 && account.balanceSheetLiabilityFlow === "debit") {
-                return
-            }
-
-            if (accountBalance < 0 && account.balanceSheetLiabilityFlow === "credit") {
-                return
-            }
-
-            if (account.balanceSheetLiabilityColumn === "net") {
-                if (account.balanceSheetLiabilityFlow === "debit") {
-                    netTotalAmount += accountBalance
-                }
-                if (account.balanceSheetLiabilityFlow === "credit") {
-                    netTotalAmount += accountBalance
-                }
-            }
-        })
-
-    return (
-        <Fragment>
-            <BalanceSheetLiabilitiesReportRow
-                key={props.balanceSheet.id}
-                level={props.level}
-                number={number}
-                label={label}
-                netAmount={netTotalAmount}
-                isAmountDisplayed={isAmountDisplayed}
-            />
-            {
-                props.balanceSheetChildren
-                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
-                    .map((balanceSheet) => {
-                        const balanceSheetChildren = getBalanceSheetChildren({
-                            balanceSheet: balanceSheet,
-                            balanceSheets: props.balanceSheetChildren,
-                        })
-
-                        return (
-                            <BalanceSheetLiabilitiesReportItem
-                                key={balanceSheet.id}
-                                idOrganization={props.idOrganization}
-                                idYear={props.idYear}
-                                accounts={props.accounts}
-                                recordRows={props.recordRows}
-                                balanceSheet={balanceSheet}
-                                balanceSheetChildren={balanceSheetChildren}
-                                level={props.level + 1}
-                            />
-                        )
-                    })
-            }
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+import { toRoman } from "../../../../../../../../../utilities/toRoman.ts"
+import { getBalanceSheetChildren } from "../../../yearSettings/balanceSheets/getBalanceSheetChildren.tsx"
+import { BalanceSheetLiabilitiesReportRow } from "./balanceSheetLiabilityiesReportRow.tsx"
+
+
+export function BalanceSheetLiabilitiesReportItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
+    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    const number = (props.level === 0)
+        ? toRoman(Number(props.balanceSheet.number))
+        : null
+
+    const label = props.balanceSheet.label
+
+    const isAmountDisplayed = (props.balanceSheet.isComputed === true || props.balanceSheetChildren.length === 0)
+
+    let netTotalAmount = 0
+    props.accounts
+        .filter((account) => {
+            const hasAccount = account.idBalanceSheetLiability === props.balanceSheet.id
+            const hasChildrenAccount = props.balanceSheetChildren.some((balanceSheet) => balanceSheet.id === account.idBalanceSheetLiability)
+            return hasAccount || hasChildrenAccount
+        })
+        .forEach((account) => {
+            let accountTotalDebit = 0
+            let accountTotalCredit = 0
+
+            props.recordRows
+                .filter((recordRow) => recordRow.idAccount === account.id)
+                .forEach((recordRow) => {
+                    accountTotalDebit += Number(recordRow.debit)
+                    accountTotalCredit += Number(recordRow.credit)
+                })
+
+            const accountBalance = accountTotalCredit - accountTotalDebit
+
+            if (accountBalance > 0 && account.balanceSheetLiabilityFlow === "debit") {
+                return
+            }
+
+            if (accountBalance < 0 && account.balanceSheetLiabilityFlow === "credit") {
+                return
+            }
+
+            if (account.balanceSheetLiabilityColumn === "net") {
+                if (account.balanceSheetLiabilityFlow === "debit") {
+                    netTotalAmount += accountBalance
+                }
+                if (account.balanceSheetLiabilityFlow === "credit") {
+                    netTotalAmount += accountBalance
+                }
+            }
+        })
+
+    return (
+        <Fragment>
+            <BalanceSheetLiabilitiesReportRow
+                key={props.balanceSheet.id}
+                level={props.level}
+                number={number}
+                label={label}
+                netAmount={netTotalAmount}
+                isAmountDisplayed={isAmountDisplayed}
+            />
+            {
+                props.balanceSheetChildren
+                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
+                    .map((balanceSheet) => {
+                        const balanceSheetChildren = getBalanceSheetChildren({
+                            balanceSheet: balanceSheet,
+                            balanceSheets: props.balanceSheetChildren,
+                        })
+
+                        return (
+                            <BalanceSheetLiabilitiesReportItem
+                                key={balanceSheet.id}
+                                idOrganization={props.idOrganization}
+                                idYear={props.idYear}
+                                accounts={props.accounts}
+                                recordRows={props.recordRows}
+                                balanceSheet={balanceSheet}
+                                balanceSheetChildren={balanceSheetChildren}
+                                level={props.level + 1}
+                            />
+                        )
+                    })
+            }
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
similarity index 81%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
index c2ea724..83d94ab 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
@@ -1,112 +1,113 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { BalanceSheetLiabilitiesReportItem } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportItem.js"
-import { BalanceSheetLiabilitiesReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function BalanceSheetLiabilitiesReportTable(props: {
-    balanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-}) {
-
-    let netTotalAmount = 0
-    props.accounts.forEach((account) => {
-        let accountTotalDebit = 0
-        let accountTotalCredit = 0
-
-        props.recordRows
-            .filter((recordRow) => recordRow.idAccount === account.id)
-            .forEach((recordRow) => {
-                accountTotalDebit += Number(recordRow.debit)
-                accountTotalCredit += Number(recordRow.credit)
-            })
-
-        const accountBalance = accountTotalDebit - accountTotalCredit
-
-        if (accountBalance < 0 && account.balanceSheetLiabilityFlow === "debit") {
-            return
-        }
-
-        if (accountBalance > 0 && account.balanceSheetLiabilityFlow === "credit") {
-            return
-        }
-
-        if (account.balanceSheetLiabilityColumn === "net") {
-            if (account.balanceSheetLiabilityFlow === "debit") {
-                netTotalAmount += -Math.abs(accountBalance)
-            }
-            if (account.balanceSheetLiabilityFlow === "credit") {
-                netTotalAmount += Math.abs(accountBalance)
-            }
-        }
-    })
-
-    return (
-        <Table.Root>
-            <Table.Header.Root>
-                <Table.Header.Row>
-                    <Table.Header.Cell />
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm">
-                            Net
-                        </span>
-                    </Table.Header.Cell>
-                </Table.Header.Row>
-            </Table.Header.Root>
-            <Table.Body.Root>
-                {
-                    (props.balanceSheets.length === 0)
-                        ? (
-                            <Table.Body.Root className="border-b border-neutral/10 last:border-b-0">
-                                <Table.Body.Row>
-                                    <Table.Body.Cell>
-                                        <FormatNull />
-                                    </Table.Body.Cell>
-                                </Table.Body.Row>
-                            </Table.Body.Root>
-                        )
-                        : (
-                            <Fragment>
-                                {
-                                    props.balanceSheets
-                                        .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === null)
-                                        .sort((a, b) => Number(a.number) - Number(b.number))
-                                        .map((balanceSheet) => {
-                                            const balanceSheetChildren = getBalanceSheetChildren({
-                                                balanceSheet: balanceSheet,
-                                                balanceSheets: props.balanceSheets
-                                            })
-
-                                            return (
-                                                <BalanceSheetLiabilitiesReportItem
-                                                    key={balanceSheet.id}
-                                                    idOrganization={balanceSheet.idOrganization}
-                                                    idYear={balanceSheet.idYear}
-                                                    accounts={props.accounts}
-                                                    recordRows={props.recordRows}
-                                                    balanceSheet={balanceSheet}
-                                                    balanceSheetChildren={balanceSheetChildren}
-                                                    level={0}
-                                                />
-                                            )
-                                        })
-                                }
-                                <BalanceSheetLiabilitiesReportRow
-                                    level={0}
-                                    number={" "}
-                                    label={"Total"}
-                                    netAmount={netTotalAmount}
-                                    isAmountDisplayed={true}
-                                />
-                            </Fragment>
-                        )
-                }
-            </Table.Body.Root>
-        </Table.Root>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
+import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
+import { getBalanceSheetChildren } from "../../../yearSettings/balanceSheets/getBalanceSheetChildren.tsx"
+import { BalanceSheetLiabilitiesReportItem } from "./balanceSheetLiabilitiesReportItem.tsx"
+import { BalanceSheetLiabilitiesReportRow } from "./balanceSheetLiabilityiesReportRow.tsx"
+
+
+export function BalanceSheetLiabilitiesReportTable(props: {
+    balanceSheets: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+}) {
+
+    let netTotalAmount = 0
+    props.accounts.forEach((account) => {
+        let accountTotalDebit = 0
+        let accountTotalCredit = 0
+
+        props.recordRows
+            .filter((recordRow) => recordRow.idAccount === account.id)
+            .forEach((recordRow) => {
+                accountTotalDebit += Number(recordRow.debit)
+                accountTotalCredit += Number(recordRow.credit)
+            })
+
+        const accountBalance = accountTotalDebit - accountTotalCredit
+
+        if (accountBalance < 0 && account.balanceSheetLiabilityFlow === "debit") {
+            return
+        }
+
+        if (accountBalance > 0 && account.balanceSheetLiabilityFlow === "credit") {
+            return
+        }
+
+        if (account.balanceSheetLiabilityColumn === "net") {
+            if (account.balanceSheetLiabilityFlow === "debit") {
+                netTotalAmount += -Math.abs(accountBalance)
+            }
+            if (account.balanceSheetLiabilityFlow === "credit") {
+                netTotalAmount += Math.abs(accountBalance)
+            }
+        }
+    })
+
+    return (
+        <Table.Root>
+            <Table.Header.Root>
+                <Table.Header.Row>
+                    <Table.Header.Cell />
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>
+                            Net
+                        </span>
+                    </Table.Header.Cell>
+                </Table.Header.Row>
+            </Table.Header.Root>
+            <Table.Body.Root>
+                {
+                    (props.balanceSheets.length === 0)
+                        ? (
+                            <Table.Body.Root className={css({ borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "0" } })}>
+                                <Table.Body.Row>
+                                    <Table.Body.Cell>
+                                        <FormatNull />
+                                    </Table.Body.Cell>
+                                </Table.Body.Row>
+                            </Table.Body.Root>
+                        )
+                        : (
+                            <Fragment>
+                                {
+                                    props.balanceSheets
+                                        .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === null)
+                                        .sort((a, b) => Number(a.number) - Number(b.number))
+                                        .map((balanceSheet) => {
+                                            const balanceSheetChildren = getBalanceSheetChildren({
+                                                balanceSheet: balanceSheet,
+                                                balanceSheets: props.balanceSheets
+                                            })
+
+                                            return (
+                                                <BalanceSheetLiabilitiesReportItem
+                                                    key={balanceSheet.id}
+                                                    idOrganization={balanceSheet.idOrganization}
+                                                    idYear={balanceSheet.idYear}
+                                                    accounts={props.accounts}
+                                                    recordRows={props.recordRows}
+                                                    balanceSheet={balanceSheet}
+                                                    balanceSheetChildren={balanceSheetChildren}
+                                                    level={0}
+                                                />
+                                            )
+                                        })
+                                }
+                                <BalanceSheetLiabilitiesReportRow
+                                    level={0}
+                                    number={" "}
+                                    label={"Total"}
+                                    netAmount={netTotalAmount}
+                                    isAmountDisplayed={true}
+                                />
+                            </Fragment>
+                        )
+                }
+            </Table.Body.Root>
+        </Table.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
similarity index 56%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
index 152ddd5..8620c4f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
@@ -1,43 +1,43 @@
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { cn } from "#/utilities/cn.js"
-
-
-export function BalanceSheetLiabilitiesReportRow(props: {
-    level: number
-    number: string | null
-    label: string
-    netAmount: number
-    isAmountDisplayed: boolean
-}) {
-
-    return (
-        <Table.Body.Row
-            className={cn(
-                "",
-                props.number ? "bg-neutral/5" : ""
-            )}
-        >
-            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
-                <FormatText
-                    className={cn(
-                        "whitespace-normal",
-                        props.number ? "font-bold" : ""
-                    )}
-                >
-                    {props.number} {props.label}
-                </FormatText>
-            </Table.Body.Cell>
-            <Table.Body.Cell className="w-[1%]" align="right">
-                {
-                    (props.isAmountDisplayed === true)
-                        ? (
-                            <FormatPrice price={props.netAmount} />
-                        )
-                        : (null)
-                }
-            </Table.Body.Cell>
-        </Table.Body.Row>
-    )
-}
+import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
+
+
+export function BalanceSheetLiabilitiesReportRow(props: {
+    level: number
+    number: string | null
+    label: string
+    netAmount: number
+    isAmountDisplayed: boolean
+}) {
+
+    return (
+        <Table.Body.Row
+            className={cx(
+                "",
+                props.number ? css({ bg: "neutral/5" }) : ""
+            )}
+        >
+            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
+                <FormatText
+                    className={cx(
+                        css({ whiteSpace: "normal" }),
+                        props.number ? css({ fontWeight: "bold" }) : ""
+                    )}
+                >
+                    {props.number} {props.label}
+                </FormatText>
+            </Table.Body.Cell>
+            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                {
+                    (props.isAmountDisplayed === true)
+                        ? (
+                            <FormatPrice price={props.netAmount} />
+                        )
+                        : (null)
+                }
+            </Table.Body.Cell>
+        </Table.Body.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
index c9b28d9..6cea935 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
@@ -1,15 +1,16 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { BalanceSheetAssetsReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.js"
-import { BalanceSheetLiabilitiesReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.js"
-import { DownloadBalanceSheetReport } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.js"
-import { balanceSheetReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.js"
 import { readAllAccountsRouteDefinition, readAllBalanceSheetsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
+import { balanceSheetReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx"
+import { BalanceSheetAssetsReportTable } from "./balanceSheetAsset/balanceSheetAssetsReportTable.tsx"
+import { BalanceSheetLiabilitiesReportTable } from "./balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx"
+import { DownloadBalanceSheetReport } from "./downloadBalanceSheetReport.tsx"
 
 
 export function BalanceSheetReportPage() {
@@ -46,21 +47,22 @@ export function BalanceSheetReportPage() {
                                         {(balanceSheets) => {
                                             return (
                                                 <Section.Item>
-                                                    <div className="w-full flex justify-end items-start gap-2">
+                                                    <div className={css({ w: "full", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
                                                         <DownloadBalanceSheetReport
                                                             idOrganization={params.idOrganization}
                                                             idYear={params.idYear}
                                                         >
-                                                            <ButtonOutline
+                                                            <Button
                                                                 icon={<IconDownload />}
                                                                 text="Télécharger en pdf"
                                                                 hasLoader={true}
+                                                                variant="default"
                                                             />
                                                         </DownloadBalanceSheetReport>
                                                     </div>
-                                                    <div className="w-full flex flex-row justify-start items-start gap-4 flex-wrap">
-                                                        <Box className="gap-4">
-                                                            <TitleComponent className="p-4">
+                                                    <div className={css({ w: "full", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
+                                                        <Box className={css({ gap: "4" })}>
+                                                            <TitleComponent className={css({ p: "4" })}>
                                                                 Actif
                                                             </TitleComponent>
                                                             <BalanceSheetAssetsReportTable
@@ -69,8 +71,8 @@ export function BalanceSheetReportPage() {
                                                                 accounts={accounts.filter((account) => account.type === "balance-sheet")}
                                                             />
                                                         </Box>
-                                                        <Box className="gap-4">
-                                                            <TitleComponent className="p-4">
+                                                        <Box className={css({ gap: "4" })}>
+                                                            <TitleComponent className={css({ p: "4" })}>
                                                                 Passif
                                                             </TitleComponent>
                                                             <BalanceSheetLiabilitiesReportTable
@@ -92,4 +94,4 @@ export function BalanceSheetReportPage() {
             </DataWrapper>
         </Section.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
similarity index 94%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
index 9b41629..1c22b21 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/downloadBalanceSheetReport.tsx
@@ -1,56 +1,56 @@
-import { toast } from "#/contexts/toasts/useToast.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateBalanceSheetReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
-import * as v from "valibot"
-
-
-export function DownloadBalanceSheetReport(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>
-}) {
-    return (
-        cloneElement(
-            props.children,
-            {
-                onClick: async () => {
-                    const generateBalanceSheetReportDocumentResponse = await postAPI({
-                        routeDefinition: generateBalanceSheetReportDocumentRouteDefinition,
-                        body: {
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        },
-                    })
-                    if (generateBalanceSheetReportDocumentResponse.ok === false) {
-                        toast({ title: "Impossible de générer le document", variant: "error" })
-                        return
-                    }
-
-                    const downloadBalanceSheetReportDocumentResponse = await postAPI({
-                        routeDefinition: generateDocumentGetSignedUrlRouteDefinition,
-                        body: {
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            idDocument: generateBalanceSheetReportDocumentResponse.data.id,
-                        }
-                    })
-                    if (downloadBalanceSheetReportDocumentResponse.ok === false) {
-                        toast({ title: "Impossible de télécharger le document", variant: "error" })
-                        return
-                    }
-
-                    const url = downloadBalanceSheetReportDocumentResponse.data.url
-                    const link = document.createElement('a')
-                    link.href = url
-                    link.target = '_blank'
-                    link.download = `${generateBalanceSheetReportDocumentResponse.data.label}.pdf`
-                    document.body.appendChild(link)
-                    link.click()
-                    document.body.removeChild(link)
-                }
-            }
-        )
-    )
-}
+import { generateBalanceSheetReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
+import * as v from "valibot"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function DownloadBalanceSheetReport(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>
+}) {
+    return (
+        cloneElement(
+            props.children,
+            {
+                onClick: async () => {
+                    const generateBalanceSheetReportDocumentResponse = await postAPI({
+                        routeDefinition: generateBalanceSheetReportDocumentRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        },
+                    })
+                    if (generateBalanceSheetReportDocumentResponse.ok === false) {
+                        toast({ title: "Impossible de générer le document", variant: "error" })
+                        return
+                    }
+
+                    const downloadBalanceSheetReportDocumentResponse = await postAPI({
+                        routeDefinition: generateDocumentGetSignedUrlRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            idDocument: generateBalanceSheetReportDocumentResponse.data.id,
+                        }
+                    })
+                    if (downloadBalanceSheetReportDocumentResponse.ok === false) {
+                        toast({ title: "Impossible de télécharger le document", variant: "error" })
+                        return
+                    }
+
+                    const url = downloadBalanceSheetReportDocumentResponse.data.url
+                    const link = document.createElement('a')
+                    link.href = url
+                    link.target = '_blank'
+                    link.download = `${generateBalanceSheetReportDocumentResponse.data.label}.pdf`
+                    document.body.appendChild(link)
+                    link.click()
+                    document.body.removeChild(link)
+                }
+            }
+        )
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
similarity index 89%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
index 0cff93e..e0d2c1d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.tsx
@@ -1,56 +1,56 @@
-import { toast } from "#/contexts/toasts/useToast.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateIncomeStatementReportDocumentRouteDefinition, generateDocumentGetSignedUrlRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
-import * as v from "valibot"
-
-
-export function DownloadIncomeStatementReport(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>
-}) {
-    return (
-        cloneElement(
-            props.children,
-            {
-                onClick: async () => {
-                    const generateBalanceSheetReportDocumentResponse = await postAPI({
-                        routeDefinition: generateIncomeStatementReportDocumentRouteDefinition,
-                        body: {
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        },
-                    })
-                    if (generateBalanceSheetReportDocumentResponse.ok === false) {
-                        toast({ title: "Impossible de générer le document", variant: "error" })
-                        return
-                    }
-
-                    const downloadBalanceSheetReportDocumentResponse = await postAPI({
-                        routeDefinition: generateDocumentGetSignedUrlRouteDefinition,
-                        body: {
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            idDocument: generateBalanceSheetReportDocumentResponse.data.id,
-                        }
-                    })
-                    if (downloadBalanceSheetReportDocumentResponse.ok === false) {
-                        toast({ title: "Impossible de télécharger le document", variant: "error" })
-                        return
-                    }
-
-                    const url = downloadBalanceSheetReportDocumentResponse.data.url
-                    const link = document.createElement('a')
-                    link.href = url
-                    link.target = '_blank'
-                    link.download = `${generateBalanceSheetReportDocumentResponse.data.label}.pdf`
-                    document.body.appendChild(link)
-                    link.click()
-                    document.body.removeChild(link)
-                }
-            }
-        )
-    )
-}
+import { generateDocumentGetSignedUrlRouteDefinition, generateIncomeStatementReportDocumentRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ButtonHTMLAttributes, cloneElement, ReactElement } from "react"
+import * as v from "valibot"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function DownloadIncomeStatementReport(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: ReactElement<ButtonHTMLAttributes<HTMLButtonElement>>
+}) {
+    return (
+        cloneElement(
+            props.children,
+            {
+                onClick: async () => {
+                    const generateBalanceSheetReportDocumentResponse = await postAPI({
+                        routeDefinition: generateIncomeStatementReportDocumentRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        },
+                    })
+                    if (generateBalanceSheetReportDocumentResponse.ok === false) {
+                        toast({ title: "Impossible de générer le document", variant: "error" })
+                        return
+                    }
+
+                    const downloadBalanceSheetReportDocumentResponse = await postAPI({
+                        routeDefinition: generateDocumentGetSignedUrlRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            idDocument: generateBalanceSheetReportDocumentResponse.data.id,
+                        }
+                    })
+                    if (downloadBalanceSheetReportDocumentResponse.ok === false) {
+                        toast({ title: "Impossible de télécharger le document", variant: "error" })
+                        return
+                    }
+
+                    const url = downloadBalanceSheetReportDocumentResponse.data.url
+                    const link = document.createElement('a')
+                    link.href = url
+                    link.target = '_blank'
+                    link.download = `${generateBalanceSheetReportDocumentResponse.data.label}.pdf`
+                    document.body.appendChild(link)
+                    link.click()
+                    document.body.removeChild(link)
+                }
+            }
+        )
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
index 94607c6..f1b2a94 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.tsx
@@ -1,86 +1,86 @@
-import { IncomeStatementReportRow } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.js"
-import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
-import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function IncomeStatementReportItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
-    incomeStatementChildren: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    const number = (props.level === 0)
-        ? toRoman(Number(props.incomeStatement.number))
-        : null
-
-    const label = props.incomeStatement.label
-
-    const isAmountDisplayed = (props.incomeStatement.isComputed === true || props.incomeStatementChildren.length === 0)
-
-    let netAmount = 0
-    props.accounts
-        .filter((account) => {
-            const hasAccount = props.incomeStatement.id === account.idIncomeStatement
-            const hasChildrenAccount = props.incomeStatementChildren.some((incomeStatement) => incomeStatement.id === account.idIncomeStatement)
-            return hasAccount || hasChildrenAccount
-        })
-        .forEach((account) => {
-            let accountTotalDebit = 0
-            let accountTotalCredit = 0
-
-            props.recordRows
-                .filter((recordRow) => recordRow.idAccount === account.id)
-                .forEach((recordRow) => {
-                    accountTotalDebit += Number(recordRow.debit)
-                    accountTotalCredit += Number(recordRow.credit)
-                })
-
-            const accountBalance = accountTotalDebit - accountTotalCredit
-
-            netAmount += Math.abs(accountBalance)
-        })
-
-    return (
-        <Fragment>
-            <IncomeStatementReportRow
-                key={props.incomeStatement.id}
-                level={props.level}
-                number={number}
-                label={label}
-                amount={netAmount}
-                isAmountDisplayed={isAmountDisplayed}
-            />
-            {
-                props.incomeStatementChildren
-                    .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === props.incomeStatement.id)
-                    .map((incomeStatement) => {
-                        const incomeStatementChildren = getIncomeStatementChildren({
-                            incomeStatement: incomeStatement,
-                            incomeStatements: props.incomeStatementChildren,
-                        })
-
-                        return (
-                            <IncomeStatementReportItem
-                                key={incomeStatement.id}
-                                idOrganization={props.idOrganization}
-                                idYear={props.idYear}
-                                accounts={props.accounts}
-                                recordRows={props.recordRows}
-                                incomeStatement={incomeStatement}
-                                incomeStatementChildren={incomeStatementChildren}
-                                level={props.level + 1}
-                            />
-                        )
-                    })
-            }
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+import { toRoman } from "../../../../../../../../utilities/toRoman.ts"
+import { getIncomeStatementChildren } from "../../yearSettings/incomeStatements/getIncomeStatementChildren.tsx"
+import { IncomeStatementReportRow } from "./incomeStatementReportRow.tsx"
+
+
+export function IncomeStatementReportItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
+    incomeStatementChildren: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    const number = (props.level === 0)
+        ? toRoman(Number(props.incomeStatement.number))
+        : null
+
+    const label = props.incomeStatement.label
+
+    const isAmountDisplayed = (props.incomeStatement.isComputed === true || props.incomeStatementChildren.length === 0)
+
+    let netAmount = 0
+    props.accounts
+        .filter((account) => {
+            const hasAccount = props.incomeStatement.id === account.idIncomeStatement
+            const hasChildrenAccount = props.incomeStatementChildren.some((incomeStatement) => incomeStatement.id === account.idIncomeStatement)
+            return hasAccount || hasChildrenAccount
+        })
+        .forEach((account) => {
+            let accountTotalDebit = 0
+            let accountTotalCredit = 0
+
+            props.recordRows
+                .filter((recordRow) => recordRow.idAccount === account.id)
+                .forEach((recordRow) => {
+                    accountTotalDebit += Number(recordRow.debit)
+                    accountTotalCredit += Number(recordRow.credit)
+                })
+
+            const accountBalance = accountTotalDebit - accountTotalCredit
+
+            netAmount += Math.abs(accountBalance)
+        })
+
+    return (
+        <Fragment>
+            <IncomeStatementReportRow
+                key={props.incomeStatement.id}
+                level={props.level}
+                number={number}
+                label={label}
+                amount={netAmount}
+                isAmountDisplayed={isAmountDisplayed}
+            />
+            {
+                props.incomeStatementChildren
+                    .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === props.incomeStatement.id)
+                    .map((incomeStatement) => {
+                        const incomeStatementChildren = getIncomeStatementChildren({
+                            incomeStatement: incomeStatement,
+                            incomeStatements: props.incomeStatementChildren,
+                        })
+
+                        return (
+                            <IncomeStatementReportItem
+                                key={incomeStatement.id}
+                                idOrganization={props.idOrganization}
+                                idYear={props.idYear}
+                                accounts={props.accounts}
+                                recordRows={props.recordRows}
+                                incomeStatement={incomeStatement}
+                                incomeStatementChildren={incomeStatementChildren}
+                                level={props.level + 1}
+                            />
+                        )
+                    })
+            }
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
similarity index 87%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
index 7ca429d..1f8dc3a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
@@ -1,13 +1,14 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { DownloadIncomeStatementReport } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/downloadIncomeStatementReport.js"
-import { IncomeStatementsReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.js"
-import { incomeStatementReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.js"
 import { readAllAccountsRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllComputationsRouteDefinition, readAllIncomeStatementsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { incomeStatementReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx"
+import { DownloadIncomeStatementReport } from "./downloadIncomeStatementReport.tsx"
+import { IncomeStatementsReportTable } from "./incomeStatementsReportTable.tsx"
 
 
 export function IncomeStatementReportPage() {
@@ -62,15 +63,16 @@ export function IncomeStatementReportPage() {
                                                                 {(computationIncomeStatements) => {
                                                                     return (
                                                                         <Section.Item>
-                                                                            <div className="w-full flex justify-end items-start gap-2">
+                                                                            <div className={css({ w: "full", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
                                                                                 <DownloadIncomeStatementReport
                                                                                     idOrganization={params.idOrganization}
                                                                                     idYear={params.idYear}
                                                                                 >
-                                                                                    <ButtonOutline
+                                                                                    <Button
                                                                                         icon={<IconDownload />}
                                                                                         text="Télécharger en pdf"
                                                                                         hasLoader={true}
+                                                                                        variant="default"
                                                                                     />
                                                                                 </DownloadIncomeStatementReport>
                                                                             </div>
@@ -101,4 +103,4 @@ export function IncomeStatementReportPage() {
             </DataWrapper>
         </Section.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
similarity index 54%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
index d692805..48b070e 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
@@ -1,43 +1,43 @@
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { cn } from "#/utilities/cn.js"
-
-
-export function IncomeStatementReportRow(props: {
-    level: number
-    number: string | null
-    label: string
-    amount: number
-    isAmountDisplayed: boolean
-}) {
-
-    return (
-        <Table.Body.Row
-            className={cn(
-                "",
-                props.number ? "bg-neutral/5" : ""
-            )}
-        >
-            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
-                <FormatText
-                    className={cn(
-                        "whitespace-normal",
-                        props.number ? "font-bold" : ""
-                    )}
-                >
-                    {props.number} {props.label}
-                </FormatText>
-            </Table.Body.Cell>
-            <Table.Body.Cell className="w-[1%]" align="right">
-                {
-                    (props.isAmountDisplayed === true)
-                        ? (
-                            <FormatPrice price={props.amount} />
-                        )
-                        : (null)
-                }
-            </Table.Body.Cell>
-        </Table.Body.Row>
-    )
-}
+import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
+
+
+export function IncomeStatementReportRow(props: {
+    level: number
+    number: string | null
+    label: string
+    amount: number
+    isAmountDisplayed: boolean
+}) {
+
+    return (
+        <Table.Body.Row
+            className={cx(
+                css({}),
+                props.number ? css({ bg: "neutral/5" }) : ""
+            )}
+        >
+            <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
+                <FormatText
+                    className={cx(
+                        css({ whiteSpace: "normal" }),
+                        props.number ? css({ fontWeight: "bold" }) : ""
+                    )}
+                >
+                    {props.number} {props.label}
+                </FormatText>
+            </Table.Body.Cell>
+            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                {
+                    (props.isAmountDisplayed === true)
+                        ? (
+                            <FormatPrice price={props.amount} />
+                        )
+                        : (null)
+                }
+            </Table.Body.Cell>
+        </Table.Body.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
index b5449d5..9992e63 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -1,160 +1,160 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { IncomeStatementReportItem } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportItem.js"
-import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
-import { cn } from "#/utilities/cn.js"
-import { toRoman } from "#/utilities/toRoman.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function IncomeStatementsReportTable(props: {
-    incomeStatements: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
-    computations: Array<v.InferOutput<typeof returnedSchemas.computation>>
-    computationIncomeStatements: Array<v.InferOutput<typeof returnedSchemas.computationIncomeStatement>>
-    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
-    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
-}) {
-    return (
-        <Table.Root>
-            <Table.Header.Root>
-                <Table.Header.Row>
-                    <Table.Header.Cell />
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm">
-                            Net
-                        </span>
-                    </Table.Header.Cell>
-                </Table.Header.Row>
-            </Table.Header.Root>
-            <Table.Body.Root>
-                {
-                    props.incomeStatements
-                        .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === null)
-                        .sort((a, b) => Number(a.number) - Number(b.number))
-                        .map((incomeStatement) => {
-                            const incomeStatementChildren = getIncomeStatementChildren({
-                                incomeStatement: incomeStatement,
-                                incomeStatements: props.incomeStatements
-                            })
-
-                            return (
-                                <IncomeStatementReportItem
-                                    key={incomeStatement.id}
-                                    idOrganization={incomeStatement.idOrganization}
-                                    idYear={incomeStatement.idYear}
-                                    accounts={props.accounts}
-                                    recordRows={props.recordRows}
-                                    incomeStatement={incomeStatement}
-                                    incomeStatementChildren={incomeStatementChildren}
-                                    level={0}
-                                />
-                            )
-                        })
-                }
-            </Table.Body.Root>
-            <Table.Body.Root>
-                {
-                    (props.computations.length === 0)
-                        ? (
-                            <Table.Body.Root className="border-b border-neutral/10 last:border-b-0">
-                                <Table.Body.Row>
-                                    <Table.Body.Cell>
-                                        <FormatNull className="" />
-                                    </Table.Body.Cell>
-                                </Table.Body.Row>
-                            </Table.Body.Root>
-                        )
-                        : props.computations.map((computation, index) => {
-
-                            let computationAmount = 0
-                            const computationStatements = props.computationIncomeStatements
-                                .filter((computationIncomeStatement) => computationIncomeStatement.idComputation === computation.id)
-                                .forEach((computationIncomeStatement) => {
-                                    let incomeStatementAmount = 0
-                                    props.accounts
-                                        .filter((account) => {
-                                            const foundIncomeStatement = props.incomeStatements.find((incomeStatement) => incomeStatement.id === computationIncomeStatement.idIncomeStatement)
-                                            if (foundIncomeStatement === undefined) {
-                                                return false
-                                            }
-                                            const incomeStatementChildren = getIncomeStatementChildren({
-                                                incomeStatement: foundIncomeStatement,
-                                                incomeStatements: props.incomeStatements
-                                            })
-
-                                            const hasAccount = account.idIncomeStatement === computationIncomeStatement.idIncomeStatement
-                                            const hasChildrenAccount = incomeStatementChildren.some((incomeStatement) => incomeStatement.id === account.idIncomeStatement)
-                                            return hasAccount || hasChildrenAccount
-                                        })
-                                        .forEach((account) => {
-                                            props.recordRows
-                                                .filter((recordRow) => recordRow.idAccount === account.id)
-                                                .forEach((recordRow) => {
-                                                    incomeStatementAmount += Number(recordRow.debit) - Number(recordRow.credit)
-                                                })
-                                        })
-
-                                    if (computationIncomeStatement.operation === "plus") {
-                                        computationAmount += Math.abs(incomeStatementAmount)
-                                    }
-                                    if (computationIncomeStatement.operation === "minus") {
-                                        computationAmount += -Math.abs(incomeStatementAmount)
-                                    }
-                                })
-
-                            // .sort((a, b) => {
-                            //     if (!a.incomeStatement || !b.incomeStatement) return 0
-                            //     return (a.incomeStatement.number - b.incomeStatement.number)
-                            // })
-
-
-                            const computationIncomeStatementsLabel = props.computationIncomeStatements
-                                .filter((computationIncomeStatement) => computationIncomeStatement.idComputation === computation.id)
-                                .map((computationIncomeStatement, computationIncomeStatementIndex) => {
-                                    const incomeStatement = props.incomeStatements.find((incomeStatement) => incomeStatement.id === computationIncomeStatement.idIncomeStatement)
-                                    if (incomeStatement === undefined) {
-                                        return ""
-                                    }
-                                    const romanNumber = toRoman(Number(incomeStatement.number))
-                                    if (computationIncomeStatement.operation === "plus") {
-                                        if (computationIncomeStatementIndex === 0) return `${romanNumber}`
-                                        return `+${romanNumber}`
-                                    }
-                                    if (computationIncomeStatement.operation === "minus") return `-${romanNumber}`
-                                    return ""
-                                }).join("")
-
-                            return (
-                                <Table.Body.Row
-                                    key={computation.id}
-                                    className={cn(
-                                        "",
-                                        index === 0 ? "border-t border-neutral/25 border-b-neutral/5" : ""
-                                    )}
-                                >
-                                    <Table.Body.Cell align="right" className="w-full flex justify-end gap-2">
-                                        <FormatText
-                                            className={"whitespace-normal text-right"}
-                                        >
-                                            {computation.label}
-                                        </FormatText>
-                                        <FormatText
-                                            className={"whitespace-normal text-right text-neutral/50"}
-                                        >
-                                            {`(${computationIncomeStatementsLabel})`}
-                                        </FormatText>
-                                    </Table.Body.Cell>
-                                    <Table.Body.Cell className="w-[1%]" align="right">
-                                        <FormatPrice price={computationAmount} />
-                                    </Table.Body.Cell>
-                                </Table.Body.Row>
-                            )
-                        })
-                }
-            </Table.Body.Root>
-        </Table.Root>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
+import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
+import { toRoman } from "../../../../../../../../utilities/toRoman.ts"
+import { getIncomeStatementChildren } from "../../yearSettings/incomeStatements/getIncomeStatementChildren.tsx"
+import { IncomeStatementReportItem } from "./incomeStatementReportItem.tsx"
+
+
+export function IncomeStatementsReportTable(props: {
+    incomeStatements: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
+    computations: Array<v.InferOutput<typeof returnedSchemas.computation>>
+    computationIncomeStatements: Array<v.InferOutput<typeof returnedSchemas.computationIncomeStatement>>
+    recordRows: Array<v.InferOutput<typeof returnedSchemas.recordRow>>
+    accounts: Array<v.InferOutput<typeof returnedSchemas.account>>
+}) {
+    return (
+        <Table.Root>
+            <Table.Header.Root>
+                <Table.Header.Row>
+                    <Table.Header.Cell />
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>
+                            Net
+                        </span>
+                    </Table.Header.Cell>
+                </Table.Header.Row>
+            </Table.Header.Root>
+            <Table.Body.Root>
+                {
+                    props.incomeStatements
+                        .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === null)
+                        .sort((a, b) => Number(a.number) - Number(b.number))
+                        .map((incomeStatement) => {
+                            const incomeStatementChildren = getIncomeStatementChildren({
+                                incomeStatement: incomeStatement,
+                                incomeStatements: props.incomeStatements
+                            })
+
+                            return (
+                                <IncomeStatementReportItem
+                                    key={incomeStatement.id}
+                                    idOrganization={incomeStatement.idOrganization}
+                                    idYear={incomeStatement.idYear}
+                                    accounts={props.accounts}
+                                    recordRows={props.recordRows}
+                                    incomeStatement={incomeStatement}
+                                    incomeStatementChildren={incomeStatementChildren}
+                                    level={0}
+                                />
+                            )
+                        })
+                }
+            </Table.Body.Root>
+            <Table.Body.Root>
+                {
+                    (props.computations.length === 0)
+                        ? (
+                            <Table.Body.Root className={css({ borderBottom: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
+                                <Table.Body.Row>
+                                    <Table.Body.Cell>
+                                        <FormatNull className="" />
+                                    </Table.Body.Cell>
+                                </Table.Body.Row>
+                            </Table.Body.Root>
+                        )
+                        : props.computations.map((computation, index) => {
+
+                            let computationAmount = 0
+                            const computationStatements = props.computationIncomeStatements
+                                .filter((computationIncomeStatement) => computationIncomeStatement.idComputation === computation.id)
+                                .forEach((computationIncomeStatement) => {
+                                    let incomeStatementAmount = 0
+                                    props.accounts
+                                        .filter((account) => {
+                                            const foundIncomeStatement = props.incomeStatements.find((incomeStatement) => incomeStatement.id === computationIncomeStatement.idIncomeStatement)
+                                            if (foundIncomeStatement === undefined) {
+                                                return false
+                                            }
+                                            const incomeStatementChildren = getIncomeStatementChildren({
+                                                incomeStatement: foundIncomeStatement,
+                                                incomeStatements: props.incomeStatements
+                                            })
+
+                                            const hasAccount = account.idIncomeStatement === computationIncomeStatement.idIncomeStatement
+                                            const hasChildrenAccount = incomeStatementChildren.some((incomeStatement) => incomeStatement.id === account.idIncomeStatement)
+                                            return hasAccount || hasChildrenAccount
+                                        })
+                                        .forEach((account) => {
+                                            props.recordRows
+                                                .filter((recordRow) => recordRow.idAccount === account.id)
+                                                .forEach((recordRow) => {
+                                                    incomeStatementAmount += Number(recordRow.debit) - Number(recordRow.credit)
+                                                })
+                                        })
+
+                                    if (computationIncomeStatement.operation === "plus") {
+                                        computationAmount += Math.abs(incomeStatementAmount)
+                                    }
+                                    if (computationIncomeStatement.operation === "minus") {
+                                        computationAmount += -Math.abs(incomeStatementAmount)
+                                    }
+                                })
+
+                            // .sort((a, b) => {
+                            //     if (!a.incomeStatement || !b.incomeStatement) return 0
+                            //     return (a.incomeStatement.number - b.incomeStatement.number)
+                            // })
+
+
+                            const computationIncomeStatementsLabel = props.computationIncomeStatements
+                                .filter((computationIncomeStatement) => computationIncomeStatement.idComputation === computation.id)
+                                .map((computationIncomeStatement, computationIncomeStatementIndex) => {
+                                    const incomeStatement = props.incomeStatements.find((incomeStatement) => incomeStatement.id === computationIncomeStatement.idIncomeStatement)
+                                    if (incomeStatement === undefined) {
+                                        return ""
+                                    }
+                                    const romanNumber = toRoman(Number(incomeStatement.number))
+                                    if (computationIncomeStatement.operation === "plus") {
+                                        if (computationIncomeStatementIndex === 0) return `${romanNumber}`
+                                        return `+${romanNumber}`
+                                    }
+                                    if (computationIncomeStatement.operation === "minus") return `-${romanNumber}`
+                                    return ""
+                                }).join("")
+
+                            return (
+                                <Table.Body.Row
+                                    key={computation.id}
+                                    className={cx(
+                                        css({}),
+                                        index === 0 ? css({ borderTop: "1px solid token(colors.neutral/25)", borderBottomColor: "neutral/5" }) : ""
+                                    )}
+                                >
+                                    <Table.Body.Cell align="right" className={css({ w: "full", display: "flex", justifyContent: "end", gap: "2" })}>
+                                        <FormatText
+                                            className={css({ whiteSpace: "normal", textAlign: "right" })}
+                                        >
+                                            {computation.label}
+                                        </FormatText>
+                                        <FormatText
+                                            className={css({ whiteSpace: "normal", textAlign: "right", color: "neutral/50" })}
+                                        >
+                                            {`(${computationIncomeStatementsLabel})`}
+                                        </FormatText>
+                                    </Table.Body.Cell>
+                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                        <FormatPrice price={computationAmount} />
+                                    </Table.Body.Cell>
+                                </Table.Body.Row>
+                            )
+                        })
+                }
+            </Table.Body.Root>
+        </Table.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
index 2e742d5..84efec8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
@@ -1,10 +1,10 @@
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { JournalReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.js"
-import { journalReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.js"
 import { readAllRecordRowsRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { journalReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx"
+import { JournalReportTable } from "./journalReportTable.tsx"
 
 
 export function JournalReportPage() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
similarity index 73%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
index a964e3f..7243a80 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
@@ -1,15 +1,15 @@
-import { FormatDate } from "#/components/formats/formatDate.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Table } from "#/components/layouts/table/table.js"
-import { cn } from "#/utilities/cn.js"
-import { compareAmounts } from "#/utilities/compareAmounts.js"
 import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
+import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
+import { compareAmounts } from "../../../../../../../../utilities/compareAmounts.ts"
 
 
 export function JournalReportTable(props: {
@@ -30,50 +30,50 @@ export function JournalReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>
                             Date
                         </span>
                     </Table.Header.Cell>
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>
                             Libellé
                         </span>
                     </Table.Header.Cell>
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>
                             Compte
                         </span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>
                             Débit
                         </span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>
                             Crédit
                         </span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
             </Table.Header.Root>
-            <Table.Body.Root className="border-y border-neutral/10 last:border-b-0">
+            <Table.Body.Root className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
                 <Table.Body.Row>
                     <Table.Body.Cell colSpan={2} />
                     <Table.Body.Cell align="right">
-                        <span className="text-neutral/50">
+                        <span className={css({ color: "neutral/50" })}>
                             Total
                         </span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                         <FormatPrice
                             price={totalDebit}
-                            className="font-bold"
+                            className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                         <FormatPrice
                             price={totalCredit}
-                            className="font-bold"
+                            className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
                 </Table.Body.Row>
@@ -82,7 +82,7 @@ export function JournalReportTable(props: {
                 {
                     (sortedRecords.length === 0)
                         ? (
-                            <Table.Body.Root className="border-b border-neutral/10 last:border-b-0">
+                            <Table.Body.Root className={css({ borderBottom: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
                                 <Table.Body.Row>
                                     <Table.Body.Cell>
                                         <FormatNull />
@@ -100,14 +100,14 @@ export function JournalReportTable(props: {
                             const recordTotalCredit = sortedRecordRows.reduce((acc, recordRow) => acc + Number(recordRow.credit), 0)
 
                             return (
-                                <Table.Body.Root key={record.id} className="border-y border-neutral/10 last:border-b-0">
-                                    <Table.Body.Row className={cn(
-                                        "border-neutral/10 bg-background",
+                                <Table.Body.Root key={record.id} className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
+                                    <Table.Body.Row className={cx(
+                                        css({ borderColor: "neutral/10", bg: "background" }),
                                         // (recordTotalDebit === recordTotalCredit) ? "" : "border border-error"
                                     )}>
                                         <Table.Body.Cell>
                                             <FormatDate
-                                                className="italic"
+                                                className={css({ fontStyle: "italic" })}
                                                 date={record.date}
                                             />
                                         </Table.Body.Cell>
@@ -117,21 +117,21 @@ export function JournalReportTable(props: {
                                             </FormatText>
                                         </Table.Body.Cell>
                                         {/* <Table.Body.Cell colSpan={2} /> */}
-                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                             <FormatPrice
                                                 price={recordTotalDebit}
-                                                className={cn(
-                                                    "font-bold",
-                                                    (compareAmounts({ a: recordTotalDebit, b: recordTotalCredit })) ? "" : "text-error"
+                                                className={cx(
+                                                    css({ fontWeight: "bold" }),
+                                                    (compareAmounts({ a: recordTotalDebit, b: recordTotalCredit })) ? "" : css({ color: "error" })
                                                 )}
                                             />
                                         </Table.Body.Cell>
-                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                             <FormatPrice
                                                 price={recordTotalCredit}
-                                                className={cn(
-                                                    "font-bold",
-                                                    (compareAmounts({ a: recordTotalDebit, b: recordTotalCredit })) ? "text-neutral" : "text-error"
+                                                className={cx(
+                                                    css({ fontWeight: "bold" }),
+                                                    (compareAmounts({ a: recordTotalDebit, b: recordTotalCredit })) ? css({ color: "neutral" }) : css({ color: "error" })
                                                 )}
                                             />
                                         </Table.Body.Cell>
@@ -149,7 +149,7 @@ export function JournalReportTable(props: {
                                                                 {recordRow.label}
                                                             </FormatText>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className="flex justify-start items-start gap-2">
+                                                        <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
                                                             <DataWrapper
                                                                 routeDefinition={readOneAccountRouteDefinition}
                                                                 body={{
@@ -160,20 +160,20 @@ export function JournalReportTable(props: {
                                                             >
                                                                 {(account) => (
                                                                     <Fragment>
-                                                                        <FormatText className="overflow-visible">
+                                                                        <FormatText className={css({ overflow: "visible" })}>
                                                                             {account.number}
                                                                         </FormatText>
-                                                                        <FormatText wrap={true} className="text-neutral/50">
+                                                                        <FormatText wrap={true} className={css({ color: "neutral/50" })}>
                                                                             {account.label}
                                                                         </FormatText>
                                                                     </Fragment>
                                                                 )}
                                                             </DataWrapper>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.debit} />
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.credit} />
                                                         </Table.Body.Cell>
                                                     </Table.Body.Row>
@@ -188,4 +188,4 @@ export function JournalReportTable(props: {
             </Fragment>
         </Table.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
index 75bae22..9a51d0b 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
@@ -1,10 +1,10 @@
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { LedgerReportTable } from "#/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.js"
-import { ledgerReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.js"
 import { readAllAccountsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { ledgerReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx"
+import { LedgerReportTable } from "./ledgerReportTable.tsx"
 
 
 export function LedgerReportPage() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
similarity index 68%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
index 84da8b5..7487915 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
@@ -1,10 +1,11 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { FormatPrice } from "#/components/formats/formatPrice.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Table } from "#/components/layouts/table/table.js"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
+import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
+import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
 
 
 export function LedgerReportTable(props: {
@@ -22,40 +23,40 @@ export function LedgerReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">Compte</span>
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>Compte</span>
                     </Table.Header.Cell>
                     {/* <Table.Header.Cell>
-                                <span className="text-neutral/75 text-sm">Date</span>
+                                <span className={css({ color: "neutral/75", fontSize: "sm" })}>Date</span>
                             </Table.Header.Cell> */}
                     <Table.Header.Cell>
-                        <span className="text-neutral/75 text-sm">Libellé</span>
+                        <span className={css({ color: "neutral/75", fontSize: "sm" })}>Libellé</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Débit</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Débit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className="w-[1%]" align="right">
-                        <span className="text-neutral/75 text-sm whitespace-nowrap">Crédit</span>
+                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                        <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Crédit</span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
             </Table.Header.Root>
-            <Table.Body.Root className="border-y border-neutral/20 last:border-b-0">
-                <Table.Body.Row className="bg-background">
+            <Table.Body.Root className={css({ borderY: "1px solid token(colors.neutral/20)", _last: { borderBottom: "0" } })}>
+                <Table.Body.Row className={css({ bg: "background" })}>
                     <Table.Body.Cell colSpan={1} />
                     <Table.Body.Cell align="right">
-                        <span className="text-neutral/50">
+                        <span className={css({ color: "neutral/50" })}>
                             Total
                         </span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                         <FormatPrice
                             price={accountsTotalDebit}
-                            className="font-bold"
+                            className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className="w-[1%]" align="right">
+                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                         <FormatPrice
                             price={accountsTotalCredit}
-                            className="font-bold"
+                            className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
                 </Table.Body.Row>
@@ -64,7 +65,7 @@ export function LedgerReportTable(props: {
                 {
                     (sortedAccounts.length === 0)
                         ? (
-                            <Table.Body.Root className="border-b border-neutral/10 last:border-b-0">
+                            <Table.Body.Root className={css({ borderBottom: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
                                 <Table.Body.Row>
                                     <Table.Body.Cell>
                                         <FormatNull />
@@ -87,40 +88,40 @@ export function LedgerReportTable(props: {
                             return (
                                 <Table.Body.Root
                                     key={account.id}
-                                    className="border-y border-neutral/10 last:border-b-0"
+                                    className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}
                                 >
-                                    <Table.Body.Row className="border-neutral/10 bg-background">
-                                        <Table.Body.Cell className="flex justify-start items-start gap-2">
-                                            <FormatText className="overflow-visible">
+                                    <Table.Body.Row className={css({ borderColor: "neutral/10", bg: "background" })}>
+                                        <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
+                                            <FormatText className={css({ overflow: "visible" })}>
                                                 {account.number}
                                             </FormatText>
-                                            <FormatText wrap={true} className="text-neutral/50">
+                                            <FormatText wrap={true} className={css({ color: "neutral/50" })}>
                                                 {account.label}
                                             </FormatText>
                                         </Table.Body.Cell>
                                         <Table.Body.Cell />
-                                        <Table.Body.Cell className="w-[1%]" align="right">
-                                            <FormatPrice price={accountTotalDebit} className="font-bold" />
+                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                            <FormatPrice price={accountTotalDebit} className={css({ fontWeight: "bold" })} />
                                         </Table.Body.Cell>
-                                        <Table.Body.Cell className="w-[1%]" align="right">
-                                            <FormatPrice price={accountTotalCredit} className="font-bold" />
+                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                            <FormatPrice price={accountTotalCredit} className={css({ fontWeight: "bold" })} />
                                         </Table.Body.Cell>
                                     </Table.Body.Row>
                                     <Fragment>
                                         {
                                             filteredRecordRows.map((recordRow) => {
                                                 return (
-                                                    <Table.Body.Row key={recordRow.id} className="border-neutral/5">
+                                                    <Table.Body.Row key={recordRow.id} className={css({ borderColor: "neutral/5" })}>
                                                         <Table.Body.Cell />
                                                         <Table.Body.Cell>
                                                             <FormatText wrap={true}>
                                                                 {recordRow.label}
                                                             </FormatText>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.debit} />
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className="w-[1%]" align="right">
+                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.credit} />
                                                         </Table.Body.Cell>
                                                     </Table.Body.Row>
@@ -135,4 +136,4 @@ export function LedgerReportTable(props: {
             </Fragment>
         </Table.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
similarity index 89%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
index 7ff874d..af5fd50 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
@@ -1,8 +1,8 @@
-import { Page } from "#/components/layouts/page/page.js"
-import { SubPageLayout } from "#/components/layouts/subPageLayout.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
 import { IconFileDiff, IconFileReport, IconListDetails, IconListNumbers, IconScale } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Page } from "../../../../../../../components/layouts/page/page.js"
+import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.js"
+import { reportsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
 
 
 export function ReportsLayout() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
index 8b6aac3..5280239 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
@@ -1,52 +1,52 @@
-import { PageLayout } from "#/components/layouts/pageLayout.js"
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
-import { IconFolders, IconPencil, IconReport, IconSettings } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-
-
-export function YearLayout() {
-    const params = useParams({ from: yearLayoutRoute.id })
-
-    return (
-        <PageLayout
-            tabs={[
-                {
-                    label: "Écritures",
-                    icon: <IconPencil />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/écritures",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    },
-                },
-                {
-                    label: "Stockage de fichiers",
-                    icon: <IconFolders />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    },
-                },
-                {
-                    label: "Documents comptables",
-                    icon: <IconReport />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/documents",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    },
-                },
-                {
-                    label: "Paramètres",
-                    icon: <IconSettings />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/paramètres",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    },
-                },
-            ]}
-        />
-    )
-}
+import { IconFolders, IconPencil, IconReport, IconSettings } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { yearLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx"
+import { PageLayout } from "../../../../../../components/layouts/pageLayout.tsx"
+
+
+export function YearLayout() {
+    const params = useParams({ from: yearLayoutRoute.id })
+
+    return (
+        <PageLayout
+            tabs={[
+                {
+                    label: "Écritures",
+                    icon: <IconPencil />,
+                    to: "/organisations/$idOrganization/exercices/$idYear/écritures",
+                    params: {
+                        idOrganization: params.idOrganization,
+                        idYear: params.idYear,
+                    },
+                },
+                {
+                    label: "Stockage de fichiers",
+                    icon: <IconFolders />,
+                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers",
+                    params: {
+                        idOrganization: params.idOrganization,
+                        idYear: params.idYear,
+                    },
+                },
+                {
+                    label: "Documents comptables",
+                    icon: <IconReport />,
+                    to: "/organisations/$idOrganization/exercices/$idYear/documents",
+                    params: {
+                        idOrganization: params.idOrganization,
+                        idYear: params.idYear,
+                    },
+                },
+                {
+                    label: "Paramètres",
+                    icon: <IconSettings />,
+                    to: "/organisations/$idOrganization/exercices/$idYear/paramètres",
+                    params: {
+                        idOrganization: params.idOrganization,
+                        idYear: params.idYear,
+                    },
+                },
+            ]}
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
index 08307d5..3c74f02 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
@@ -1,20 +1,19 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatBoolean } from "#/components/formats/formatBoolean.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneAccount } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.js"
-import { UpdateOneAccount } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.js"
-import { accountRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.js"
 import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
+import { FormatBoolean } from "../../../../../../../../../components/formats/formatBoolean.tsx"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { accountRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx"
+import { DeleteOneAccount } from "./deleteOneAccount.tsx"
+import { UpdateOneAccount } from "./updateOneAccount.tsx"
 
 
 export function AccountPage() {
@@ -33,8 +32,8 @@ export function AccountPage() {
                 {(account) => {
                     return (
                         <Fragment>
-                            <Section.Item className="flex-row">
-                                <div className="flex justify-start items-center gap-2">
+                            <Section.Item className={css({ flexDir: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes"
                                         params={{
@@ -42,17 +41,19 @@ export function AccountPage() {
                                             idYear: account.idYear,
                                         }}
                                     >
-                                        <ButtonOutlineContent
+                                        <ButtonContent
+                                            variant="default"
                                             icon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
                                 </div>
-                                <div className="ml-auto flex justify-end items-center gap-2">
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneAccount
                                         account={account}
                                     >
-                                        <ButtonPlain
+                                        <Button
+                                            variant="primary"
                                             icon={<IconPencil />}
                                             text="Modifier"
                                         />
@@ -60,7 +61,8 @@ export function AccountPage() {
                                     <DeleteOneAccount
                                         account={account}
                                     >
-                                        <ButtonOutline
+                                        <Button
+                                            variant="default"
                                             icon={<IconTrash />}
                                             title="Supprimer"
                                             color="error"
@@ -68,7 +70,7 @@ export function AccountPage() {
                                     </DeleteOneAccount>
                                 </div>
                             </Section.Item>
-                            <Section.Item className="flex-col">
+                            <Section.Item className={css({ flexDir: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
index d776a01..1ab0dea 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneAccount(props: {
@@ -76,7 +76,7 @@ export function DeleteOneAccount(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce compte ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneAccount(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
similarity index 92%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
index 616ecda..b2970e5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
@@ -1,296 +1,296 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { AccountSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.js"
-import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllAccountsRouteDefinition, readOneAccountRouteDefinition, updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneAccount(props: {
-    account: v.InferOutput<typeof returnedSchemas.account>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier le compte"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneAccountRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.account,
-                            idAccount: props.account.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier le compte",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateAccountResponse = await postAPI({
-                                routeDefinition: updateOneAccountRouteDefinition,
-                                body: data,
-                            })
-                            if (updateAccountResponse.ok === false) {
-                                toast({ title: "Impossible de modifier le compte", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Compte modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllAccountsRouteDefinition,
-                                body: {
-                                    idOrganization: props.account.idOrganization,
-                                    idYear: props.account.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneAccountRouteDefinition,
-                                body: {
-                                    idAccount: props.account.id,
-                                    idOrganization: props.account.idOrganization,
-                                    idYear: props.account.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit le compte ajouté."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit le compte ajouté."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAccountParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Compte parent"
-                                                tooltip="Le compte parent du compte créé."
-                                            />
-                                            <FormControl>
-                                                <AccountSelect
-                                                    idOrganization={props.account.idOrganization}
-                                                    idYear={props.account.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="isClass"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Classe/sous-classe ?"
-                                                tooltip="Le compte est une classe ou une sous-classe de compte."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Oui", value: true },
-                                                        { label: "Non", value: false }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="isSelectable"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Sélectionnable ?"
-                                                tooltip="Le compte est sélectionnable pour les écritures."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Oui", value: true },
-                                                        { label: "Non", value: false }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="type"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Type de compte"
-                                            // tooltip="Si le compte est de bilan, de gestion ou spécial."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Compte de bilan", value: "balance-sheet" },
-                                                        { label: "Compte de gestion", value: "income-statement" },
-                                                        { label: "Compte spécial", value: "special" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetAsset"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan associée (actif)"
-                                                tooltip="La ligne de bilan associée (actif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.account.idOrganization}
-                                                    idYear={props.account.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side="asset"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="balanceSheetAssetColumn"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Colonne de ligne de bilan associée (actif)"
-                                                tooltip="Colonne de la ligne de bilan associée (actif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Brut", value: "gross" },
-                                                        { label: "Amort. & Dépré.", value: "amortization" },
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetLiability"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan associée (passif)"
-                                                tooltip="La ligne de bilan associée (passif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.account.idOrganization}
-                                                    idYear={props.account.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side="liability"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllAccountsRouteDefinition, readOneAccountRouteDefinition, updateOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+import { BalanceSheetsSelect } from "../../balanceSheets/balanceSheetSelect.tsx"
+import { AccountSelect } from "../accountSelect.tsx"
+
+
+export function UpdateOneAccount(props: {
+    account: v.InferOutput<typeof returnedSchemas.account>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier le compte"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneAccountRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.account,
+                            idAccount: props.account.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier le compte",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateAccountResponse = await postAPI({
+                                routeDefinition: updateOneAccountRouteDefinition,
+                                body: data,
+                            })
+                            if (updateAccountResponse.ok === false) {
+                                toast({ title: "Impossible de modifier le compte", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Compte modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllAccountsRouteDefinition,
+                                body: {
+                                    idOrganization: props.account.idOrganization,
+                                    idYear: props.account.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneAccountRouteDefinition,
+                                body: {
+                                    idAccount: props.account.id,
+                                    idOrganization: props.account.idOrganization,
+                                    idYear: props.account.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit le compte ajouté."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit le compte ajouté."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAccountParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Compte parent"
+                                                tooltip="Le compte parent du compte créé."
+                                            />
+                                            <FormControl>
+                                                <AccountSelect
+                                                    idOrganization={props.account.idOrganization}
+                                                    idYear={props.account.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="isClass"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Classe/sous-classe ?"
+                                                tooltip="Le compte est une classe ou une sous-classe de compte."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Oui", value: true },
+                                                        { label: "Non", value: false }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="isSelectable"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Sélectionnable ?"
+                                                tooltip="Le compte est sélectionnable pour les écritures."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Oui", value: true },
+                                                        { label: "Non", value: false }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="type"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Type de compte"
+                                            // tooltip="Si le compte est de bilan, de gestion ou spécial."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Compte de bilan", value: "balance-sheet" },
+                                                        { label: "Compte de gestion", value: "income-statement" },
+                                                        { label: "Compte spécial", value: "special" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetAsset"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan associée (actif)"
+                                                tooltip="La ligne de bilan associée (actif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.account.idOrganization}
+                                                    idYear={props.account.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side="asset"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="balanceSheetAssetColumn"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Colonne de ligne de bilan associée (actif)"
+                                                tooltip="Colonne de la ligne de bilan associée (actif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Brut", value: "gross" },
+                                                        { label: "Amort. & Dépré.", value: "amortization" },
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetLiability"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan associée (passif)"
+                                                tooltip="La ligne de bilan associée (passif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.account.idOrganization}
+                                                    idYear={props.account.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side="liability"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
similarity index 72%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
index 2ea9093..be5b641 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
@@ -1,97 +1,97 @@
-import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Link } from "@tanstack/react-router"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function AccountItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    account: v.InferOutput<typeof returnedSchemas.account>
-    level: number
-    displayIndexes: Array<boolean>
-    currentIndex: number
-    length: number
-    className?: ComponentProps<'div'>['className']
-}) {
-    const tab = "&nbsp;&nbsp;"
-
-    // const lastArrow = (props.currentIndex === props.length - 1)
-    //     ? "└──"
-    //     : "├──"
-
-    // const prefix = (props.level > 0)
-    //     ? `${(new Array(props.level - 1).fill("").map((_, index) => {
-    //         if (props.displayIndexes[index + 1] === true) {
-    //             return `│${tab}`
-    //         }
-    //         return `&nbsp;${tab}`
-    //     }))
-    //         .join("")
-    //     }${lastArrow}`
-    //     : null
-    const prefix = `${(new Array(props.level).fill("").map((_, index) => {
-        return `${tab}`
-    }))
-        .join("")
-        }`
-    // ? (props.index !== props.length - 1)
-    //                                     ? `&thinsp;&thinsp;${(new Array(props.level - 1).fill(`${(props.index !== props.length - 1)
-    //                                         ? "│"
-    //                                         : "&thinsp;"
-    //                                         }&nbsp;&nbsp;&thinsp;&thinsp;`)).join("")}`
-    //                                     : `&thinsp;&thinsp;${(new Array(props.level - 1).fill("&nbsp;&nbsp;&thinsp;&thinsp;")).join("")}${lastArrow}`
-    //                                 : ""
-
-    return (
-        <Fragment>
-            <Link
-                to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes/$idAccount"
-                params={{
-                    idOrganization: props.idOrganization,
-                    idYear: props.idYear,
-                    idAccount: props.account.id,
-                }}
-                className="w-full"
-            >
-                <div
-                    className="min-w-fit w-full flex justify-start items-center gap-2 hover:bg-neutral/5 border-b border-neutral/5 last:border-b-0"
-                // style={{
-                //     paddingLeft: `${(1 + props.level) * 12}px`
-                // }}
-                >
-                    {
-                        (prefix === null)
-                            ? (null)
-                            : (
-                                <pre
-                                    className={cn(
-                                        "text-neutral/25 text-[22px] leading-none h-full align-middle text-left",
-                                        props.account.isMandatory ? "" : ""
-                                    )}
-                                    dangerouslySetInnerHTML={{
-                                        __html: prefix
-                                    }}
-                                />
-                            )
-                    }
-                    <div className="p-1 flex justify-start items-center gap-2">
-                        <span className={cn(
-                            "text-neutral text-xs leading-none",
-                            props.account.isMandatory ? "font-bold" : ""
-                        )}>
-                            {props.account.number}
-                        </span>
-                        <span className={cn(
-                            "text-neutral text-xs text-left leading-none whitespace-nowrap",
-                            props.account.isMandatory ? "font-bold" : ""
-                        )}>
-                            {props.account.label}
-                        </span>
-                    </div>
-                </div>
-            </Link>
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
+import { Link } from "@tanstack/react-router"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+
+
+export function AccountItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    account: v.InferOutput<typeof returnedSchemas.account>
+    level: number
+    displayIndexes: Array<boolean>
+    currentIndex: number
+    length: number
+    className?: ComponentProps<'div'>['className']
+}) {
+    const tab = "&nbsp;&nbsp;"
+
+    // const lastArrow = (props.currentIndex === props.length - 1)
+    //     ? "└──"
+    //     : "├──"
+
+    // const prefix = (props.level > 0)
+    //     ? `${(new Array(props.level - 1).fill("").map((_, index) => {
+    //         if (props.displayIndexes[index + 1] === true) {
+    //             return `│${tab}`
+    //         }
+    //         return `&nbsp;${tab}`
+    //     }))
+    //         .join("")
+    //     }${lastArrow}`
+    //     : null
+    const prefix = `${(new Array(props.level).fill("").map((_, index) => {
+        return `${tab}`
+    }))
+        .join("")
+        }`
+    // ? (props.index !== props.length - 1)
+    //                                     ? `&thinsp;&thinsp;${(new Array(props.level - 1).fill(`${(props.index !== props.length - 1)
+    //                                         ? "│"
+    //                                         : "&thinsp;"
+    //                                         }&nbsp;&nbsp;&thinsp;&thinsp;`)).join("")}`
+    //                                     : `&thinsp;&thinsp;${(new Array(props.level - 1).fill("&nbsp;&nbsp;&thinsp;&thinsp;")).join("")}${lastArrow}`
+    //                                 : ""
+
+    return (
+        <Fragment>
+            <Link
+                to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes/$idAccount"
+                params={{
+                    idOrganization: props.idOrganization,
+                    idYear: props.idYear,
+                    idAccount: props.account.id,
+                }}
+                className={css({ w: "full" })}
+            >
+                <div
+                    className={css({ minW: "fit", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottomWidth: "1px", borderColor: "neutral/5", _last: { borderBottomWidth: "0" } })}
+                // style={{
+                //     paddingLeft: `${(1 + props.level) * 12}px`
+                // }}
+                >
+                    {
+                        (prefix === null)
+                            ? (null)
+                            : (
+                                <pre
+                                    className={cx(
+                                        css({ color: "neutral/25", fontSize: "22px", lineHeight: "none", h: "full", verticalAlign: "middle", textAlign: "left" }),
+                                        props.account.isMandatory ? "" : ""
+                                    )}
+                                    dangerouslySetInnerHTML={{
+                                        __html: prefix
+                                    }}
+                                />
+                            )
+                    }
+                    <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                        <span className={cx(
+                            css({ color: "neutral", fontSize: "xs", lineHeight: "none" }),
+                            props.account.isMandatory ? css({ fontWeight: "bold" }) : ""
+                        )}>
+                            {props.account.number}
+                        </span>
+                        <span className={cx(
+                            css({ color: "neutral", fontSize: "xs", textAlign: "left", lineHeight: "none", whiteSpace: "nowrap" }),
+                            props.account.isMandatory ? css({ fontWeight: "bold" }) : ""
+                        )}>
+                            {props.account.label}
+                        </span>
+                    </div>
+                </div>
+            </Link>
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
index 809be19..3a8aed0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.tsx
@@ -1,39 +1,39 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function AccountSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const accountsResponse = useHTTPData({
-        routeDefinition: readAllAccountsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization,
-            idYear: props.idYear
-        },
-    })
-
-    return (
-        <InputCombobox
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={accountsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner un compte"
-            options={
-                (accountsResponse.data === undefined)
-                    ? []
-                    : accountsResponse.data.map((account) => ({
-                        key: account.id,
-                        label: `${account.number} ${account.label}`
-                    }))
-            }
-        />
-    )
-}
+import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputCombobox } from "../../../../../../../../components/inputs/inputCombobox.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
+
+
+export function AccountSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const accountsResponse = useDataFromAPI({
+        routeDefinition: readAllAccountsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        },
+    })
+
+    return (
+        <InputCombobox
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={accountsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner un compte"
+            options={
+                (accountsResponse.data === undefined)
+                    ? []
+                    : accountsResponse.data.map((account) => ({
+                        key: account.id,
+                        label: `${account.number} ${account.label}`
+                    }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
new file mode 100644
index 0000000..c81e5b0
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
@@ -0,0 +1,50 @@
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPlus } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { accountsRoute } from "../../../../../../../../routes/root/docs/accounting/accountsRoute.tsx"
+import { AccountsTable } from "./accountsTable.tsx"
+import { CreateOneAccount } from "./createOneAccount.tsx"
+import { GenerateAccounts } from "./generateAccounts.tsx"
+
+
+export function AccountsPage() {
+    const params = useParams({ from: accountsRoute.id })
+
+    return (
+        <Section.Root>
+            <Section.Item>
+                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                    <CreateOneAccount
+                        idOrganization={params.idOrganization}
+                        idYear={params.idYear}
+                    >
+                        <ButtonContent
+                            variant="primary"
+                            icon={<IconPlus />}
+                            text="Ajouter un compte"
+                        />
+                    </CreateOneAccount>
+                    <GenerateAccounts
+                        idOrganization={params.idOrganization}
+                        idYear={params.idYear}
+                    >
+                        <ButtonContent
+                            variant="default"
+                            icon={<IconPlus />}
+                            text="Générer les comptes par défaut"
+                        />
+                    </GenerateAccounts>
+                </div>
+                <Box className={css({ maxH: "640px" })}>
+                    <AccountsTable
+                        idOrganization={params.idOrganization}
+                        idYear={params.idYear}
+                    />
+                </Box>
+            </Section.Item>
+        </Section.Root>
+    )
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
similarity index 76%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index d0871d0..7a1ae16 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -1,13 +1,14 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { InputDebounced } from "#/components/inputs/inputDebounced.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { AccountItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.js"
-import { sortAccounts } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.js"
 import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { useState } from "react"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { AccountItem } from "./accountItem.tsx"
+import { sortAccounts } from "./sortAccounts.tsx"
 
 
 export function AccountsTable(props: {
@@ -42,24 +43,24 @@ export function AccountsTable(props: {
                     .sort((a, b) => a.account.number.toString().localeCompare(b.account.number.toString()))
 
                 return (
-                    <div className="h-fit w-fit flex flex-col justify-start items-start p-4 gap-4">
+                    <div className={css({ h: "fit", w: "fit", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className="max-w-[320px]"
+                                className={css({ maxW: "320px" })}
                             />
                         </InputDebounced>
-                        <div className="h-fit w-fit flex flex-col justify-start items-start">
+                        <div className={css({ h: "fit", w: "fit", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (groupedAccounts.length !== 0)
                                     ? (null)
                                     : (
                                         <FormatNull
                                             text="Aucun compte n'a été trouvé"
-                                            className="p-2"
+                                            className={css({ p: "2" })}
                                         />
                                     )
                             }
@@ -81,4 +82,4 @@ export function AccountsTable(props: {
             }}
         </DataWrapper>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
similarity index 92%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
index ff6407e..ff50f65 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
@@ -1,291 +1,291 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { AccountSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountSelect.js"
-import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneAccount(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouveau fichier"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneAccountRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            isClass: false,
-                            isSelectable: true,
-                            type: "balance-sheet",
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter le compte",
-                        }}
-                        onSubmit={async (data) => {
-                            const createAccountResponse = await postAPI({
-                                routeDefinition: createOneAccountRouteDefinition,
-                                body: data,
-                            })
-                            if (createAccountResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter le compte", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Compte ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllAccountsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit le compte ajouté."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit le compte ajouté."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idAccountParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Compte parent"
-                                                tooltip="Le compte parent du compte créé."
-                                            />
-                                            <FormControl>
-                                                <AccountSelect
-                                                    idOrganization={props.idOrganization}
-                                                    idYear={props.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="isClass"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Classe/sous-classe ?"
-                                                tooltip="Le compte est une classe ou une sous-classe de compte."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Oui", value: true },
-                                                        { label: "Non", value: false }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="isSelectable"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Sélectionnable ?"
-                                                tooltip="Le compte est sélectionnable pour les écritures."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Oui", value: true },
-                                                        { label: "Non", value: false }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="type"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Type de compte"
-                                            // tooltip="Si le compte est de bilan, de gestion ou spécial."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Compte de bilan", value: "balance-sheet" },
-                                                        { label: "Compte de gestion", value: "income-statement" },
-                                                        { label: "Compte spécial", value: "special" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetAsset"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan associée (actif)"
-                                                tooltip="La ligne de bilan associée (actif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.idOrganization}
-                                                    idYear={props.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side="asset"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="balanceSheetAssetColumn"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Colonne de ligne de bilan associée (actif)"
-                                                tooltip="Colonne de la ligne de bilan associée (actif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Brut", value: "gross" },
-                                                        { label: "Amort. & Dépré.", value: "amortization" },
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetLiability"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan associée (passif)"
-                                                tooltip="La ligne de bilan associée (passif) au compte créé."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.idOrganization}
-                                                    idYear={props.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side="liability"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+import { BalanceSheetsSelect } from "../balanceSheets/balanceSheetSelect.tsx"
+import { AccountSelect } from "./accountSelect.tsx"
+
+
+export function CreateOneAccount(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouveau fichier"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneAccountRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            isClass: false,
+                            isSelectable: true,
+                            type: "balance-sheet",
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter le compte",
+                        }}
+                        onSubmit={async (data) => {
+                            const createAccountResponse = await postAPI({
+                                routeDefinition: createOneAccountRouteDefinition,
+                                body: data,
+                            })
+                            if (createAccountResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter le compte", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Compte ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllAccountsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit le compte ajouté."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit le compte ajouté."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idAccountParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Compte parent"
+                                                tooltip="Le compte parent du compte créé."
+                                            />
+                                            <FormControl>
+                                                <AccountSelect
+                                                    idOrganization={props.idOrganization}
+                                                    idYear={props.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="isClass"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Classe/sous-classe ?"
+                                                tooltip="Le compte est une classe ou une sous-classe de compte."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Oui", value: true },
+                                                        { label: "Non", value: false }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="isSelectable"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Sélectionnable ?"
+                                                tooltip="Le compte est sélectionnable pour les écritures."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Oui", value: true },
+                                                        { label: "Non", value: false }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="type"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Type de compte"
+                                            // tooltip="Si le compte est de bilan, de gestion ou spécial."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Compte de bilan", value: "balance-sheet" },
+                                                        { label: "Compte de gestion", value: "income-statement" },
+                                                        { label: "Compte spécial", value: "special" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetAsset"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan associée (actif)"
+                                                tooltip="La ligne de bilan associée (actif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.idOrganization}
+                                                    idYear={props.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side="asset"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="balanceSheetAssetColumn"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Colonne de ligne de bilan associée (actif)"
+                                                tooltip="Colonne de la ligne de bilan associée (actif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Brut", value: "gross" },
+                                                        { label: "Amort. & Dépré.", value: "amortization" },
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetLiability"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan associée (passif)"
+                                                tooltip="La ligne de bilan associée (passif) au compte créé."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.idOrganization}
+                                                    idYear={props.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side="liability"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
similarity index 87%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
index e0ba7e0..5c548e8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
@@ -1,138 +1,138 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateAccountsRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function GenerateAccounts(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Générer les comptes"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={generateAccountsRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            isMinimalSystem: true,
-                            isReplicatingAccounts: false,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Générer les comptes",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: generateAccountsRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible de générer les comptes", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Comptes générés avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllAccountsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                {/* <FormField
-                                    control={form.control}
-                                    name="isReplicatingAccounts"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Réplication des comptes précédents ?"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { value: true, label: "Oui" },
-                                                        { value: false, label: "Non" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                /> */}
-                                <FormField
-                                    control={form.control}
-                                    name="isMinimalSystem"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Système de compte minimal ?"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { value: true, label: "Oui" },
-                                                        { value: false, label: "Non" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { generateAccountsRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputToggle } from "../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function GenerateAccounts(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Générer les comptes"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={generateAccountsRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            isMinimalSystem: true,
+                            isReplicatingAccounts: false,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Générer les comptes",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: generateAccountsRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible de générer les comptes", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Comptes générés avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllAccountsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                {/* <FormField
+                                    control={form.control}
+                                    name="isReplicatingAccounts"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Réplication des comptes précédents ?"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { value: true, label: "Oui" },
+                                                        { value: false, label: "Non" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                /> */}
+                                <FormField
+                                    control={form.control}
+                                    name="isMinimalSystem"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Système de compte minimal ?"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { value: true, label: "Oui" },
+                                                        { value: false, label: "Non" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/groupAccounts.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/sortAccounts.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
similarity index 75%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
index bfa908c..8aa796f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
@@ -1,18 +1,17 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneBalanceSheet } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.js"
-import { UpdateOneBalanceSheet } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.js"
-import { balanceSheetRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.js"
 import { readOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { balanceSheetRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx"
+import { DeleteOneBalanceSheet } from "./deleteOneBalanceSheet.tsx"
+import { UpdateOneBalanceSheet } from "./updateOneBalanceSheet.tsx"
 
 
 export function BalanceSheetPage() {
@@ -30,8 +29,8 @@ export function BalanceSheetPage() {
             {(balanceSheet) => {
                 return (
                     <Section.Root>
-                        <Section.Item className="flex-row">
-                            <div className="flex justify-start items-center gap-2">
+                        <Section.Item className={css({ flexDir: "row" })}>
+                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
                                     params={{
@@ -39,17 +38,19 @@ export function BalanceSheetPage() {
                                         idYear: balanceSheet.idYear,
                                     }}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
                             </div>
-                            <div className="ml-auto flex justify-end items-center gap-2">
+                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneBalanceSheet
                                     balanceSheet={balanceSheet}
                                 >
-                                    <ButtonPlain
+                                    <Button
+                                        variant="primary"
                                         icon={<IconPencil />}
                                         text="Modifier"
                                     />
@@ -57,7 +58,8 @@ export function BalanceSheetPage() {
                                 <DeleteOneBalanceSheet
                                     balanceSheet={balanceSheet}
                                 >
-                                    <ButtonOutline
+                                    <Button
+                                        variant="default"
                                         icon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
@@ -65,7 +67,7 @@ export function BalanceSheetPage() {
                                 </DeleteOneBalanceSheet>
                             </div>
                         </Section.Item>
-                        <Section.Item className="flex-col">
+                        <Section.Item className={css({ flexDir: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
index df76ff8..1e40a9d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneBalanceSheet(props: {
@@ -76,7 +76,7 @@ export function DeleteOneBalanceSheet(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de bilan ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneBalanceSheet(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
index be62cdb..1723825 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
@@ -1,181 +1,181 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllBalanceSheetsRouteDefinition, readOneBalanceSheetRouteDefinition, updateOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneBalanceSheet(props: {
-    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier la ligne de bilan"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneBalanceSheetRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.balanceSheet,
-                            idBalanceSheet: props.balanceSheet.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier la ligne de bilan",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateBalanceSheetResponse = await postAPI({
-                                routeDefinition: updateOneBalanceSheetRouteDefinition,
-                                body: data,
-                            })
-                            if (updateBalanceSheetResponse.ok === false) {
-                                toast({ title: "Impossible de modifier la ligne de bilan", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de bilan modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllBalanceSheetsRouteDefinition,
-                                body: {
-                                    idOrganization: props.balanceSheet.idOrganization,
-                                    idYear: props.balanceSheet.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneBalanceSheetRouteDefinition,
-                                body: {
-                                    idBalanceSheet: props.balanceSheet.id,
-                                    idOrganization: props.balanceSheet.idOrganization,
-                                    idYear: props.balanceSheet.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de bilan ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de bilan ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan parent"
-                                                tooltip="La ligne de bilan parent de la ligne créée."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.balanceSheet.idOrganization}
-                                                    idYear={props.balanceSheet.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side={null}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="side"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Côté du bilan ?"
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Actif", value: "asset" },
-                                                        { label: "Passif", value: "liability" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllBalanceSheetsRouteDefinition, readOneBalanceSheetRouteDefinition, updateOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+import { BalanceSheetsSelect } from "../balanceSheetSelect.tsx"
+
+
+export function UpdateOneBalanceSheet(props: {
+    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier la ligne de bilan"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneBalanceSheetRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.balanceSheet,
+                            idBalanceSheet: props.balanceSheet.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier la ligne de bilan",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateBalanceSheetResponse = await postAPI({
+                                routeDefinition: updateOneBalanceSheetRouteDefinition,
+                                body: data,
+                            })
+                            if (updateBalanceSheetResponse.ok === false) {
+                                toast({ title: "Impossible de modifier la ligne de bilan", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de bilan modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllBalanceSheetsRouteDefinition,
+                                body: {
+                                    idOrganization: props.balanceSheet.idOrganization,
+                                    idYear: props.balanceSheet.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneBalanceSheetRouteDefinition,
+                                body: {
+                                    idBalanceSheet: props.balanceSheet.id,
+                                    idOrganization: props.balanceSheet.idOrganization,
+                                    idYear: props.balanceSheet.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de bilan ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de bilan ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan parent"
+                                                tooltip="La ligne de bilan parent de la ligne créée."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.balanceSheet.idOrganization}
+                                                    idYear={props.balanceSheet.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side={null}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="side"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Côté du bilan ?"
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Actif", value: "asset" },
+                                                        { label: "Passif", value: "liability" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
index 3a176ac..80c0ed6 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.tsx
@@ -1,48 +1,48 @@
-import { BalanceSheetRow } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function BalanceSheetItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
-    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    return (
-        <Fragment>
-            <BalanceSheetRow
-                idOrganization={props.idOrganization}
-                idYear={props.idYear}
-                balanceSheet={props.balanceSheet}
-                level={props.level}
-            />
-            {
-                props.balanceSheetChildren
-                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
-                    .map((balanceSheet) => {
-                        const balanceSheetChildren = getBalanceSheetChildren({
-                            balanceSheet: balanceSheet,
-                            balanceSheets: props.balanceSheetChildren,
-                        })
-
-                        return (
-                            <BalanceSheetItem
-                                key={balanceSheet.id}
-                                idOrganization={props.idOrganization}
-                                idYear={props.idYear}
-                                balanceSheet={balanceSheet}
-                                balanceSheetChildren={balanceSheetChildren}
-                                level={props.level + 1}
-                            />
-                        )
-                    })
-            }
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+import { BalanceSheetRow } from "./balanceSheetRow.tsx"
+import { getBalanceSheetChildren } from "./getBalanceSheetChildren.tsx"
+
+
+export function BalanceSheetItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
+    balanceSheetChildren: Array<v.InferOutput<typeof returnedSchemas.balanceSheet>>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    return (
+        <Fragment>
+            <BalanceSheetRow
+                idOrganization={props.idOrganization}
+                idYear={props.idYear}
+                balanceSheet={props.balanceSheet}
+                level={props.level}
+            />
+            {
+                props.balanceSheetChildren
+                    .filter((balanceSheet) => balanceSheet.idBalanceSheetParent === props.balanceSheet.id)
+                    .map((balanceSheet) => {
+                        const balanceSheetChildren = getBalanceSheetChildren({
+                            balanceSheet: balanceSheet,
+                            balanceSheets: props.balanceSheetChildren,
+                        })
+
+                        return (
+                            <BalanceSheetItem
+                                key={balanceSheet.id}
+                                idOrganization={props.idOrganization}
+                                idYear={props.idYear}
+                                balanceSheet={balanceSheet}
+                                balanceSheetChildren={balanceSheetChildren}
+                                level={props.level + 1}
+                            />
+                        )
+                    })
+            }
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
similarity index 51%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
index 49dafa1..d080f1a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
@@ -1,67 +1,89 @@
-import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Link } from "@tanstack/react-router"
-import { ComponentProps } from "react"
-import * as v from "valibot"
-
-
-export function BalanceSheetRow(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    const prefix = `${(new Array(props.level).fill("").map((_) => {
-        return "&nbsp;&nbsp;"
-    }))
-        .join("")
-        }`
-
-    return (
-        <Link
-            to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan/$idBalanceSheet"
-            params={{
-                idOrganization: props.idOrganization,
-                idYear: props.idYear,
-                idBalanceSheet: props.balanceSheet.id,
-            }}
-            className="w-full"
-        >
-            <div
-                className="min-w-fit w-full flex justify-start items-center gap-2 hover:bg-neutral/5 border-b border-neutral/5 last:border-b-0"
-            // style={{
-            //     paddingLeft: `${(1 + props.level) * 12}px`
-            // }}
-            >
-                {
-                    (prefix === "")
-                        ? (null)
-                        : (
-                            <pre
-                                className={cn(
-                                    "text-neutral/25 text-[22px] leading-none h-full align-middle text-left",
-                                )}
-                                dangerouslySetInnerHTML={{
-                                    __html: prefix
-                                }}
-                            />
-                        )
-                }
-                <div className="p-1 flex justify-start items-center gap-2">
-                    <span className={cn(
-                        "text-neutral text-xs leading-none",
-                    )}>
-                        {props.balanceSheet.number}
-                    </span>
-                    <span className={cn(
-                        "text-neutral text-xs text-left leading-none whitespace-nowrap",
-                    )}>
-                        {props.balanceSheet.label}
-                    </span>
-                </div>
-            </div>
-        </Link>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { Link } from "@tanstack/react-router"
+import { ComponentProps } from "react"
+import * as v from "valibot"
+
+
+export function BalanceSheetRow(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    const prefix = `${(new Array(props.level).fill("").map((_) => {
+        return "&nbsp;&nbsp;"
+    }))
+        .join("")
+        }`
+
+    return (
+        <Link
+            to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan/$idBalanceSheet"
+            params={{
+                idOrganization: props.idOrganization,
+                idYear: props.idYear,
+                idBalanceSheet: props.balanceSheet.id,
+            }}
+            className={css({ w: "full" })}
+        >
+            <div
+                className={css({
+                    minW: "fit-content",
+                    w: "full",
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    gap: "2",
+                    _hover: { bg: "neutral/5" },
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/5",
+                    _last: { borderBottom: "0" }
+                })}
+            // style={{
+            //     paddingLeft: `${(1 + props.level) * 12}px`
+            // }}
+            >
+                {
+                    (prefix === "")
+                        ? (null)
+                        : (
+                            <pre
+                                className={css({
+                                    color: "neutral/25",
+                                    fontSize: "[22px]",
+                                    lineHeight: "none",
+                                    h: "full",
+                                    verticalAlign: "middle",
+                                    textAlign: "left"
+                                })}
+                                dangerouslySetInnerHTML={{
+                                    __html: prefix
+                                }}
+                            />
+                        )
+                }
+                <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                    <span className={css({
+                        color: "neutral",
+                        fontSize: "xs",
+                        lineHeight: "none"
+                    })}>
+                        {props.balanceSheet.number}
+                    </span>
+                    <span className={css({
+                        color: "neutral",
+                        fontSize: "xs",
+                        textAlign: "left",
+                        lineHeight: "none",
+                        whiteSpace: "nowrap"
+                    })}>
+                        {props.balanceSheet.label}
+                    </span>
+                </div>
+            </div>
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
similarity index 86%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
index d737f1e..5cf64ea 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.tsx
@@ -1,42 +1,42 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function BalanceSheetsSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-    side: "asset" | "liability" | null
-}) {
-    const balanceSheetsResponse = useHTTPData({
-        routeDefinition: readAllBalanceSheetsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization,
-            idYear: props.idYear
-        },
-    })
-
-    return (
-        <InputCombobox
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={balanceSheetsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner une ligne de bilan"
-            options={
-                (balanceSheetsResponse.data === undefined)
-                    ? []
-                    : balanceSheetsResponse.data
-                        .filter((balanceSheet) => props.side === undefined || balanceSheet.side === props.side)
-                        .map((balanceSheet) => ({
-                            key: balanceSheet.id,
-                            label: `${balanceSheet.number} ${balanceSheet.label}`
-                        }))
-            }
-        />
-    )
-}
+import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputCombobox } from "../../../../../../../../components/inputs/inputCombobox.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
+
+
+export function BalanceSheetsSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+    side: "asset" | "liability" | null
+}) {
+    const balanceSheetsResponse = useDataFromAPI({
+        routeDefinition: readAllBalanceSheetsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        },
+    })
+
+    return (
+        <InputCombobox
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={balanceSheetsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner une ligne de bilan"
+            options={
+                (balanceSheetsResponse.data === undefined)
+                    ? []
+                    : balanceSheetsResponse.data
+                        .filter((balanceSheet) => props.side === undefined || balanceSheet.side === props.side)
+                        .map((balanceSheet) => ({
+                            key: balanceSheet.id,
+                            label: `${balanceSheet.number} ${balanceSheet.label}`
+                        }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
similarity index 74%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
index 186d73f..4a6a6e2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
@@ -1,13 +1,14 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { InputDebounced } from "#/components/inputs/inputDebounced.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { BalanceSheetItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetItem.js"
-import { getBalanceSheetChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.js"
 import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { useState } from "react"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { BalanceSheetItem } from "./balanceSheetItem.tsx"
+import { getBalanceSheetChildren } from "./getBalanceSheetChildren.tsx"
 
 
 export function BalanceSheetTable(props: {
@@ -33,24 +34,24 @@ export function BalanceSheetTable(props: {
                     .sort((a, b) => Number(a.number) - Number(b.number))
 
                 return (
-                    <div className="h-fit w-fit flex flex-col justify-start items-start gap-4">
+                    <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className="max-w-[320px]"
+                                className={css({ maxW: "[320px]" })}
                             />
                         </InputDebounced>
-                        <div className="h-fit w-fit flex flex-col justify-start items-start">
+                        <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (filteredBalanceSheets.length !== 0)
                                     ? (null)
                                     : (
                                         <FormatNull
                                             text="Aucune ligne de bilan n'a été trouvée"
-                                            className="p-2"
+                                            className={css({ p: "2" })}
                                         />
                                     )
                             }
@@ -77,4 +78,4 @@ export function BalanceSheetTable(props: {
             }}
         </DataWrapper>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
similarity index 60%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
index 268273d..fed38b6 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
@@ -1,15 +1,15 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { BalanceSheetTable } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.js"
-import { ConnectAccountsToBalanceSheets } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.js"
-import { CreateOneBalanceSheet } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.js"
-import { GenerateBalanceSheets } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.js"
-import { balanceSheetsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.js"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconLine, IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
+import { balanceSheetsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx"
+import { BalanceSheetTable } from "./balanceSheetTable.tsx"
+import { ConnectAccountsToBalanceSheets } from "./connectAccountsToBalanceSheets.tsx"
+import { CreateOneBalanceSheet } from "./createOneBalanceSheet.tsx"
+import { GenerateBalanceSheets } from "./generateBalanceSheets.tsx"
 
 
 export function BalanceSheetsPage() {
@@ -18,12 +18,13 @@ export function BalanceSheetsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className="min-w-full flex justify-end items-center gap-2 flex-wrap">
+                <div className={css({ minW: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneBalanceSheet
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonPlainContent
+                        <ButtonContent
+                            variant="primary"
                             icon={<IconPlus />}
                             text="Ajouter une ligne de bilan"
                         />
@@ -32,7 +33,8 @@ export function BalanceSheetsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconPlus />}
                             text="Générer les lignes de bilan par défaut"
                         />
@@ -41,14 +43,15 @@ export function BalanceSheetsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconLine />}
                             text="Connecter les comptes aux lignes de bilan par défaut"
                         />
                     </ConnectAccountsToBalanceSheets>
                 </div>
-                <div className="w-full flex flex-row justify-start items-start gap-2 flex-wrap">
-                    <Box className="p-4 gap-4 max-h-[640px]">
+                <div className={css({ w: "full", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
+                    <Box className={css({ p: "4", gap: "4", maxH: "[640px]" })}>
                         <TitleComponent>
                             Actif
                         </TitleComponent>
@@ -58,7 +61,7 @@ export function BalanceSheetsPage() {
                             filter={(balanceSheet) => balanceSheet.side === "asset"}
                         />
                     </Box>
-                    <Box className="p-4 gap-4 max-h-[640px]">
+                    <Box className={css({ p: "4", gap: "4", maxH: "[640px]" })}>
                         <TitleComponent>
                             Passif
                         </TitleComponent>
@@ -72,4 +75,4 @@ export function BalanceSheetsPage() {
             </Section.Item>
         </Section.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
index 1fb5f5a..5753371 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
@@ -1,91 +1,93 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { connectAccountsToBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function ConnectAccountsToBalanceSheets(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous connecter les comptes aux lignes de bilan par défault ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: connectAccountsToBalanceSheetsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de connecter les comptes aux lignes de bilan", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Comptes connectés aux lignes de bilan avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllBalanceSheetsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Connecter les comptes aux lignes de bilan"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { connectAccountsToBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function ConnectAccountsToBalanceSheets(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous connecter les comptes aux lignes de bilan par défault ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: connectAccountsToBalanceSheetsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de connecter les comptes aux lignes de bilan", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Comptes connectés aux lignes de bilan avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllBalanceSheetsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Connecter les comptes aux lignes de bilan"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
index beab8ed..4fda562 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
@@ -1,175 +1,175 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { BalanceSheetsSelect } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneBalanceSheet(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle ligne de bilan"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneBalanceSheetRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            idBalanceSheetParent: null,
-                            side: "asset",
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter la ligne de bilan",
-                        }}
-                        onSubmit={async (data) => {
-                            const createBalanceSheetResponse = await postAPI({
-                                routeDefinition: createOneBalanceSheetRouteDefinition,
-                                body: data,
-                            })
-                            if (createBalanceSheetResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter la ligne de bilan", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de bilan ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllBalanceSheetsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de bilan ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de bilan ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idBalanceSheetParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de bilan parent"
-                                                tooltip="La ligne de bilan parent de la ligne créée."
-                                            />
-                                            <FormControl>
-                                                <BalanceSheetsSelect
-                                                    idOrganization={props.idOrganization}
-                                                    idYear={props.idYear}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    side={null}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="side"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Côté du bilan ?"
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Actif", value: "asset" },
-                                                        { label: "Passif", value: "liability" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+import { BalanceSheetsSelect } from "./balanceSheetSelect.tsx"
+
+
+export function CreateOneBalanceSheet(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle ligne de bilan"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneBalanceSheetRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            idBalanceSheetParent: null,
+                            side: "asset",
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter la ligne de bilan",
+                        }}
+                        onSubmit={async (data) => {
+                            const createBalanceSheetResponse = await postAPI({
+                                routeDefinition: createOneBalanceSheetRouteDefinition,
+                                body: data,
+                            })
+                            if (createBalanceSheetResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter la ligne de bilan", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de bilan ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllBalanceSheetsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de bilan ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de bilan ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idBalanceSheetParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de bilan parent"
+                                                tooltip="La ligne de bilan parent de la ligne créée."
+                                            />
+                                            <FormControl>
+                                                <BalanceSheetsSelect
+                                                    idOrganization={props.idOrganization}
+                                                    idYear={props.idYear}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    side={null}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="side"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Côté du bilan ?"
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Actif", value: "asset" },
+                                                        { label: "Passif", value: "liability" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
index 63089a7..3d36296 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
@@ -1,93 +1,95 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function GenerateBalanceSheets(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous générer les lignes de bilan par défaut ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera les anciennes lignes de bilan pour générer celles par défaut.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: generateBalanceSheetsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de générer les lignes de bilan", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Lignes de bilan générées avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllBalanceSheetsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Générer les lignes de bilan"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { generateBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function GenerateBalanceSheets(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous générer les lignes de bilan par défaut ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action supprimera les anciennes lignes de bilan pour générer celles par défaut.
+                                <br />
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: generateBalanceSheetsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de générer les lignes de bilan", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Lignes de bilan générées avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllBalanceSheetsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Générer les lignes de bilan"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetChildren.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/getBalanceSheetLevel.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
index 3fcbf86..2f9fec5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../components/overlays/dialog/dialog.js"
+import { toast } from "../../../../../../../contexts/toasts/useToast.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.js"
+import { postAPI } from "../../../../../../../utilities/postAPI.js"
 
 
 export function DeleteOneYear(props: {
@@ -72,7 +72,7 @@ export function DeleteOneYear(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cet exercice ?
                             </Dialog.Title>
@@ -83,11 +83,13 @@ export function DeleteOneYear(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
index 134079d..5aa31f5 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneIncomeStatement(props: {
@@ -76,7 +76,7 @@ export function DeleteOneIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneIncomeStatement(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
similarity index 75%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
index e34a091..eeb53d7 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
@@ -1,18 +1,17 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.js"
-import { UpdateOneIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.js"
-import { incomeStatementRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.js"
 import { readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { incomeStatementRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx"
+import { DeleteOneIncomeStatement } from "./deleteOneIncomeStatement.tsx"
+import { UpdateOneIncomeStatement } from "./updateOneIncomeStatement.tsx"
 
 
 export function IncomeStatementPage() {
@@ -30,8 +29,8 @@ export function IncomeStatementPage() {
             {(incomeStatement) => {
                 return (
                     <Section.Root>
-                        <Section.Item className="flex-row">
-                            <div className="flex justify-start items-center gap-2">
+                        <Section.Item className={css({ flexDir: "row" })}>
+                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
                                     params={{
@@ -39,17 +38,19 @@ export function IncomeStatementPage() {
                                         idYear: incomeStatement.idYear,
                                     }}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
                             </div>
-                            <div className="ml-auto flex justify-end items-center gap-2">
+                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneIncomeStatement
                                     incomeStatement={incomeStatement}
                                 >
-                                    <ButtonPlain
+                                    <Button
+                                        variant="primary"
                                         icon={<IconPencil />}
                                         text="Modifier"
                                     />
@@ -57,7 +58,8 @@ export function IncomeStatementPage() {
                                 <DeleteOneIncomeStatement
                                     incomeStatement={incomeStatement}
                                 >
-                                    <ButtonOutline
+                                    <Button
+                                        variant="default"
                                         icon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
@@ -65,7 +67,7 @@ export function IncomeStatementPage() {
                                 </DeleteOneIncomeStatement>
                             </div>
                         </Section.Item>
-                        <Section.Item className="flex-col">
+                        <Section.Item className={css({ flexDir: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
index 7537ad4..2f7c7e4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
@@ -1,165 +1,165 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition, updateOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneIncomeStatement(props: {
-    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier la ligne de compte de résultat"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneIncomeStatementRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.incomeStatement,
-                            idIncomeStatement: props.incomeStatement.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier la ligne de compte de résultat",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateIncomeStatementResponse = await postAPI({
-                                routeDefinition: updateOneIncomeStatementRouteDefinition,
-                                body: data,
-                            })
-                            if (updateIncomeStatementResponse.ok === false) {
-                                toast({ title: "Impossible de modifier la ligne de compte de résultat", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de compte de résultat modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllIncomeStatementsRouteDefinition,
-                                body: {
-                                    idOrganization: props.incomeStatement.idOrganization,
-                                    idYear: props.incomeStatement.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneIncomeStatementRouteDefinition,
-                                body: {
-                                    idIncomeStatement: props.incomeStatement.id,
-                                    idOrganization: props.incomeStatement.idOrganization,
-                                    idYear: props.incomeStatement.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de compte de résultat ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de compte de résultat ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idIncomeStatementParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de compte de résultat parent"
-                                                tooltip="La ligne de compte de résultat parent de la ligne créée."
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.incomeStatement.idOrganization,
-                                                        idYear: props.incomeStatement.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une ligne de compte de résultat"
-                                                    getOption={(incomeStatement) => ({
-                                                        key: incomeStatement.id,
-                                                        label: `(${incomeStatement.number}) ${incomeStatement.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition, updateOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneIncomeStatement(props: {
+    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier la ligne de compte de résultat"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneIncomeStatementRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.incomeStatement,
+                            idIncomeStatement: props.incomeStatement.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier la ligne de compte de résultat",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateIncomeStatementResponse = await postAPI({
+                                routeDefinition: updateOneIncomeStatementRouteDefinition,
+                                body: data,
+                            })
+                            if (updateIncomeStatementResponse.ok === false) {
+                                toast({ title: "Impossible de modifier la ligne de compte de résultat", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de compte de résultat modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllIncomeStatementsRouteDefinition,
+                                body: {
+                                    idOrganization: props.incomeStatement.idOrganization,
+                                    idYear: props.incomeStatement.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneIncomeStatementRouteDefinition,
+                                body: {
+                                    idIncomeStatement: props.incomeStatement.id,
+                                    idOrganization: props.incomeStatement.idOrganization,
+                                    idYear: props.incomeStatement.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de compte de résultat ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de compte de résultat ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idIncomeStatementParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de compte de résultat parent"
+                                                tooltip="La ligne de compte de résultat parent de la ligne créée."
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.incomeStatement.idOrganization,
+                                                        idYear: props.incomeStatement.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une ligne de compte de résultat"
+                                                    getOption={(incomeStatement) => ({
+                                                        key: incomeStatement.id,
+                                                        label: `(${incomeStatement.number}) ${incomeStatement.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
similarity index 75%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
index 01e6c70..0b61d55 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
@@ -1,20 +1,19 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Chip } from "#/components/layouts/chip.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.js"
-import { UpdateOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.js"
-import { computationIncomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.js"
 import { readOneComputationIncomeStatementRouteDefinition, readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
+import { FormatDateTime } from "../../../../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../../../../components/formats/formatText.tsx"
+import { Chip } from "../../../../../../../../../../../../components/layouts/chip.tsx"
+import { DataBlock } from "../../../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../../../../components/layouts/title.tsx"
+import { computationIncomeStatementLayoutRoute } from "../../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx"
+import { DeleteOneComputationIncomeStatement } from "./deleteOneComputationIncomeStatement.tsx"
+import { UpdateOneComputationIncomeStatement } from "./updateOneComputationIncomeStatement.tsx"
 
 
 export function ComputationIncomeStatementPage() {
@@ -33,8 +32,8 @@ export function ComputationIncomeStatementPage() {
                 {(computationIncomeStatement) => {
                     return (
                         <Fragment>
-                            <Section.Item className="flex-row">
-                                <div className="flex justify-start items-center gap-2">
+                            <Section.Item className={css({ flexDir: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
                                         params={{
@@ -42,17 +41,19 @@ export function ComputationIncomeStatementPage() {
                                             idYear: params.idYear,
                                         }}
                                     >
-                                        <ButtonOutlineContent
+                                        <ButtonContent
+                                            variant="default"
                                             icon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
                                 </div>
-                                <div className="ml-auto flex justify-end items-center gap-2">
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneComputationIncomeStatement
                                         computationIncomeStatement={computationIncomeStatement}
                                     >
-                                        <ButtonPlain
+                                        <Button
+                                            variant="primary"
                                             icon={<IconPencil />}
                                             text="Modifier"
                                         />
@@ -60,7 +61,8 @@ export function ComputationIncomeStatementPage() {
                                     <DeleteOneComputationIncomeStatement
                                         computationIncomeStatement={computationIncomeStatement}
                                     >
-                                        <ButtonOutline
+                                        <Button
+                                            variant="default"
                                             icon={<IconTrash />}
                                             title="Supprimer"
                                             color="error"
@@ -68,7 +70,7 @@ export function ComputationIncomeStatementPage() {
                                     </DeleteOneComputationIncomeStatement>
                                 </div>
                             </Section.Item>
-                            <Section.Item className="flex-col">
+                            <Section.Item className={css({ flexDir: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
index 7ffc405..f82665a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneComputationIncomeStatement(props: {
@@ -76,7 +76,7 @@ export function DeleteOneComputationIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneComputationIncomeStatement(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
similarity index 86%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
index 8749ac7..e6a3a3a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
@@ -1,149 +1,149 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition, readOneComputationIncomeStatementRouteDefinition, updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneComputationIncomeStatement(props: {
-    computationIncomeStatement: v.InferOutput<typeof returnedSchemas.computationIncomeStatement>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier le terme du calcul"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneComputationIncomeStatementRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.computationIncomeStatement,
-                            idComputationIncomeStatement: props.computationIncomeStatement.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier le terme du calcul",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateComputationIncomeStatementResponse = await postAPI({
-                                routeDefinition: updateOneComputationIncomeStatementRouteDefinition,
-                                body: data,
-                            })
-                            if (updateComputationIncomeStatementResponse.ok === false) {
-                                toast({ title: "Impossible de modifier le terme du calcul", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Terme du calcul modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllComputationIncomeStatementsRouteDefinition,
-                                body: {
-                                    idOrganization: props.computationIncomeStatement.idOrganization,
-                                    idYear: props.computationIncomeStatement.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneComputationIncomeStatementRouteDefinition,
-                                body: {
-                                    idComputationIncomeStatement: props.computationIncomeStatement.id,
-                                    idOrganization: props.computationIncomeStatement.idOrganization,
-                                    idYear: props.computationIncomeStatement.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="idIncomeStatement"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Poste du compte de résultat"
-                                                tooltip="Le poste du compte de résultat à utiliser pour cette opération."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.computationIncomeStatement.idOrganization,
-                                                        idYear: props.computationIncomeStatement.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un poste du compte de résultat"
-                                                    getOption={(incomeStatement) => ({
-                                                        key: incomeStatement.id,
-                                                        label: `${incomeStatement.number} - ${incomeStatement.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="operation"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Opération"
-                                                tooltip="L'opération à effectuer avec cette ligne de compte de résultat."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Addition", value: "plus" },
-                                                        { label: "Soustraction", value: "minus" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition, readOneComputationIncomeStatementRouteDefinition, updateOneComputationIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputToggle } from "../../../../../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneComputationIncomeStatement(props: {
+    computationIncomeStatement: v.InferOutput<typeof returnedSchemas.computationIncomeStatement>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier le terme du calcul"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneComputationIncomeStatementRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.computationIncomeStatement,
+                            idComputationIncomeStatement: props.computationIncomeStatement.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier le terme du calcul",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateComputationIncomeStatementResponse = await postAPI({
+                                routeDefinition: updateOneComputationIncomeStatementRouteDefinition,
+                                body: data,
+                            })
+                            if (updateComputationIncomeStatementResponse.ok === false) {
+                                toast({ title: "Impossible de modifier le terme du calcul", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Terme du calcul modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllComputationIncomeStatementsRouteDefinition,
+                                body: {
+                                    idOrganization: props.computationIncomeStatement.idOrganization,
+                                    idYear: props.computationIncomeStatement.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneComputationIncomeStatementRouteDefinition,
+                                body: {
+                                    idComputationIncomeStatement: props.computationIncomeStatement.id,
+                                    idOrganization: props.computationIncomeStatement.idOrganization,
+                                    idYear: props.computationIncomeStatement.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="idIncomeStatement"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Poste du compte de résultat"
+                                                tooltip="Le poste du compte de résultat à utiliser pour cette opération."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.computationIncomeStatement.idOrganization,
+                                                        idYear: props.computationIncomeStatement.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un poste du compte de résultat"
+                                                    getOption={(incomeStatement) => ({
+                                                        key: incomeStatement.id,
+                                                        label: `${incomeStatement.number} - ${incomeStatement.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="operation"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Opération"
+                                                tooltip="L'opération à effectuer avec cette ligne de compte de résultat."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Addition", value: "plus" },
+                                                        { label: "Soustraction", value: "minus" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
index 16c5fc4..2d5edaa 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
@@ -1,15 +1,15 @@
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { Chip } from "#/components/layouts/chip.js"
-import { DataTable } from "#/components/layouts/dataTable.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { CreateOneComputationIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.js"
-import { platformRouter } from "#/routes/platformRouter.js"
 import { readAllComputationIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
 import { IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
+import { FormatDateTime } from "../../../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../../../components/formats/formatText.tsx"
+import { Chip } from "../../../../../../../../../../../components/layouts/chip.tsx"
+import { DataTable } from "../../../../../../../../../../../components/layouts/dataTable.tsx"
+import { DataWrapper } from "../../../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { platformRouter } from "../../../../../../../../../../../routes/platformRouter.tsx"
+import { CreateOneComputationIncomeStatement } from "./createOneComputationIncomeStatement.tsx"
 
 
 export function ComputationIncomeStatementsTable(props: {
@@ -83,7 +83,8 @@ export function ComputationIncomeStatementsTable(props: {
                         <CreateOneComputationIncomeStatement
                             computation={props.computation}
                         >
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconPlus />}
                                 text="Ajouter"
                             />
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
similarity index 85%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
index 32c463b..0c4219b 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
@@ -1,141 +1,141 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneComputationIncomeStatement(props: {
-    computation: v.InferOutput<typeof returnedSchemas.computation>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouveau terme au calcul"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneComputationIncomeStatementRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.computation.idOrganization,
-                            idYear: props.computation.idYear,
-                            operation: "plus",
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter le terme du calcul",
-                        }}
-                        onSubmit={async (data) => {
-                            const createComputationIncomeStatementResponse = await postAPI({
-                                routeDefinition: createOneComputationIncomeStatementRouteDefinition,
-                                body: data,
-                            })
-                            if (createComputationIncomeStatementResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter le terme du calcul", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Terme du calcul ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllComputationIncomeStatementsRouteDefinition,
-                                body: {
-                                    idOrganization: props.computation.idOrganization,
-                                    idYear: props.computation.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="idIncomeStatement"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Poste du compte de résultat"
-                                                tooltip="Le poste du compte de résultat à utiliser pour cette opération."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.computation.idOrganization,
-                                                        idYear: props.computation.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner un poste du compte de résultat"
-                                                    getOption={(incomeStatement) => ({
-                                                        key: incomeStatement.id,
-                                                        label: `${incomeStatement.number} - ${incomeStatement.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="operation"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Opération"
-                                                tooltip="L'opération à effectuer avec cette ligne de compte de résultat."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { label: "Addition", value: "plus" },
-                                                        { label: "Soustraction", value: "minus" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputToggle } from "../../../../../../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneComputationIncomeStatement(props: {
+    computation: v.InferOutput<typeof returnedSchemas.computation>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouveau terme au calcul"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneComputationIncomeStatementRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.computation.idOrganization,
+                            idYear: props.computation.idYear,
+                            operation: "plus",
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter le terme du calcul",
+                        }}
+                        onSubmit={async (data) => {
+                            const createComputationIncomeStatementResponse = await postAPI({
+                                routeDefinition: createOneComputationIncomeStatementRouteDefinition,
+                                body: data,
+                            })
+                            if (createComputationIncomeStatementResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter le terme du calcul", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Terme du calcul ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllComputationIncomeStatementsRouteDefinition,
+                                body: {
+                                    idOrganization: props.computation.idOrganization,
+                                    idYear: props.computation.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="idIncomeStatement"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Poste du compte de résultat"
+                                                tooltip="Le poste du compte de résultat à utiliser pour cette opération."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.computation.idOrganization,
+                                                        idYear: props.computation.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner un poste du compte de résultat"
+                                                    getOption={(incomeStatement) => ({
+                                                        key: incomeStatement.id,
+                                                        label: `${incomeStatement.number} - ${incomeStatement.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="operation"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Opération"
+                                                tooltip="L'opération à effectuer avec cette ligne de compte de résultat."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { label: "Addition", value: "plus" },
+                                                        { label: "Soustraction", value: "minus" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
similarity index 73%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
index 0388aee..7136eee 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
@@ -1,20 +1,19 @@
-import { ButtonOutline } from "#/components/buttons/buttonOutline.js"
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { ComputationIncomeStatementsTable } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.js"
-import { DeleteOneComputation } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.js"
-import { UpdateOneComputation } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.js"
-import { computationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
 import { readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
+import { FormatDateTime } from "../../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../../components/layouts/title.tsx"
+import { computationLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx"
+import { ComputationIncomeStatementsTable } from "./computationIncomeStatements/computationIncomeStatementTable.tsx"
+import { DeleteOneComputation } from "./deleteOneComputation.tsx"
+import { UpdateOneComputation } from "./updateOneComputation.tsx"
 
 
 export function ComputationPage() {
@@ -33,8 +32,8 @@ export function ComputationPage() {
                 {(computation) => {
                     return (
                         <Fragment>
-                            <Section.Item className="flex-row">
-                                <div className="flex justify-start items-center gap-2">
+                            <Section.Item className={css({ flexDir: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
                                         params={{
@@ -42,17 +41,19 @@ export function ComputationPage() {
                                             idYear: params.idYear,
                                         }}
                                     >
-                                        <ButtonOutlineContent
+                                        <ButtonContent
+                                            variant="default"
                                             icon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
                                 </div>
-                                <div className="ml-auto flex justify-end items-center gap-2">
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneComputation
                                         computation={computation}
                                     >
-                                        <ButtonPlain
+                                        <Button
+                                            variant="primary"
                                             icon={<IconPencil />}
                                             text="Modifier"
                                         />
@@ -60,7 +61,8 @@ export function ComputationPage() {
                                     <DeleteOneComputation
                                         computation={computation}
                                     >
-                                        <ButtonOutline
+                                        <Button
+                                            variant="default"
                                             icon={<IconTrash />}
                                             title="Supprimer"
                                             color="error"
@@ -68,7 +70,7 @@ export function ComputationPage() {
                                     </DeleteOneComputation>
                                 </div>
                             </Section.Item>
-                            <Section.Item className="flex-col">
+                            <Section.Item className={css({ flexDir: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
index ff6135a..4b79de9 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneComputation(props: {
@@ -76,7 +76,7 @@ export function DeleteOneComputation(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de calcul ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneComputation(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
similarity index 85%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
index 1d0ac27..aae12c4 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
@@ -1,135 +1,135 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllComputationsRouteDefinition, readOneComputationRouteDefinition, updateOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneComputation(props: {
-    computation: v.InferOutput<typeof returnedSchemas.computation>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier la ligne de calcul"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneComputationRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.computation,
-                            idComputation: props.computation.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier la ligne de calcul",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateComputationResponse = await postAPI({
-                                routeDefinition: updateOneComputationRouteDefinition,
-                                body: data,
-                            })
-                            if (updateComputationResponse.ok === false) {
-                                toast({ title: "Impossible de modifier la ligne de calcul", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de calcul modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllComputationsRouteDefinition,
-                                body: {
-                                    idOrganization: props.computation.idOrganization,
-                                    idYear: props.computation.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneComputationRouteDefinition,
-                                body: {
-                                    idComputation: props.computation.id,
-                                    idOrganization: props.computation.idOrganization,
-                                    idYear: props.computation.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de calcul ajoutée."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de calcul ajoutée."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllComputationsRouteDefinition, readOneComputationRouteDefinition, updateOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneComputation(props: {
+    computation: v.InferOutput<typeof returnedSchemas.computation>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier la ligne de calcul"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneComputationRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.computation,
+                            idComputation: props.computation.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier la ligne de calcul",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateComputationResponse = await postAPI({
+                                routeDefinition: updateOneComputationRouteDefinition,
+                                body: data,
+                            })
+                            if (updateComputationResponse.ok === false) {
+                                toast({ title: "Impossible de modifier la ligne de calcul", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de calcul modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllComputationsRouteDefinition,
+                                body: {
+                                    idOrganization: props.computation.idOrganization,
+                                    idYear: props.computation.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneComputationRouteDefinition,
+                                body: {
+                                    idComputation: props.computation.id,
+                                    idOrganization: props.computation.idOrganization,
+                                    idYear: props.computation.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de calcul ajoutée."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de calcul ajoutée."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
similarity index 65%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
index 6cb2a5a..85cfd2f 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
@@ -1,10 +1,10 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { cn } from "#/utilities/cn.js"
 import { readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 
 
 export function ComputationsTable(props: {
@@ -28,7 +28,7 @@ export function ComputationsTable(props: {
                     )
                 }
                 return (
-                    <div className="h-fit w-full flex flex-col justify-start items-start p-4">
+                    <div className={css({ h: "fit-content", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4" })}>
                         {computations.map((computation) => (
                             <Link
                                 key={computation.id}
@@ -38,17 +38,13 @@ export function ComputationsTable(props: {
                                     idOrganization: props.idOrganization,
                                     idYear: props.idYear,
                                 }}
-                                className="w-full"
+                                className={css({ w: "full" })}
                             >
-                                <div className="p-2 min-w-fit w-full flex justify-start items-center gap-2 hover:bg-neutral/5 border-b border-neutral/5 last:border-b-0">
-                                    <span className={cn(
-                                        "text-neutral text-xs leading-none",
-                                    )}>
+                                <div className={css({ p: "2", minW: "fit-content", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}>
+                                    <span className={css({ color: "neutral", fontSize: "xs", lineHeight: "none" })}>
                                         {computation.number}
                                     </span>
-                                    <span className={cn(
-                                        "text-neutral text-xs text-left leading-none whitespace-nowrap",
-                                    )}>
+                                    <span className={css({ color: "neutral", fontSize: "xs", textAlign: "left", lineHeight: "none", whiteSpace: "nowrap" })}>
                                         {computation.label}
                                     </span>
                                 </div>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
similarity index 85%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
index b7328e8..1069e12 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
@@ -1,127 +1,127 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneComputation(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle ligne de calcul"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneComputationRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter la ligne de calcul",
-                        }}
-                        onSubmit={async (data) => {
-                            const createComputationResponse = await postAPI({
-                                routeDefinition: createOneComputationRouteDefinition,
-                                body: data,
-                            })
-                            if (createComputationResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter la ligne de calcul", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de calcul ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllComputationsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de calcul ajoutée."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de calcul ajoutée."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneComputation(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle ligne de calcul"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneComputationRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter la ligne de calcul",
+                        }}
+                        onSubmit={async (data) => {
+                            const createComputationResponse = await postAPI({
+                                routeDefinition: createOneComputationRouteDefinition,
+                                body: data,
+                            })
+                            if (createComputationResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter la ligne de calcul", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de calcul ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllComputationsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de calcul ajoutée."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de calcul ajoutée."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
index 6a4cff7..6cc7c8a 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
@@ -1,93 +1,95 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateComputationsRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function GenerateComputations(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous générer les lignes de calcul par défaut ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera les anciennes lignes de calcul pour générer celles par défaut.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: generateComputationsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de générer les lignes de calcul", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Lignes de calcul générées avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllComputationsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Générer les lignes de calcul"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { generateComputationsRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function GenerateComputations(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous générer les lignes de calcul par défaut ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action supprimera les anciennes lignes de calcul pour générer celles par défaut.
+                                <br />
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: generateComputationsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de générer les lignes de calcul", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Lignes de calcul générées avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllComputationsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Générer les lignes de calcul"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
index e177148..6dc1a28 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
@@ -1,91 +1,93 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { connectAccountsToIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function ConnectAccountsToIncomeStatements(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous connecter les comptes aux lignes de compte de résultat par défault ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: connectAccountsToIncomeStatementsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de connecter les comptes aux lignes de compte de résultat", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Comptes connectés aux lignes de compte de résultat avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllIncomeStatementsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Connecter les comptes aux lignes de compte de résultat"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { connectAccountsToIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function ConnectAccountsToIncomeStatements(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous connecter les comptes aux lignes de compte de résultat par défault ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: connectAccountsToIncomeStatementsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de connecter les comptes aux lignes de compte de résultat", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Comptes connectés aux lignes de compte de résultat avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllIncomeStatementsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Connecter les comptes aux lignes de compte de résultat"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
index 4e23ad3..53300c3 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
@@ -1,158 +1,158 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDataCombobox } from "#/components/inputs/inputDataCombobox.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneIncomeStatement(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle ligne de compte de résultat"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneIncomeStatementRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                            idIncomeStatementParent: null,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter la ligne de compte de résultat",
-                        }}
-                        onSubmit={async (data) => {
-                            const createIncomeStatementResponse = await postAPI({
-                                routeDefinition: createOneIncomeStatementRouteDefinition,
-                                body: data,
-                            })
-                            if (createIncomeStatementResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter la ligne de compte de résultat", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Ligne de compte de résultat ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllIncomeStatementsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="number"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Numéro"
-                                                tooltip="Le numéro qui définit la ligne de compte de résultat ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la ligne de compte de résultat ajoutée."
-                                                isRequired
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idIncomeStatementParent"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Ligne de compte de résultat parent"
-                                                tooltip="La ligne de compte de résultat parent de la ligne créée."
-                                            />
-                                            <FormControl>
-                                                <InputDataCombobox
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: props.idOrganization,
-                                                        idYear: props.idYear,
-                                                    }}
-                                                    placeholder="Sélectionner une ligne de compte de résultat"
-                                                    getOption={(incomeStatement) => ({
-                                                        key: incomeStatement.id,
-                                                        label: `(${incomeStatement.number}) ${incomeStatement.label}`
-                                                    })}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputDataCombobox } from "../../../../../../../../components/inputs/inputDataCombobox.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneIncomeStatement(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle ligne de compte de résultat"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneIncomeStatementRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                            idIncomeStatementParent: null,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter la ligne de compte de résultat",
+                        }}
+                        onSubmit={async (data) => {
+                            const createIncomeStatementResponse = await postAPI({
+                                routeDefinition: createOneIncomeStatementRouteDefinition,
+                                body: data,
+                            })
+                            if (createIncomeStatementResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter la ligne de compte de résultat", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Ligne de compte de résultat ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllIncomeStatementsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="number"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Numéro"
+                                                tooltip="Le numéro qui définit la ligne de compte de résultat ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la ligne de compte de résultat ajoutée."
+                                                isRequired
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idIncomeStatementParent"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Ligne de compte de résultat parent"
+                                                tooltip="La ligne de compte de résultat parent de la ligne créée."
+                                            />
+                                            <FormControl>
+                                                <InputDataCombobox
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    routeDefinition={readAllIncomeStatementsRouteDefinition}
+                                                    body={{
+                                                        idOrganization: props.idOrganization,
+                                                        idYear: props.idYear,
+                                                    }}
+                                                    placeholder="Sélectionner une ligne de compte de résultat"
+                                                    getOption={(incomeStatement) => ({
+                                                        key: incomeStatement.id,
+                                                        label: `(${incomeStatement.number}) ${incomeStatement.label}`
+                                                    })}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
index 353d8d8..9679784 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
@@ -1,93 +1,95 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function GenerateIncomeStatements(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous générer les lignes de compte de résultat par défaut ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera les anciennes lignes de compte de résultat pour générer celles par défaut.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: generateIncomeStatementsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de générer les lignes de compte de résultat", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Lignes de compte de résultat générées avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllIncomeStatementsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Générer les lignes de compte de résultat"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { generateIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function GenerateIncomeStatements(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous générer les lignes de compte de résultat par défaut ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action supprimera les anciennes lignes de compte de résultat pour générer celles par défaut.
+                                <br />
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: generateIncomeStatementsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de générer les lignes de compte de résultat", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Lignes de compte de résultat générées avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllIncomeStatementsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Générer les lignes de compte de résultat"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
similarity index 100%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementLevel.tsx
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
index 0611562..f3606fb 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.tsx
@@ -1,47 +1,47 @@
-import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
-import { IncomeStatementRow } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ComponentProps, Fragment } from "react"
-import * as v from "valibot"
-
-
-export function IncomeStatementItem(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
-    incomeStatementChildren: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-    return (
-        <Fragment>
-            <IncomeStatementRow
-                idOrganization={props.idOrganization}
-                idYear={props.idYear}
-                incomeStatement={props.incomeStatement}
-                level={props.level}
-            />
-            {
-                props.incomeStatementChildren
-                    .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === props.incomeStatement.id)
-                    .map((incomeStatement) => {
-                        const children = getIncomeStatementChildren({
-                            incomeStatement: incomeStatement,
-                            incomeStatements: props.incomeStatementChildren,
-                        })
-
-                        return (
-                            <IncomeStatementItem
-                                key={incomeStatement.id}
-                                idOrganization={props.idOrganization}
-                                idYear={props.idYear}
-                                incomeStatement={incomeStatement}
-                                incomeStatementChildren={children}
-                                level={props.level + 1}
-                            />
-                        )
-                    })
-            }
-        </Fragment>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentProps, Fragment } from "react"
+import * as v from "valibot"
+import { getIncomeStatementChildren } from "./getIncomeStatementChildren.tsx"
+import { IncomeStatementRow } from "./incomeStatementRow.tsx"
+
+
+export function IncomeStatementItem(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
+    incomeStatementChildren: Array<v.InferOutput<typeof returnedSchemas.incomeStatement>>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <Fragment>
+            <IncomeStatementRow
+                idOrganization={props.idOrganization}
+                idYear={props.idYear}
+                incomeStatement={props.incomeStatement}
+                level={props.level}
+            />
+            {
+                props.incomeStatementChildren
+                    .filter((incomeStatement) => incomeStatement.idIncomeStatementParent === props.incomeStatement.id)
+                    .map((incomeStatement) => {
+                        const children = getIncomeStatementChildren({
+                            incomeStatement: incomeStatement,
+                            incomeStatements: props.incomeStatementChildren,
+                        })
+
+                        return (
+                            <IncomeStatementItem
+                                key={incomeStatement.id}
+                                idOrganization={props.idOrganization}
+                                idYear={props.idYear}
+                                incomeStatement={incomeStatement}
+                                incomeStatementChildren={children}
+                                level={props.level + 1}
+                            />
+                        )
+                    })
+            }
+        </Fragment>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
similarity index 66%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
index ed62ccc..8d2af55 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
@@ -1,67 +1,61 @@
-import { cn } from "#/utilities/cn.js"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Link } from "@tanstack/react-router"
-import { ComponentProps } from "react"
-import * as v from "valibot"
-
-
-export function IncomeStatementRow(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
-    level: number
-    className?: ComponentProps<'div'>['className']
-}) {
-
-    const prefix = `${(new Array(props.level).fill("").map((_, index) => {
-        return "&nbsp;&nbsp;"
-    }))
-        .join("")
-        }`
-
-    return (
-        <Link
-            to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/$idIncomeStatement"
-            params={{
-                idOrganization: props.idOrganization,
-                idYear: props.idYear,
-                idIncomeStatement: props.incomeStatement.id,
-            }}
-            className="w-full"
-        >
-            <div
-                className="min-w-fit w-full flex justify-start items-center gap-2 hover:bg-neutral/5 border-b border-neutral/5 last:border-b-0"
-            // style={{
-            //     paddingLeft: `${(1 + props.level) * 12}px`
-            // }}
-            >
-                {
-                    (prefix === null)
-                        ? (null)
-                        : (
-                            <pre
-                                className={cn(
-                                    "text-neutral/25 text-[22px] leading-none h-full align-middle text-left",
-                                )}
-                                dangerouslySetInnerHTML={{
-                                    __html: prefix
-                                }}
-                            />
-                        )
-                }
-                <div className="p-1 flex justify-start items-center gap-2">
-                    <span className={cn(
-                        "text-neutral text-xs leading-none",
-                    )}>
-                        {props.incomeStatement.number}
-                    </span>
-                    <span className={cn(
-                        "text-neutral text-xs text-left leading-none whitespace-nowrap",
-                    )}>
-                        {props.incomeStatement.label}
-                    </span>
-                </div>
-            </div>
-        </Link>
-    )
-}
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { Link } from "@tanstack/react-router"
+import { ComponentProps } from "react"
+import * as v from "valibot"
+
+
+export function IncomeStatementRow(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
+    level: number
+    className?: ComponentProps<'div'>['className']
+}) {
+
+    const prefix = `${(new Array(props.level).fill("").map((_, index) => {
+        return "&nbsp;&nbsp;"
+    }))
+        .join("")
+        }`
+
+    return (
+        <Link
+            to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/$idIncomeStatement"
+            params={{
+                idOrganization: props.idOrganization,
+                idYear: props.idYear,
+                idIncomeStatement: props.incomeStatement.id,
+            }}
+            className={css({ w: "full" })}
+        >
+            <div
+                className={css({ minW: "fit-content", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}
+            // style={{
+            //     paddingLeft: `${(1 + props.level) * 12}px`
+            // }}
+            >
+                {
+                    (prefix === null)
+                        ? (null)
+                        : (
+                            <pre
+                                className={css({ color: "neutral/25", fontSize: "22px", lineHeight: "1", h: "full", verticalAlign: "middle", textAlign: "left" })}
+                                dangerouslySetInnerHTML={{
+                                    __html: prefix
+                                }}
+                            />
+                        )
+                }
+                <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                    <span className={css({ color: "neutral", fontSize: "xs", lineHeight: "1" })}>
+                        {props.incomeStatement.number}
+                    </span>
+                    <span className={css({ color: "neutral", fontSize: "xs", textAlign: "left", lineHeight: "1", whiteSpace: "nowrap" })}>
+                        {props.incomeStatement.label}
+                    </span>
+                </div>
+            </div>
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
similarity index 57%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
index 824f33a..a0e8f78 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
@@ -1,17 +1,17 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { ComputationsTable } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.js"
-import { CreateOneComputation } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.js"
-import { GenerateComputations } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.js"
-import { ConnectAccountsToIncomeStatements } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.js"
-import { CreateOneIncomeStatement } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.js"
-import { GenerateIncomeStatements } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.js"
-import { IncomeStatementsTable } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.js"
-import { incomeStatementsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.js"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconLine, IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { incomeStatementsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx"
+import { ComputationsTable } from "./computations/computationsTable.tsx"
+import { CreateOneComputation } from "./computations/createOneComputation.tsx"
+import { GenerateComputations } from "./computations/generateComputations.tsx"
+import { ConnectAccountsToIncomeStatements } from "./connectAccountsToIncomeStatements.tsx"
+import { CreateOneIncomeStatement } from "./createOneIncomeStatement.tsx"
+import { GenerateIncomeStatements } from "./generateIncomeStatement.tsx"
+import { IncomeStatementsTable } from "./incomeStatementsTable.tsx"
 
 
 export function IncomeStatementsPage() {
@@ -20,12 +20,13 @@ export function IncomeStatementsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className="min-w-full flex justify-end items-center gap-2 flex-wrap">
+                <div className={css({ minW: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneIncomeStatement
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonPlainContent
+                        <ButtonContent
+                            variant="primary"
                             icon={<IconPlus />}
                             text="Ajouter une ligne de compte de résultat"
                         />
@@ -34,7 +35,8 @@ export function IncomeStatementsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconPlus />}
                             text="Générer les lignes de compte de résultat par défaut"
                         />
@@ -43,13 +45,14 @@ export function IncomeStatementsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconLine />}
                             text="Connecter les comptes aux lignes de compte de résultat par défaut"
                         />
                     </ConnectAccountsToIncomeStatements>
                 </div>
-                <Box className="max-h-[640px]">
+                <Box className={css({ maxH: "[640px]" })}>
                     <IncomeStatementsTable
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
@@ -57,12 +60,13 @@ export function IncomeStatementsPage() {
                 </Box>
             </Section.Item>
             <Section.Item>
-                <div className="w-full flex justify-end items-start gap-2">
+                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "flex-start", gap: "2" })}>
                     <CreateOneComputation
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonPlainContent
+                        <ButtonContent
+                            variant="primary"
                             icon={<IconPlus />}
                             text="Ajouter une ligne de calcul"
                         />
@@ -71,13 +75,14 @@ export function IncomeStatementsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconPlus />}
                             text="Générer les calculs par défaut"
                         />
                     </GenerateComputations>
                 </div>
-                <Box className="max-h-[640px]">
+                <Box className={css({ maxH: "[640px]" })}>
                     <ComputationsTable
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
similarity index 73%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
index e2ab95a..495a64d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
@@ -1,13 +1,14 @@
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { InputDebounced } from "#/components/inputs/inputDebounced.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { getIncomeStatementChildren } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/getIncomeStatementChildren.js"
-import { IncomeStatementItem } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementItem.js"
 import { readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { useState } from "react"
 import * as v from "valibot"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { getIncomeStatementChildren } from "./getIncomeStatementChildren.tsx"
+import { IncomeStatementItem } from "./incomeStatementItem.tsx"
 
 
 export function IncomeStatementsTable(props: {
@@ -31,24 +32,24 @@ export function IncomeStatementsTable(props: {
                     .sort((a, b) => Number(a.number) - Number(b.number))
 
                 return (
-                    <div className="h-fit w-fit flex flex-col justify-start items-start p-4 gap-4">
+                    <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className="max-w-[320px]"
+                                className={css({ maxW: "[320px]" })}
                             />
                         </InputDebounced>
-                        <div className="h-fit w-fit flex flex-col justify-start items-start">
+                        <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (filteredIncomeStatements.length !== 0)
                                     ? (null)
                                     : (
                                         <FormatNull
                                             text="Aucune ligne de compte de résultat n'a été trouvée"
-                                            className="p-2"
+                                            className={css({ p: "2" })}
                                         />
                                     )
                             }
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
similarity index 79%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
index a5efb8c..a7ec6a2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneJournal(props: {
@@ -76,7 +76,7 @@ export function DeleteOneJournal(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce journal ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneJournal(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
similarity index 75%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
index be722df..66bcd50 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
@@ -1,17 +1,17 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.js"
-import { UpdateOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.js"
-import { journalRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.js"
 import { readOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { journalRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx"
+import { DeleteOneJournal } from "./deleteOneJournal.tsx"
+import { UpdateOneJournal } from "./updateOneJournal.tsx"
 
 
 export function JournalPage() {
@@ -29,8 +29,8 @@ export function JournalPage() {
             {(journal) => {
                 return (
                     <Section.Root>
-                        <Section.Item className="flex-row">
-                            <div className="flex justify-start items-center gap-2">
+                        <Section.Item className={css({ flexDir: "row" })}>
+                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
                                     params={{
@@ -38,17 +38,19 @@ export function JournalPage() {
                                         idYear: journal.idYear,
                                     }}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
                             </div>
-                            <div className="ml-auto flex justify-end items-center gap-2">
+                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneJournal
                                     journal={journal}
                                 >
-                                    <ButtonPlainContent
+                                    <ButtonContent
+                                        variant="primary"
                                         icon={<IconPencil />}
                                         text="Modifier"
                                     />
@@ -56,7 +58,8 @@ export function JournalPage() {
                                 <DeleteOneJournal
                                     journal={journal}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
@@ -64,7 +67,7 @@ export function JournalPage() {
                                 </DeleteOneJournal>
                             </div>
                         </Section.Item>
-                        <Section.Item className="flex-col">
+                        <Section.Item className={css({ flexDir: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
@@ -118,4 +121,4 @@ export function JournalPage() {
             }}
         </DataWrapper>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
similarity index 86%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
index 2d97421..a947bc8 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
@@ -1,135 +1,135 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllJournalsRouteDefinition, readOneJournalRouteDefinition, updateOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneJournal(props: {
-    journal: v.InferOutput<typeof returnedSchemas.journal>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier le journal"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneJournalRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.journal,
-                            idJournal: props.journal.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier le journal",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateJournalResponse = await postAPI({
-                                routeDefinition: updateOneJournalRouteDefinition,
-                                body: data,
-                            })
-                            if (updateJournalResponse.ok === false) {
-                                toast({ title: "Impossible de modifier le journal", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Journal modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllJournalsRouteDefinition,
-                                body: {
-                                    idOrganization: props.journal.idOrganization,
-                                    idYear: props.journal.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneJournalRouteDefinition,
-                                body: {
-                                    idJournal: props.journal.id,
-                                    idOrganization: props.journal.idOrganization,
-                                    idYear: props.journal.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="code"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Code"
-                                                tooltip="Le code qui référence le journal ajouté."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit le journal ajouté."
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllJournalsRouteDefinition, readOneJournalRouteDefinition, updateOneJournalRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneJournal(props: {
+    journal: v.InferOutput<typeof returnedSchemas.journal>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier le journal"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneJournalRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.journal,
+                            idJournal: props.journal.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier le journal",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateJournalResponse = await postAPI({
+                                routeDefinition: updateOneJournalRouteDefinition,
+                                body: data,
+                            })
+                            if (updateJournalResponse.ok === false) {
+                                toast({ title: "Impossible de modifier le journal", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Journal modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllJournalsRouteDefinition,
+                                body: {
+                                    idOrganization: props.journal.idOrganization,
+                                    idYear: props.journal.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneJournalRouteDefinition,
+                                body: {
+                                    idJournal: props.journal.id,
+                                    idOrganization: props.journal.idOrganization,
+                                    idYear: props.journal.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="code"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Code"
+                                                tooltip="Le code qui référence le journal ajouté."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit le journal ajouté."
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
similarity index 85%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
index a1241e2..d701d48 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
@@ -1,127 +1,127 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneJournal(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouveau journal"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneJournalRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter le journal",
-                        }}
-                        onSubmit={async (data) => {
-                            const createJournalResponse = await postAPI({
-                                routeDefinition: createOneJournalRouteDefinition,
-                                body: data,
-                            })
-                            if (createJournalResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter le journal", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Journal ajouté avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllJournalsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="code"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Code"
-                                                tooltip="Le code qui référence le journal ajouté."
-                                                isRequired={true}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    autoFocus={true}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit le journal ajouté."
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneJournal(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouveau journal"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneJournalRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter le journal",
+                        }}
+                        onSubmit={async (data) => {
+                            const createJournalResponse = await postAPI({
+                                routeDefinition: createOneJournalRouteDefinition,
+                                body: data,
+                            })
+                            if (createJournalResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter le journal", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Journal ajouté avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllJournalsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="code"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Code"
+                                                tooltip="Le code qui référence le journal ajouté."
+                                                isRequired={true}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    autoFocus={true}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit le journal ajouté."
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
index cf7c436..3671ebf 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
@@ -1,93 +1,95 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { generateJournalsRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconRefresh } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import * as v from "valibot"
-
-
-export function GenerateJournals(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
-                            <Dialog.Title>
-                                Voulez-vous générer les journaux par défaut ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera les anciens journaux pour générer ceux par défaut.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <ButtonGhost
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <ButtonPlain
-                                icon={<IconRefresh />}
-                                onClick={async () => {
-                                    const response = await postAPI({
-                                        routeDefinition: generateJournalsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear,
-                                        },
-                                    })
-                                    if (!response.ok) {
-                                        toast({ title: "Impossible de générer les journaux", variant: "error" })
-                                        return false
-                                    }
-
-                                    toast({ title: "Journaux générées avec succès", variant: "success" })
-
-                                    await invalidateData({
-                                        routeDefinition: readAllJournalsRouteDefinition,
-                                        body: {
-                                            idOrganization: props.idOrganization,
-                                            idYear: props.idYear
-                                        },
-                                    })
-
-                                    setOpen(false)
-                                    return true
-                                }}
-                                text="Générer les journaux"
-                                hasLoader
-                            />
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
+import { generateJournalsRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconRefresh } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import * as v from "valibot"
+import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function GenerateJournals(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header />
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                            <Dialog.Title>
+                                Voulez-vous générer les journaux par défaut ?
+                            </Dialog.Title>
+                            <Dialog.Description>
+                                Cette action supprimera les anciens journaux pour générer ceux par défaut.
+                                <br />
+                                Cette action est irréversible.
+                            </Dialog.Description>
+                        </div>
+                        <Dialog.Footer>
+                            <Button
+                                variant="invisible"
+                                text="Annuler"
+                                onClick={() => {
+                                    setOpen(false)
+                                }}
+                            />
+                            <Button
+                                variant="primary"
+                                icon={<IconRefresh />}
+                                onClick={async () => {
+                                    const response = await postAPI({
+                                        routeDefinition: generateJournalsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                        },
+                                    })
+                                    if (!response.ok) {
+                                        toast({ title: "Impossible de générer les journaux", variant: "error" })
+                                        return false
+                                    }
+
+                                    toast({ title: "Journaux générées avec succès", variant: "success" })
+
+                                    await invalidateData({
+                                        routeDefinition: readAllJournalsRouteDefinition,
+                                        body: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear
+                                        },
+                                    })
+
+                                    setOpen(false)
+                                    return true
+                                }}
+                                text="Générer les journaux"
+                                hasLoader
+                            />
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
index a7096ea..ed44324 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalSelect.tsx
@@ -1,39 +1,39 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function JournalSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const journalsResponse = useHTTPData({
-        routeDefinition: readAllJournalsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization,
-            idYear: props.idYear
-        },
-    })
-
-    return (
-        <InputCombobox
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={journalsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner un journal"
-            options={
-                (journalsResponse.data === undefined)
-                    ? []
-                    : journalsResponse.data?.map((journal) => ({
-                        key: journal.id,
-                        label: `${journal.code} ${journal.label}`
-                    }))
-            }
-        />
-    )
-}
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputCombobox } from "../../../../../../../../components/inputs/inputCombobox.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
+
+
+export function JournalSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const journalsResponse = useDataFromAPI({
+        routeDefinition: readAllJournalsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        },
+    })
+
+    return (
+        <InputCombobox
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={journalsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner un journal"
+            options={
+                (journalsResponse.data === undefined)
+                    ? []
+                    : journalsResponse.data?.map((journal) => ({
+                        key: journal.id,
+                        label: `${journal.code} ${journal.label}`
+                    }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
similarity index 64%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index 7052b54..b71fde0 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -1,15 +1,15 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js";
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js";
-import { FormatNull } from "#/components/formats/formatNull.js";
-import { Box } from "#/components/layouts/box.js";
-import { DataWrapper } from "#/components/layouts/dataWrapper.js";
-import { Section } from "#/components/layouts/section/section.js";
-import { CreateOneJournal } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.js";
-import { GenerateJournals } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.js";
-import { journalsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.js";
-import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes";
-import { IconPlus } from "@tabler/icons-react";
-import { Link, useParams } from "@tanstack/react-router";
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPlus } from "@tabler/icons-react"
+import { Link, useParams } from "@tanstack/react-router"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { journalsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx"
+import { CreateOneJournal } from "./createOneJournal.tsx"
+import { GenerateJournals } from "./generateJournals.tsx"
 
 
 export function JournalsPage() {
@@ -18,12 +18,13 @@ export function JournalsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className="w-full flex justify-end items-center gap-2">
+                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneJournal
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonPlainContent
+                        <ButtonContent
+                            variant="primary"
                             icon={<IconPlus />}
                             text="Ajouter un journal"
                         />
@@ -32,7 +33,8 @@ export function JournalsPage() {
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonOutlineContent
+                        <ButtonContent
+                            variant="default"
                             icon={<IconPlus />}
                             text="Générer les journaux par défaut"
                         />
@@ -53,12 +55,12 @@ export function JournalsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucun journal"
-                                        className="p-2"
+                                        className={css({ p: "2" })}
                                     />
                                 )
                             }
                             return (
-                                <div className="h-fit w-full flex flex-col justify-start items-start">
+                                <div className={css({ h: "fit", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                                     {
                                         sortedJournals.map((journal) => (
                                             <Link
@@ -69,7 +71,7 @@ export function JournalsPage() {
                                                     idYear: params.idYear,
                                                     idJournal: journal.id
                                                 }}
-                                                className="w-full p-2 border-b border-neutral/10 last:border-none flex justify-start items-center hover:bg-neutral/5 cursor-pointer"
+                                                className={css({ w: "full", p: "2", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { bg: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${journal.label} (${journal.code})`}
                                             </Link>
@@ -83,4 +85,4 @@ export function JournalsPage() {
             </Section.Item>
         </Section.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
similarity index 80%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
index 7187304..30b8bc2 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
@@ -1,15 +1,15 @@
-import { ButtonGhost } from "#/components/buttons/buttonGhost.js"
-import { ButtonPlain } from "#/components/buttons/buttonPlain.js"
-import { Dialog } from "#/components/overlays/dialog/dialog.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { deleteOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
+import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneRecordLabel(props: {
@@ -76,7 +76,7 @@ export function DeleteOneRecordLabel(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className="p-4 pt-0 flex flex-col justify-start items-start gap-1">
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette catégorie ?
                             </Dialog.Title>
@@ -87,11 +87,13 @@ export function DeleteOneRecordLabel(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <ButtonGhost
+                            <Button
+                                variant="invisible"
                                 text="Annuler"
                                 onClick={() => onCancel()}
                             />
-                            <ButtonPlain
+                            <Button
+                                variant="primary"
                                 icon={<IconTrash />}
                                 color="error"
                                 onClick={() => onSubmit()}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
similarity index 74%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
index c6ba3cc..7088372 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
@@ -1,17 +1,17 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatDateTime } from "#/components/formats/formatDateTime.js"
-import { FormatText } from "#/components/formats/formatText.js"
-import { DataBlock } from "#/components/layouts/dataBlock/dataBlock.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Section } from "#/components/layouts/section/section.js"
-import { TitleComponent } from "#/components/layouts/title.js"
-import { DeleteOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.js"
-import { UpdateOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.js"
-import { recordLabelRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.js"
 import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
+import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
+import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
+import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
+import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+import { recordLabelRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx"
+import { DeleteOneRecordLabel } from "./deleteOneRecordLabel.tsx"
+import { UpdateOneRecordLabel } from "./updateOneRecordLabel.tsx"
 
 
 export function RecordLabelPage() {
@@ -29,8 +29,8 @@ export function RecordLabelPage() {
             {(recordLabel) => {
                 return (
                     <Section.Root>
-                        <Section.Item className="flex-row">
-                            <div className="flex justify-start items-center gap-2">
+                        <Section.Item className={css({ flexDir: "row" })}>
+                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
                                     params={{
@@ -38,17 +38,19 @@ export function RecordLabelPage() {
                                         idYear: recordLabel.idYear,
                                     }}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
                             </div>
-                            <div className="ml-auto flex justify-end items-center gap-2">
+                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneRecordLabel
                                     recordLabel={recordLabel}
                                 >
-                                    <ButtonPlainContent
+                                    <ButtonContent
+                                        variant="primary"
                                         icon={<IconPencil />}
                                         text="Modifier"
                                     />
@@ -56,7 +58,8 @@ export function RecordLabelPage() {
                                 <DeleteOneRecordLabel
                                     recordLabel={recordLabel}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
@@ -64,7 +67,7 @@ export function RecordLabelPage() {
                                 </DeleteOneRecordLabel>
                             </div>
                         </Section.Item>
-                        <Section.Item className="flex-col">
+                        <Section.Item className={css({ flexDir: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
index ddb5f11..e898e81 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
@@ -1,114 +1,114 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readAllRecordLabelsRouteDefinition, readOneRecordLabelRouteDefinition, updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneRecordLabel(props: {
-    recordLabel: v.InferOutput<typeof returnedSchemas.recordLabel>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier la catégorie"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneRecordLabelRouteDefinition.schemas.body}
-                        defaultValues={{
-                            ...props.recordLabel,
-                            idRecordLabel: props.recordLabel.id,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Modifier la catégorie",
-                        }}
-                        onSubmit={async (data) => {
-                            const updateRecordLabelResponse = await postAPI({
-                                routeDefinition: updateOneRecordLabelRouteDefinition,
-                                body: data,
-                            })
-                            if (updateRecordLabelResponse.ok === false) {
-                                toast({ title: "Impossible de modifier la catégorie", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Catégorie modifiée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordLabelsRouteDefinition,
-                                body: {
-                                    idOrganization: props.recordLabel.idOrganization,
-                                    idYear: props.recordLabel.idYear,
-                                },
-                            })
-
-                            await invalidateData({
-                                routeDefinition: readOneRecordLabelRouteDefinition,
-                                body: {
-                                    idRecordLabel: props.recordLabel.id,
-                                    idOrganization: props.recordLabel.idOrganization,
-                                    idYear: props.recordLabel.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la catégorie ajoutée."
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readAllRecordLabelsRouteDefinition, readOneRecordLabelRouteDefinition, updateOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
+
+
+export function UpdateOneRecordLabel(props: {
+    recordLabel: v.InferOutput<typeof returnedSchemas.recordLabel>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier la catégorie"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneRecordLabelRouteDefinition.schemas.body}
+                        defaultValues={{
+                            ...props.recordLabel,
+                            idRecordLabel: props.recordLabel.id,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Modifier la catégorie",
+                        }}
+                        onSubmit={async (data) => {
+                            const updateRecordLabelResponse = await postAPI({
+                                routeDefinition: updateOneRecordLabelRouteDefinition,
+                                body: data,
+                            })
+                            if (updateRecordLabelResponse.ok === false) {
+                                toast({ title: "Impossible de modifier la catégorie", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Catégorie modifiée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordLabelsRouteDefinition,
+                                body: {
+                                    idOrganization: props.recordLabel.idOrganization,
+                                    idYear: props.recordLabel.idYear,
+                                },
+                            })
+
+                            await invalidateData({
+                                routeDefinition: readOneRecordLabelRouteDefinition,
+                                body: {
+                                    idRecordLabel: props.recordLabel.id,
+                                    idOrganization: props.recordLabel.idOrganization,
+                                    idYear: props.recordLabel.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la catégorie ajoutée."
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
similarity index 82%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
index 5b57d35..85a7be6 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
@@ -1,106 +1,106 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneRecordLabel(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle catégorie"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneRecordLabelRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            idYear: props.idYear,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter la catégorie",
-                        }}
-                        onSubmit={async (data) => {
-                            const createRecordLabelResponse = await postAPI({
-                                routeDefinition: createOneRecordLabelRouteDefinition,
-                                body: data,
-                            })
-                            if (createRecordLabelResponse.ok === false) {
-                                toast({ title: "Impossible d'ajouter la catégorie", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Catégorie ajoutée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllRecordLabelsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization,
-                                    idYear: props.idYear,
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé"
-                                                tooltip="Le libellé qui définit la catégorie ajoutée."
-                                                isRequired={false}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../../utilities/postAPI.ts"
+
+
+export function CreateOneRecordLabel(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle catégorie"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneRecordLabelRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            idYear: props.idYear,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter la catégorie",
+                        }}
+                        onSubmit={async (data) => {
+                            const createRecordLabelResponse = await postAPI({
+                                routeDefinition: createOneRecordLabelRouteDefinition,
+                                body: data,
+                            })
+                            if (createRecordLabelResponse.ok === false) {
+                                toast({ title: "Impossible d'ajouter la catégorie", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Catégorie ajoutée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllRecordLabelsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization,
+                                    idYear: props.idYear,
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé"
+                                                tooltip="Le libellé qui définit la catégorie ajoutée."
+                                                isRequired={false}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
similarity index 84%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
index 6eaf395..2d22e5d 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelSelect.tsx
@@ -1,39 +1,39 @@
-import { InputCombobox } from "#/components/inputs/inputCombobox.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function RecordLabelSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const recordLabelsResponse = useHTTPData({
-        routeDefinition: readAllRecordLabelsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization,
-            idYear: props.idYear
-        },
-    })
-
-    return (
-        <InputCombobox
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={recordLabelsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner la catégorie"
-            options={
-                (recordLabelsResponse.data === undefined)
-                    ? []
-                    : recordLabelsResponse.data?.map((recordLabel) => ({
-                        key: recordLabel.id,
-                        label: `${recordLabel.label}`
-                    }))
-            }
-        />
-    )
-}
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputCombobox } from "../../../../../../../../components/inputs/inputCombobox.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
+
+
+export function RecordLabelSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const recordLabelsResponse = useDataFromAPI({
+        routeDefinition: readAllRecordLabelsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        },
+    })
+
+    return (
+        <InputCombobox
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={recordLabelsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner la catégorie"
+            options={
+                (recordLabelsResponse.data === undefined)
+                    ? []
+                    : recordLabelsResponse.data?.map((recordLabel) => ({
+                        key: recordLabel.id,
+                        label: `${recordLabel.label}`
+                    }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
similarity index 63%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index 028f56d..f312945 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -1,13 +1,14 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js";
-import { FormatNull } from "#/components/formats/formatNull.js";
-import { Box } from "#/components/layouts/box.js";
-import { DataWrapper } from "#/components/layouts/dataWrapper.js";
-import { Section } from "#/components/layouts/section/section.js";
-import { CreateOneRecordLabel } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.js";
-import { recordLabelsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.js";
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes";
-import { IconPlus } from "@tabler/icons-react";
-import { Link, useParams } from "@tanstack/react-router";
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPlus } from "@tabler/icons-react"
+import { Link, useParams } from "@tanstack/react-router"
+import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
+import { Box } from "../../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
+import { recordLabelsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx"
+import { CreateOneRecordLabel } from "./createOneRecordLabel.tsx"
 
 
 export function RecordLabelsPage() {
@@ -16,12 +17,13 @@ export function RecordLabelsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className="w-full flex justify-end items-center gap-2">
+                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneRecordLabel
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
-                        <ButtonPlainContent
+                        <ButtonContent
+                            variant="primary"
                             icon={<IconPlus />}
                             text="Ajouter une catégorie"
                         />
@@ -42,12 +44,12 @@ export function RecordLabelsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucune catégorie"
-                                        className="p-2"
+                                        className={css({ p: "2" })}
                                     />
                                 )
                             }
                             return (
-                                <div className="h-fit w-full flex flex-col justify-start items-start">
+                                <div className={css({ h: "fit-content", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                                     {
                                         sortedRecordLabels.map((recordLabel) => (
                                             <Link
@@ -58,7 +60,7 @@ export function RecordLabelsPage() {
                                                     idYear: params.idYear,
                                                     idRecordLabel: recordLabel.id
                                                 }}
-                                                className="w-full p-2 border-b border-neutral/10 last:border-none flex justify-start items-center hover:bg-neutral/5 cursor-pointer"
+                                                className={css({ w: "full", p: "2", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { bg: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${recordLabel.label}`}
                                             </Link>
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
index eca2d8a..f7dcb44 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
@@ -1,169 +1,169 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { YearSelect } from "#/features/organizations/$idOrganization/years/yearSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { readOneYearRouteDefinition, updateOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPencil } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function UpdateOneYear(props: {
-    year: v.InferOutput<typeof returnedSchemas.year>
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Modifier les informations de l'exercice"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={updateOneYearRouteDefinition.schemas.body}
-                        defaultValues={props.year}
-                        submitButtonProps={{
-                            icon: <IconPencil />,
-                            text: "Modifier l'exercice",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: updateOneYearRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible de modifier l'exercice", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Exercice modifié avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readOneYearRouteDefinition,
-                                body: {
-                                    idOrganization: props.year.idOrganization,
-                                    idYear: props.year.id
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="startingAt"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date de début"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="endingAt"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date de fin"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idYearPrevious"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Exercice précédent ?"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <YearSelect
-                                                    idOrganization={props.year.idOrganization}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé de l'exercice"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { readOneYearRouteDefinition, updateOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPencil } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../utilities/postAPI.ts"
+import { YearSelect } from "../../yearSelect.tsx"
+import { FormControl } from "../../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../../components/forms/formRoot.tsx"
+import { InputDate } from "../../../../../../../components/inputs/inputDate.tsx"
+import { InputText } from "../../../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
+
+
+export function UpdateOneYear(props: {
+    year: v.InferOutput<typeof returnedSchemas.year>
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Modifier les informations de l'exercice"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={updateOneYearRouteDefinition.schemas.body}
+                        defaultValues={props.year}
+                        submitButtonProps={{
+                            icon: <IconPencil />,
+                            text: "Modifier l'exercice",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: updateOneYearRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible de modifier l'exercice", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Exercice modifié avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readOneYearRouteDefinition,
+                                body: {
+                                    idOrganization: props.year.idOrganization,
+                                    idYear: props.year.id
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="startingAt"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date de début"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="endingAt"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date de fin"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idYearPrevious"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Exercice précédent ?"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <YearSelect
+                                                    idOrganization={props.year.idOrganization}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé de l'exercice"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
similarity index 90%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
index 1bb835b..6aa8578 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
@@ -1,8 +1,8 @@
-import { Page } from "#/components/layouts/page/page.js";
-import { SubPageLayout } from "#/components/layouts/subPageLayout.js";
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js";
 import { IconFileDiff, IconFileReport, IconLabel, IconNews, IconSettings, IconSitemap } from "@tabler/icons-react";
 import { useParams } from "@tanstack/react-router";
+import { Page } from "../../../../../../../components/layouts/page/page.tsx";
+import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.tsx";
+import { yearSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx";
 
 
 export function YearSettingsLayout() {
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
similarity index 59%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index 0d1a338..d2746eb 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -1,12 +1,13 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { DeleteOneYear } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.js"
-import { UpdateOneYear } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.js"
-import { yearSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.js"
 import { readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { Box } from "../../../../../../../components/layouts/box.tsx"
+import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.tsx"
+import { yearSettingsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
+import { DeleteOneYear } from "./deleteOneYear.tsx"
+import { UpdateOneYear } from "./updateOneYear.tsx"
 
 
 export function YearSettingsPage() {
@@ -23,28 +24,30 @@ export function YearSettingsPage() {
             {(year) => {
                 return (
                     <Box>
-                        <div className="w-full flex flex-col justify-start items-start">
-                            <div className="w-full flex justify-between items-center gap-4 p-4 border-b border-neutral/10">
+                        <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <span>
                                     Modifier les informations de l'exercice
                                 </span>
                                 <UpdateOneYear
                                     year={year}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneYear>
                             </div>
-                            <div className="w-full flex justify-between items-center gap-4 p-4">
+                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
                                 <span>
                                     Supprimer l'exercice
                                 </span>
                                 <DeleteOneYear
                                     year={year}
                                 >
-                                    <ButtonOutlineContent
+                                    <ButtonContent
+                                        variant="default"
                                         icon={<IconTrash />}
                                         text="Supprimer"
                                         color="error"
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
similarity index 88%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
index 3691d5a..f37db15 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/createOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
@@ -1,171 +1,171 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputDate } from "#/components/inputs/inputDate.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { YearSelect } from "#/features/organizations/$idOrganization/years/yearSelect.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { createOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export function CreateOneYear(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter un nouvel exercice"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={createOneYearRouteDefinition.schemas.body}
-                        defaultValues={{
-                            idOrganization: props.idOrganization,
-                            label: undefined,
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter l'exercice",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: createOneYearRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible de créer l'exercice", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Exercice créé avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: readAllYearsRouteDefinition,
-                                body: {
-                                    idOrganization: props.idOrganization
-                                },
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="startingAt"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date de début"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="endingAt"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Date de fin"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputDate
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="idYearPrevious"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Exercice précédent ?"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <YearSelect
-                                                    idOrganization={props.idOrganization}
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="label"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Libellé de l'exercice"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { createOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { FormControl } from "../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../components/forms/formRoot.tsx"
+import { InputDate } from "../../../../../components/inputs/inputDate.tsx"
+import { InputText } from "../../../../../components/inputs/inputText.tsx"
+import { Drawer } from "../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../utilities/postAPI.ts"
+import { YearSelect } from "./yearSelect.tsx"
+
+
+export function CreateOneYear(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter un nouvel exercice"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={createOneYearRouteDefinition.schemas.body}
+                        defaultValues={{
+                            idOrganization: props.idOrganization,
+                            label: undefined,
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter l'exercice",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: createOneYearRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible de créer l'exercice", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Exercice créé avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: readAllYearsRouteDefinition,
+                                body: {
+                                    idOrganization: props.idOrganization
+                                },
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="startingAt"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date de début"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="endingAt"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Date de fin"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputDate
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="idYearPrevious"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Exercice précédent ?"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <YearSelect
+                                                    idOrganization={props.idOrganization}
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="label"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Libellé de l'exercice"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
new file mode 100644
index 0000000..3ff9b3b
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
@@ -0,0 +1,72 @@
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { IconCalendar, IconChevronRight, IconLock } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import * as v from "valibot"
+import { formatDate } from "../../../../../components/formats/formatDate.tsx"
+import { Chip } from "../../../../../components/layouts/chip.tsx"
+
+
+type Year = v.InferOutput<typeof readAllYearsRouteDefinition.schemas.return>[number]
+
+export function YearCard(props: {
+    year: Year
+    idOrganization: string
+}) {
+    const { year, idOrganization } = props
+
+    const startDate = formatDate(year.startingAt)
+    const endDate = formatDate(year.endingAt)
+
+    return (
+        <Link
+            to="/organisations/$idOrganization/exercices/$idYear"
+            params={{
+                idOrganization: idOrganization,
+                idYear: year.id
+            }}
+            className={cx(
+                css({ w: "full", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+                css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
+                css({ _hover: { borderColor: "neutral/20", bg: "neutral/2" }, transition: "colors", cursor: "pointer" })
+            )}
+        >
+            <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
+                <div className={cx(
+                    css({ w: "12", h: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
+                    year.isClosed ? css({ bg: "neutral/10" }) : css({ bg: "success/5" })
+                )}>
+                    {year.isClosed ? (
+                        <IconLock className={css({ w: "6", h: "6", color: "neutral/50" })} />
+                    ) : (
+                        <IconCalendar className={css({ w: "6", h: "6", color: "success/70" })} />
+                    )}
+                </div>
+                <div className={css({ display: "flex", flexDir: "column", gap: "1" })}>
+                    <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
+                        {year.label}
+                    </span>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
+                        <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                            {startDate} — {endDate}
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
+                {year.isClosed ? (
+                    <Chip
+                        text="Clôturé"
+                        color="neutral"
+                    />
+                ) : (
+                    <Chip
+                        text="En cours"
+                        color="success"
+                    />
+                )}
+                <IconChevronRight className={css({ w: "5", h: "5", color: "neutral/30" })} />
+            </div>
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearSelect.tsx
similarity index 83%
rename from packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearSelect.tsx
index 080fce0..d67ffaf 100644
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/yearSelect.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearSelect.tsx
@@ -1,37 +1,37 @@
-import { InputSelect } from "#/components/inputs/inputSelect.js"
-import { useHTTPData } from "#/utilities/useHTTPData.js"
-import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import * as v from "valibot"
-
-
-export function YearSelect(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-    value?: string | null
-    onChange: (value?: string | null) => void
-}) {
-    const yearsResponse = useHTTPData({
-        routeDefinition: readAllYearsRouteDefinition,
-        body: {
-            idOrganization: props.idOrganization
-        },
-    })
-
-    return (
-        <InputSelect
-            value={props.value}
-            onChange={props.onChange}
-            isLoading={yearsResponse.isPending}
-            allowEmpty={true}
-            placeholder="Sélectionner un exercice"
-            options={
-                (yearsResponse.data === undefined)
-                    ? []
-                    : yearsResponse.data.map((year) => ({
-                        key: year.id,
-                        label: year.label
-                    }))
-            }
-        />
-    )
-}
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import * as v from "valibot"
+import { InputSelect } from "../../../../../components/inputs/inputSelect.tsx"
+import { useDataFromAPI } from "../../../../../utilities/useHTTPData.ts"
+
+
+export function YearSelect(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    value?: string | null
+    onChange: (value?: string | null) => void
+}) {
+    const yearsResponse = useDataFromAPI({
+        routeDefinition: readAllYearsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization
+        },
+    })
+
+    return (
+        <InputSelect
+            value={props.value}
+            onChange={props.onChange}
+            isLoading={yearsResponse.isPending}
+            allowEmpty={true}
+            placeholder="Sélectionner un exercice"
+            options={
+                (yearsResponse.data === undefined)
+                    ? []
+                    : yearsResponse.data.map((year) => ({
+                        key: year.id,
+                        label: year.label
+                    }))
+            }
+        />
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
new file mode 100644
index 0000000..314cb0c
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
@@ -0,0 +1,67 @@
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconCalendarPlus } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { FormatNull } from "../../../../../components/formats/formatNull.tsx"
+import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../../../components/layouts/page/page.tsx"
+import { yearsRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/years/yearsRoute.tsx"
+import { CreateOneYear } from "./createOneYear.tsx"
+import { YearCard } from "./yearCard.tsx"
+
+
+export function YearsPage() {
+    const params = useParams({ from: yearsRoute.id })
+
+    return (
+        <Page.Root>
+            <Page.Content>
+                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
+                        <span className={css({ fontSize: "2xl" })}>
+                            Exercices fiscaux
+                        </span>
+                        <CreateOneYear
+                            idOrganization={params.idOrganization}
+                        >
+                            <ButtonContent
+                                variant="default"
+                                icon={<IconCalendarPlus />}
+                                text="Ajouter un exercice"
+                            />
+                        </CreateOneYear>
+                    </div>
+                    <DataWrapper
+                        routeDefinition={readAllYearsRouteDefinition}
+                        body={{
+                            idOrganization: params.idOrganization
+                        }}
+                    >
+                        {(years) => {
+                            if (years.length === 0) {
+                                return (
+                                    <FormatNull
+                                        text="Aucun exercice"
+                                        className={css({ p: "4", w: "full" })}
+                                    />
+                                )
+                            }
+                            return (
+                                <div className={css({ w: "full", display: "flex", flexDir: "column", gap: "3" })}>
+                                    {years.map((year) => (
+                                        <YearCard
+                                            key={year.id}
+                                            year={year}
+                                            idOrganization={params.idOrganization}
+                                        />
+                                    ))}
+                                </div>
+                            )
+                        }}
+                    </DataWrapper>
+                </div>
+            </Page.Content>
+        </Page.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/organizations/addNewOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
similarity index 89%
rename from packages/dashboard/src/features/organizations/addNewOrganization.tsx
rename to packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
index 65fedfa..3e4dd66 100644
--- a/packages/dashboard/src/features/organizations/addNewOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
@@ -1,168 +1,168 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { Drawer } from "#/components/overlays/drawer/drawer.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { invalidateData } from "#/utilities/invalidateData.js"
-import { postAPI } from "#/utilities/postAPI.js"
-import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconPlus } from "@tabler/icons-react"
-import { JSX, useState } from "react"
-import { Fragment } from "react/jsx-runtime"
-
-
-export function AddNewOrganization(props: {
-    children: JSX.Element
-}) {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <Drawer.Root
-            open={open}
-            onOpenChange={setOpen}
-        >
-            <Drawer.Trigger>
-                {props.children}
-            </Drawer.Trigger>
-            <Drawer.Content>
-                <Drawer.Header
-                    title="Ajouter une nouvelle organisation"
-                />
-                <Drawer.Body>
-                    <FormRoot
-                        schema={addNewOrganizationRouteDefinition.schemas.body}
-                        defaultValues={{
-                            scope: "company",
-                        }}
-                        submitButtonProps={{
-                            icon: <IconPlus />,
-                            text: "Ajouter l'organisation",
-                        }}
-                        onSubmit={async (data) => {
-                            const response = await postAPI({
-                                routeDefinition: addNewOrganizationRouteDefinition,
-                                body: data,
-                            })
-                            if (!response.ok) {
-                                toast({ title: "Impossible d'ajouter l'organisation", variant: "error" })
-                                return false
-                            }
-
-                            toast({ title: "Organisation ajoutée avec succès", variant: "success" })
-                            return true
-                        }}
-                        onCancel={undefined}
-                        onSuccess={async () => {
-
-                            await invalidateData({
-                                routeDefinition: getAllMyOrganizationsRouteDefinition,
-                                body: {},
-                            })
-
-                            setOpen(false)
-                        }}
-                    >
-                        {(form) => (
-                            <Fragment>
-                                <FormField
-                                    control={form.control}
-                                    name="scope"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Type d'organisation"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputToggle
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    options={[
-                                                        { value: "company", label: "Entreprise" },
-                                                        { value: "association", label: "Association" }
-                                                    ]}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="name"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Raison sociale ou nom de l'organisation"
-                                                isRequired={true}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="siren"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="SIREN"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                                <FormField
-                                    control={form.control}
-                                    name="email"
-                                    render={({ field }) => (
-                                        <FormItem>
-                                            <FormLabel
-                                                label="Email"
-                                                isRequired={false}
-                                                description={undefined}
-                                                tooltip={undefined}
-                                            />
-                                            <FormControl>
-                                                <InputText
-                                                    value={field.value}
-                                                    onChange={field.onChange}
-                                                    type="email"
-                                                />
-                                            </FormControl>
-                                            <FormError />
-                                        </FormItem>
-                                    )}
-                                />
-                            </Fragment>
-                        )}
-                    </FormRoot>
-                </Drawer.Body>
-            </Drawer.Content>
-        </Drawer.Root>
-    )
-}
+import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { IconPlus } from "@tabler/icons-react"
+import { JSX, useState } from "react"
+import { Fragment } from "react/jsx-runtime"
+import { FormControl } from "../../../components/forms/formControl.tsx"
+import { FormError } from "../../../components/forms/formError.tsx"
+import { FormField } from "../../../components/forms/formField.tsx"
+import { FormItem } from "../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../utilities/postAPI.ts"
+
+
+export function AddNewOrganization(props: {
+    children: JSX.Element
+}) {
+    const [open, setOpen] = useState(false)
+
+    return (
+        <Drawer.Root
+            open={open}
+            onOpenChange={setOpen}
+        >
+            <Drawer.Trigger>
+                {props.children}
+            </Drawer.Trigger>
+            <Drawer.Content>
+                <Drawer.Header
+                    title="Ajouter une nouvelle organisation"
+                />
+                <Drawer.Body>
+                    <FormRoot
+                        schema={addNewOrganizationRouteDefinition.schemas.body}
+                        defaultValues={{
+                            scope: "company",
+                        }}
+                        submitButtonProps={{
+                            icon: <IconPlus />,
+                            text: "Ajouter l'organisation",
+                        }}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: addNewOrganizationRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Impossible d'ajouter l'organisation", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Organisation ajoutée avec succès", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={async () => {
+
+                            await invalidateData({
+                                routeDefinition: getAllMyOrganizationsRouteDefinition,
+                                body: {},
+                            })
+
+                            setOpen(false)
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="scope"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Type d'organisation"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputToggle
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    options={[
+                                                        { value: "company", label: "Entreprise" },
+                                                        { value: "association", label: "Association" }
+                                                    ]}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="name"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Raison sociale ou nom de l'organisation"
+                                                isRequired={true}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="siren"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="SIREN"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="email"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Email"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    type="email"
+                                                />
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+                </Drawer.Body>
+            </Drawer.Content>
+        </Drawer.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
new file mode 100644
index 0000000..45f22e6
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
@@ -0,0 +1,72 @@
+import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { IconBuilding, IconChevronRight } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import * as v from "valibot"
+import { Chip } from "../../../components/layouts/chip.tsx"
+
+
+type OrganizationUser = v.InferOutput<typeof getAllMyOrganizationsRouteDefinition.schemas.return>[number]
+
+export function OrganizationCard(props: {
+    organizationUser: OrganizationUser
+}) {
+    const { organizationUser } = props
+    const organization = organizationUser.organization
+
+    const scopeLabel = organization.scope === "company" ? "Entreprise" : "Association"
+
+    return (
+        <Link
+            to="/organisations/$idOrganization"
+            params={{
+                idOrganization: organization.id
+            }}
+            className={cx(
+                css({ w: "full", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+                css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
+                css({ _hover: { borderColor: "neutral/20", bg: "neutral/2" }, transition: "colors", cursor: "pointer" })
+            )}
+        >
+            <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
+                <div className={cx(
+                    css({ w: "12", h: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
+                    css({ bg: "neutral/5" })
+                )}>
+                    <IconBuilding className={css({ w: "6", h: "6", color: "neutral/50" })} />
+                </div>
+                <div className={css({ display: "flex", flexDir: "column", gap: "1" })}>
+                    <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
+                        {organization.name}
+                    </span>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
+                        <Chip
+                            text={scopeLabel}
+                            color="neutral"
+                        />
+                        {organizationUser.isAdmin && (
+                            <Chip
+                                text="Administrateur"
+                                color="information"
+                            />
+                        )}
+                        {organization.siren && (
+                            <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                SIREN: {organization.siren}
+                            </span>
+                        )}
+                    </div>
+                </div>
+            </div>
+            <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
+                {organizationUser.status === "invited" && (
+                    <Chip
+                        text="En attente"
+                        color="warning"
+                    />
+                )}
+                <IconChevronRight className={css({ w: "5", h: "5", color: "neutral/30" })} />
+            </div>
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
new file mode 100644
index 0000000..68beeef
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
@@ -0,0 +1,58 @@
+import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconBuildingPlus } from "@tabler/icons-react"
+import { FormatNull } from "../../../components/formats/formatNull.tsx"
+import { DataWrapper } from "../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../components/layouts/page/page.tsx"
+import { AddNewOrganization } from "./addNewOrganization.tsx"
+import { OrganizationCard } from "./organizationCard.tsx"
+
+
+export function OrganizationsPage() {
+    return (
+        <Page.Root>
+            <Page.Content>
+                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
+                        <span className={css({ fontSize: "2xl" })}>
+                            Mes organisations
+                        </span>
+                        <AddNewOrganization>
+                            <ButtonContent
+                                variant="default"
+                                icon={<IconBuildingPlus />}
+                                text="Ajouter une organisation"
+                            />
+                        </AddNewOrganization>
+                    </div>
+                    <DataWrapper
+                        routeDefinition={getAllMyOrganizationsRouteDefinition}
+                        body={{}}
+                    >
+                        {(organizationUsers) => {
+                            if (organizationUsers.length === 0) {
+                                return (
+                                    <FormatNull
+                                        text="Aucune organisation"
+                                        className={css({ p: "2" })}
+                                    />
+                                )
+                            }
+                            return (
+                                <div className={css({ w: "full", display: "flex", flexDir: "column", gap: "3" })}>
+                                    {organizationUsers.map((organizationUser) => (
+                                        <OrganizationCard
+                                            key={organizationUser.id}
+                                            organizationUser={organizationUser}
+                                        />
+                                    ))}
+                                </div>
+                            )
+                        }}
+                    </DataWrapper>
+                </div>
+            </Page.Content>
+        </Page.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/settings/settingsPage.tsx b/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
similarity index 81%
rename from packages/dashboard/src/features/settings/settingsPage.tsx
rename to packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
index e980753..fa43580 100644
--- a/packages/dashboard/src/features/settings/settingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
@@ -1,4 +1,4 @@
-import { Page } from "#/components/layouts/page/page.js"
+import { Page } from "../../../components/layouts/page/page.js"
 
 
 export function SettingsPage() {
diff --git a/packages/dashboard/src/features/support/contactSupportForm.tsx b/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
similarity index 83%
rename from packages/dashboard/src/features/support/contactSupportForm.tsx
rename to packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
index 1bc6e63..ee4567f 100644
--- a/packages/dashboard/src/features/support/contactSupportForm.tsx
+++ b/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
@@ -1,17 +1,17 @@
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputTextArea } from "#/components/inputs/inputTextArea.js"
-import { InputToggle } from "#/components/inputs/inputToggle.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { postAPI } from "#/utilities/postAPI.js"
 import { sendSupportMessageRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconSend } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
+import { FormControl } from "../../../components/forms/formControl.tsx"
+import { FormError } from "../../../components/forms/formError.tsx"
+import { FormField } from "../../../components/forms/formField.tsx"
+import { FormItem } from "../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../components/forms/formRoot.tsx"
+import { InputTextArea } from "../../../components/inputs/inputTextArea.tsx"
+import { InputToggle } from "../../../components/inputs/inputToggle.tsx"
+import { toast } from "../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../routes/platformRouter.tsx"
+import { postAPI } from "../../../utilities/postAPI.ts"
 
 
 export function ContactSupportForm() {
diff --git a/packages/dashboard/src/features/support/supportPage.tsx b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
similarity index 63%
rename from packages/dashboard/src/features/support/supportPage.tsx
rename to packages/dashboard/src/features/dashboard/support/supportPage.tsx
index 73deea1..b10586a 100644
--- a/packages/dashboard/src/features/support/supportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
@@ -1,29 +1,31 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js";
-import { Box } from "#/components/layouts/box.js";
-import { Page } from "#/components/layouts/page/page.js";
-import { ContactSupportForm } from "#/features/support/contactSupportForm.js";
-import { IconBrandGithub, IconBrandLinkedin, IconMail } from "@tabler/icons-react";
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconBrandGithub, IconBrandLinkedin, IconMail } from "@tabler/icons-react"
+import { Box } from "../../../components/layouts/box.tsx"
+import { Page } from "../../../components/layouts/page/page.tsx"
+import { ContactSupportForm } from "./contactSupportForm.tsx"
 
 
 export function SupportPage() {
     return (
         <Page.Root>
             <Page.Content>
-                <Box className="p-4 gap-4">
+                <Box className={css({ p: "4", gap: "4" })}>
                     <span>
                         N'hésitez pas à contacter le support
                     </span>
                     <ContactSupportForm />
                 </Box>
-                <Box className="p-4 gap-4">
+                <Box className={css({ p: "4", gap: "4" })}>
                     <span>
                         Vous pouvez aussi nous contacter directement via les moyens suivant
                     </span>
-                    <div className="flex justify-start items-start gap-2">
+                    <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
                         <a
                             href="mailto:contact@arrhes.com"
                         >
-                            <ButtonOutlineContent
+                            <ButtonContent
+                                variant="default"
                                 icon={<IconMail />}
                                 text="Email"
                             />
@@ -31,7 +33,8 @@ export function SupportPage() {
                         <a
                             href="https://github.com/arrhes"
                         >
-                            <ButtonOutlineContent
+                            <ButtonContent
+                                variant="default"
                                 icon={<IconBrandGithub />}
                                 text="Github"
                             />
@@ -39,7 +42,8 @@ export function SupportPage() {
                         <a
                             href="https://linkedin.com/arrhes"
                         >
-                            <ButtonOutlineContent
+                            <ButtonContent
+                                variant="default"
                                 icon={<IconBrandLinkedin />}
                                 text="LinkedIn"
                             />
diff --git a/packages/dashboard/src/features/docs/comptabilite/comptes.tsx b/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
new file mode 100644
index 0000000..2872e98
--- /dev/null
+++ b/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
@@ -0,0 +1,245 @@
+import { DocDefinition } from "../../../components/document/docDefinition.tsx"
+import { DocExample } from "../../../components/document/docExample.tsx"
+import { DocLink } from "../../../components/document/docLink.tsx"
+import { DocNextPage } from "../../../components/document/docNextPage.tsx"
+import { DocParagraph } from "../../../components/document/docParagraph.tsx"
+import { DocSection } from "../../../components/document/docSection.tsx"
+import { DocTable } from "../../../components/document/docTable.tsx"
+
+
+export function ComptabiliteComptes() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Les comptes comptables</h1>
+            <p className="text-neutral/50 mb-8">Comprendre l'organisation du plan comptable</p>
+
+            <DocSection title="Qu'est-ce qu'un compte ?">
+                <DocParagraph>
+                    Un compte est une categorie qui regroupe des operations de meme nature.
+                    Chaque compte possede un numero et un intitule qui permettent de l'identifier.
+                    Par exemple, le compte 512 - Banque regroupe toutes les operations
+                    transitant par votre compte bancaire.
+                </DocParagraph>
+                <DocParagraph>
+                    En France, les comptes sont organises selon le Plan Comptable General (PCG),
+                    qui definit une structure commune a toutes les organisations.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Deux grandes familles de comptes">
+                <DocParagraph>
+                    Pour bien comprendre le fonctionnement des comptes, il est utile de distinguer
+                    deux grandes familles : les <strong>comptes d'operations</strong> et les{" "}
+                    <strong>comptes d'agents</strong>.
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Comptes d'operations"
+                    definition="Ces comptes enregistrent les operations economiques du point de vue de l'entreprise : achats, ventes, charges, produits. Ils decrivent ce que fait l'entreprise."
+                />
+                <DocDefinition
+                    term="Comptes d'agents"
+                    definition="Ces comptes enregistrent les relations avec les tiers du point de vue de ces tiers : clients, fournisseurs, banque, caisse, Etat. Ils decrivent qui doit quoi a qui."
+                />
+
+                <DocExample title="Point de vue des comptes d'agents">
+                    <p>Le compte Clients est tenu du point de vue des clients :</p>
+                    <ul className="mt-2 ml-4 text-sm">
+                        <li>Quand un client vous doit de l'argent - le compte est <strong>debite</strong> (sa dette augmente)</li>
+                        <li>Quand il vous paye - le compte est <strong>credite</strong> (sa dette diminue)</li>
+                    </ul>
+                    <p className="mt-2">Le compte Fournisseurs est tenu du point de vue des fournisseurs :</p>
+                    <ul className="mt-2 ml-4 text-sm">
+                        <li>Quand vous leur devez de l'argent - le compte est <strong>credite</strong> (leur creance augmente)</li>
+                        <li>Quand vous les payez - le compte est <strong>debite</strong> (leur creance diminue)</li>
+                    </ul>
+                </DocExample>
+
+                <DocParagraph>
+                    Cette distinction explique pourquoi les comptes d'actif (Banque, Caisse, Clients)
+                    augmentent au debit, tandis que les comptes de passif (Fournisseurs, Capital)
+                    augmentent au credit : on adopte toujours le point de vue de l'agent concerne.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Les classes de comptes">
+                <DocParagraph>
+                    Les comptes sont regroupes en 7 classes principales, numerotees de 1 a 7.
+                    Le premier chiffre du numero de compte indique sa classe.
+                </DocParagraph>
+
+                <DocTable
+                    headers={["Classe", "Intitule", "Type"]}
+                    rows={[
+                        ["1", "Comptes de capitaux", "Bilan (passif)"],
+                        ["2", "Comptes d'immobilisations", "Bilan (actif)"],
+                        ["3", "Comptes de stocks", "Bilan (actif)"],
+                        ["4", "Comptes de tiers", "Bilan (actif ou passif)"],
+                        ["5", "Comptes financiers", "Bilan (actif)"],
+                        ["6", "Comptes de charges", "Resultat"],
+                        ["7", "Comptes de produits", "Resultat"],
+                    ]}
+                />
+
+                <DocParagraph>
+                    Les classes 1 a 5 concernent le <strong>bilan</strong> (ce que vous possedez et ce que vous devez).
+                    Les classes 6 et 7 concernent le <strong>compte de resultat</strong> (ce que vous depensez et ce que vous gagnez).
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Les comptes de bilan (classes 1 a 5)">
+                <DocDefinition
+                    term="Classe 1 - Capitaux"
+                    definition="Capital social, reserves, resultat de l'exercice, emprunts a long terme. Ce sont les ressources durables de l'organisation. Le capital est assimile a une dette envers les proprietaires."
+                />
+                <DocDefinition
+                    term="Classe 2 - Immobilisations"
+                    definition="Biens destines a rester durablement dans l'organisation : terrains, batiments, materiel, vehicules, logiciels..."
+                />
+                <DocDefinition
+                    term="Classe 3 - Stocks"
+                    definition="Marchandises, matieres premieres, produits finis en attente de vente ou d'utilisation."
+                />
+                <DocDefinition
+                    term="Classe 4 - Tiers"
+                    definition="Ce que l'on vous doit (clients, avances versees) et ce que vous devez (fournisseurs, dettes sociales et fiscales, TVA)."
+                />
+                <DocDefinition
+                    term="Classe 5 - Financiers"
+                    definition="Comptes bancaires, caisse, placements a court terme. Ces comptes sont tenus du point de vue de la banque ou de la caisse."
+                />
+
+                <DocExample title="Comptes de la classe 5">
+                    <p>Voici quelques comptes financiers courants :</p>
+                    <ul className="mt-2 ml-4">
+                        <li>512 - Banque (compte courant)</li>
+                        <li>530 - Caisse (especes)</li>
+                        <li>531 - Caisse centrale</li>
+                    </ul>
+                    <p className="mt-2 text-sm text-neutral/70">
+                        Le compte Banque est tenu du point de vue de la banque : quand elle vous doit
+                        de l'argent (votre solde est positif), le compte est debiteur.
+                    </p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les comptes de gestion (classes 6 et 7)">
+                <DocParagraph>
+                    Les comptes de gestion sont des <strong>comptes d'operations</strong> : ils enregistrent
+                    les flux economiques du point de vue de l'entreprise.
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Classe 6 - Charges"
+                    definition="Toutes les depenses : achats, services exterieurs, impots, salaires, charges financieres... Une charge est debitee car elle represente un emploi de ressources."
+                />
+                <DocDefinition
+                    term="Classe 7 - Produits"
+                    definition="Toutes les recettes : ventes, prestations de services, subventions, produits financiers... Un produit est credite car il represente une ressource."
+                />
+
+                <DocExample title="Comptes courants de charges">
+                    <ul className="ml-4">
+                        <li>601 - Achats de matieres premieres</li>
+                        <li>606 - Achats non stockes (fournitures)</li>
+                        <li>613 - Locations</li>
+                        <li>626 - Frais postaux et telecommunications</li>
+                        <li>641 - Remunerations du personnel</li>
+                    </ul>
+                </DocExample>
+
+                <DocExample title="Comptes courants de produits">
+                    <ul className="ml-4">
+                        <li>701 - Ventes de produits finis</li>
+                        <li>706 - Prestations de services</li>
+                        <li>740 - Subventions d'exploitation</li>
+                        <li>756 - Cotisations (pour les associations)</li>
+                    </ul>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Le compte Etat et la TVA">
+                <DocParagraph>
+                    L'Etat est traite comme un agent particulier avec plusieurs comptes dans la classe 4.
+                    Pour la TVA, on distingue deux comptes principaux :
+                </DocParagraph>
+
+                <DocDefinition
+                    term="4456 - TVA deductible"
+                    definition="TVA payee sur les achats. L'Etat vous doit cette somme (ou vous pouvez la deduire de la TVA collectee). Le compte est debite quand la TVA deductible augmente."
+                />
+                <DocDefinition
+                    term="4457 - TVA collectee"
+                    definition="TVA facturee sur les ventes. Vous devez cette somme a l'Etat. Le compte est credite quand la TVA collectee augmente."
+                />
+
+                <DocExample title="Mecanisme de la TVA">
+                    <p>A la fin de la periode :</p>
+                    <ul className="mt-2 ml-4 text-sm">
+                        <li>Si TVA collectee &gt; TVA deductible - vous devez la difference a l'Etat</li>
+                        <li>Si TVA collectee &lt; TVA deductible - l'Etat vous doit la difference (credit de TVA)</li>
+                    </ul>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Comment fonctionne un compte ?">
+                <DocParagraph>
+                    Selon le type de compte, les mouvements au debit et au credit ont des significations differentes :
+                </DocParagraph>
+
+                <DocTable
+                    headers={["Type de compte", "Debit (+)", "Credit (-)"]}
+                    rows={[
+                        ["Actif (ce que vous avez)", "Augmentation", "Diminution"],
+                        ["Passif (ce que vous devez)", "Diminution", "Augmentation"],
+                        ["Charges (depenses)", "Augmentation", "Diminution"],
+                        ["Produits (recettes)", "Diminution", "Augmentation"],
+                    ]}
+                />
+
+                <DocExample title="Fonctionnement concret">
+                    <p>Quand vous recevez de l'argent sur votre compte bancaire :</p>
+                    <p className="mt-2">- Le compte 512 (Banque) est un compte d'actif</p>
+                    <p>- Une augmentation se traduit par un <strong>debit</strong></p>
+                    <p className="mt-2">Quand vous payez une facture depuis ce compte :</p>
+                    <p className="mt-2">- Une diminution se traduit par un <strong>credit</strong></p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Le journal et la balance">
+                <DocParagraph>
+                    Pour controler la comptabilite, deux documents sont essentiels :
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Le journal"
+                    definition="Enregistrement chronologique de toutes les ecritures. Il permet de retracer l'historique des operations et constitue une preuve juridique."
+                />
+                <DocDefinition
+                    term="La balance"
+                    definition="Liste de tous les comptes avec leurs totaux debit, credit et solde. Elle permet de verifier l'equilibre global : le total des debits doit egaler le total des credits."
+                />
+
+                <DocParagraph>
+                    La balance est un outil de controle indispensable : si elle n'est pas equilibree,
+                    c'est qu'une erreur s'est glissee dans les ecritures.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Lien avec Arrhes">
+                <DocParagraph>
+                    Dans Arrhes, vous pouvez{" "}
+                    <DocLink to="/docs/guide/organisations">configurer votre plan comptable</DocLink>{" "}
+                    selon les besoins de votre organisation. Le logiciel propose un plan comptable
+                    par defaut adapte aux entreprises et aux associations francaises, que vous pouvez
+                    personnaliser.
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/comptabilite/ecritures"
+                label="Les ecritures comptables"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/comptabilite/documents.tsx b/packages/dashboard/src/features/docs/comptabilite/documents.tsx
new file mode 100644
index 0000000..5234368
--- /dev/null
+++ b/packages/dashboard/src/features/docs/comptabilite/documents.tsx
@@ -0,0 +1,267 @@
+import { DocDefinition } from "../../../components/document/docDefinition.tsx";
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+import { DocTable } from "../../../components/document/docTable.tsx";
+
+
+export function ComptabiliteDocuments() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Les documents comptables</h1>
+            <p className="text-neutral/50 mb-8">Les etats de synthese et leur signification</p>
+
+            <DocSection title="Les documents de synthese">
+                <DocParagraph>
+                    A la fin de chaque exercice comptable, les ecritures sont agregees pour produire
+                    des documents de synthese. Ces documents offrent une vision globale de la situation
+                    financiere et des performances de l'organisation.
+                </DocParagraph>
+                <DocParagraph>
+                    Les deux documents principaux sont le <strong>bilan</strong> et le{" "}
+                    <strong>compte de resultat</strong>. Ils sont complementaires et se lisent ensemble.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le calcul du benefice">
+                <DocParagraph>
+                    Le benefice (ou la perte) d'une entreprise peut etre calcule de deux manieres
+                    equivalentes, ce qui constitue un controle fondamental de la comptabilite :
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Par le patrimoine"
+                    definition="Benefice = Patrimoine a la fin - Patrimoine au debut. Si l'entreprise possede plus a la fin qu'au debut, elle s'est enrichie."
+                />
+                <DocDefinition
+                    term="Par les operations"
+                    definition="Benefice = Produits - Charges. La somme de ce qu'on a gagne moins la somme de ce qu'on a depense."
+                />
+
+                <DocParagraph>
+                    Ces deux calculs doivent donner le meme resultat. C'est la coherence entre
+                    le bilan (patrimoine) et le compte de resultat (operations) qui garantit
+                    l'exactitude de la comptabilite.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le bilan">
+                <DocDefinition
+                    term="Bilan"
+                    definition="Photographie du patrimoine de l'organisation a une date donnee. Il montre ce que l'organisation possede (actif) et comment elle l'a finance (passif)."
+                />
+
+                <DocParagraph>
+                    Le bilan est construit a partir des <strong>soldes des comptes d'agents</strong> :
+                </DocParagraph>
+                <DocList items={[
+                    "Les soldes debiteurs forment l'actif (ce que les agents nous doivent : banque, clients...)",
+                    "Les soldes crediteurs forment le passif (ce que nous devons aux agents : fournisseurs, Etat, proprietaires...)"
+                ]} />
+
+                <DocTable
+                    headers={["ACTIF (ce que l'on a)", "PASSIF (comment c'est finance)"]}
+                    rows={[
+                        ["Actif immobilise (biens durables)", "Capitaux propres (apports, reserves, resultat)"],
+                        ["Actif circulant (stocks, creances)", "Dettes (emprunts, fournisseurs)"],
+                        ["Tresorerie (banque, caisse)", ""],
+                    ]}
+                />
+
+                <DocParagraph>
+                    L'equation fondamentale du bilan est : <strong>Actif = Passif + Resultat</strong>.
+                    Le resultat vient equilibrer le bilan : un benefice augmente le passif (les capitaux propres),
+                    une perte le diminue.
+                </DocParagraph>
+
+                <DocExample title="Lecture simplifiee d'un bilan">
+                    <p>Une association presente le bilan suivant :</p>
+                    <div className="grid grid-cols-2 gap-4 mt-2">
+                        <div>
+                            <p className="font-medium">ACTIF</p>
+                            <ul className="text-xs mt-1">
+                                <li>Materiel informatique : 2 000</li>
+                                <li>Banque : 5 000</li>
+                                <li><strong>Total : 7 000</strong></li>
+                            </ul>
+                        </div>
+                        <div>
+                            <p className="font-medium">PASSIF</p>
+                            <ul className="text-xs mt-1">
+                                <li>Fonds associatifs : 6 000</li>
+                                <li>Dettes fournisseurs : 1 000</li>
+                                <li><strong>Total : 7 000</strong></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <p className="mt-2 text-xs">L'association possede 7 000 euros de biens, finances par ses fonds propres et une dette.</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Le compte de resultat">
+                <DocDefinition
+                    term="Compte de resultat"
+                    definition="Film de l'activite sur une periode. Il compare les produits (ce qu'on gagne) aux charges (ce qu'on depense) pour determiner le resultat (benefice ou perte)."
+                />
+
+                <DocParagraph>
+                    Le compte de resultat est construit a partir des <strong>comptes d'operations</strong> (classes 6 et 7).
+                    Il repond a la question : l'entreprise a-t-elle gagne ou perdu de l'argent sur la periode ?
+                </DocParagraph>
+
+                <DocList items={[
+                    "Produits - Charges = Resultat",
+                    "Si Produits > Charges : benefice (ou excedent pour une association)",
+                    "Si Produits < Charges : perte (ou deficit)"
+                ]} />
+
+                <DocExample title="Compte de resultat simplifie">
+                    <div className="grid grid-cols-2 gap-4">
+                        <div>
+                            <p className="font-medium">CHARGES</p>
+                            <ul className="text-xs mt-1">
+                                <li>Achats : 3 000</li>
+                                <li>Loyer : 6 000</li>
+                                <li>Salaires : 20 000</li>
+                                <li><strong>Total : 29 000</strong></li>
+                            </ul>
+                        </div>
+                        <div>
+                            <p className="font-medium">PRODUITS</p>
+                            <ul className="text-xs mt-1">
+                                <li>Ventes : 25 000</li>
+                                <li>Subventions : 8 000</li>
+                                <li><strong>Total : 33 000</strong></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <p className="mt-2 font-medium">Resultat = 33 000 - 29 000 = 4 000 euros (benefice)</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les capitaux propres">
+                <DocParagraph>
+                    Les capitaux propres representent ce que l'entreprise doit a ses proprietaires.
+                    Ils comprennent plusieurs elements :
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Capital"
+                    definition="Apports initiaux des associes ou fondateurs. Il reste generalement stable sauf augmentation ou reduction de capital."
+                />
+                <DocDefinition
+                    term="Reserves"
+                    definition="Benefices des annees passees qui ont ete conserves dans l'entreprise (non distribues aux associes)."
+                />
+                <DocDefinition
+                    term="Report a nouveau"
+                    definition="Resultat de l'exercice precedent en attente d'affectation (mise en reserve ou distribution)."
+                />
+                <DocDefinition
+                    term="Resultat de l'exercice"
+                    definition="Benefice ou perte de l'annee en cours, tel que calcule par le compte de resultat."
+                />
+
+                <DocExample title="Affectation du resultat">
+                    <p>Une entreprise realise un benefice de 10 000 euros. Les associes decident :</p>
+                    <ul className="mt-2 ml-4 text-sm">
+                        <li>Distribution de dividendes : 4 000 euros (verses aux associes)</li>
+                        <li>Mise en reserve : 6 000 euros (conserves dans l'entreprise)</li>
+                    </ul>
+                    <p className="mt-2 text-xs">Les reserves augmentent de 6 000 euros, renforcant les capitaux propres.</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="La balance : document de controle">
+                <DocDefinition
+                    term="Balance"
+                    definition="Liste de tous les comptes avec leur solde (debiteur ou crediteur). C'est l'outil de controle essentiel de la comptabilite."
+                />
+
+                <DocParagraph>
+                    La balance verifie plusieurs equilibres :
+                </DocParagraph>
+                <DocList items={[
+                    "Total des debits = Total des credits (principe de la partie double)",
+                    "Total des soldes debiteurs = Total des soldes crediteurs",
+                    "Les comptes d'actif ont generalement un solde debiteur",
+                    "Les comptes de passif ont generalement un solde crediteur"
+                ]} />
+
+                <DocExample title="Extrait de balance">
+                    <DocTable
+                        headers={["Compte", "Intitule", "Debit", "Credit", "Solde"]}
+                        rows={[
+                            ["101", "Capital", "", "10 000", "10 000 Cr"],
+                            ["411", "Clients", "5 000", "3 000", "2 000 Db"],
+                            ["401", "Fournisseurs", "2 000", "4 000", "2 000 Cr"],
+                            ["512", "Banque", "15 000", "8 000", "7 000 Db"],
+                            ["606", "Achats fournitures", "1 000", "", "1 000 Db"],
+                            ["706", "Prestations", "", "4 000", "4 000 Cr"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">Total debits = Total credits. La balance est equilibree.</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les autres documents">
+                <DocDefinition
+                    term="Grand livre"
+                    definition="Liste de tous les comptes avec le detail de leurs mouvements. Permet de verifier le detail de chaque compte."
+                />
+                <DocDefinition
+                    term="Journal"
+                    definition="Liste chronologique de toutes les ecritures passees. Permet de retrouver l'historique des operations."
+                />
+                <DocDefinition
+                    term="Annexe"
+                    definition="Document obligatoire qui complete le bilan et le compte de resultat avec des informations complementaires (methodes comptables, engagements hors bilan...)."
+                />
+
+                <DocParagraph>
+                    Ces documents intermediaires sont utilises tout au long de l'annee pour controler
+                    la comptabilite et preparer les documents de synthese.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le lien entre bilan et compte de resultat">
+                <DocParagraph>
+                    Le resultat du compte de resultat vient s'ajouter aux capitaux propres du bilan.
+                    C'est ce qui fait le lien entre les deux documents :
+                </DocParagraph>
+                <DocList items={[
+                    "Un benefice augmente les capitaux propres (l'organisation s'est enrichie)",
+                    "Une perte diminue les capitaux propres (l'organisation s'est appauvrie)"
+                ]} />
+
+                <DocParagraph>
+                    On peut aussi exprimer le resultat comme la variation du patrimoine net :
+                </DocParagraph>
+                <DocExample title="Verification par le patrimoine">
+                    <p><strong>Resultat = Variation des creances - Variation des dettes</strong></p>
+                    <p className="mt-2 text-sm">
+                        Si les creances (ce qu'on possede) ont augmente de 5 000 euros et les dettes
+                        de 2 000 euros, le resultat est de 3 000 euros : l'entreprise s'est enrichie de
+                        la difference.
+                    </p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Lien avec Arrhes">
+                <DocParagraph>
+                    Arrhes genere automatiquement tous ces documents a partir de vos ecritures.
+                    Consultez le guide sur les <DocLink to="/docs/guide/rapports">rapports</DocLink>{" "}
+                    pour apprendre a generer et interpreter ces documents dans le logiciel.
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/guide/demarrage"
+                label="Guide : Demarrer avec Arrhes"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx b/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
new file mode 100644
index 0000000..187bfc3
--- /dev/null
+++ b/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
@@ -0,0 +1,235 @@
+import { DocDefinition } from "../../../components/document/docDefinition.tsx";
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+import { DocTable } from "../../../components/document/docTable.tsx";
+
+
+export function ComptabiliteEcritures() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Les ecritures comptables</h1>
+            <p className="text-neutral/50 mb-8">Enregistrer les operations dans les comptes</p>
+
+            <DocSection title="Qu'est-ce qu'une ecriture comptable ?">
+                <DocParagraph>
+                    Une ecriture comptable est l'enregistrement d'une operation economique dans
+                    les comptes. Chaque ecriture traduit un evenement reel (achat, vente, paiement...)
+                    en langage comptable.
+                </DocParagraph>
+                <DocParagraph>
+                    Comme vu dans l'<DocLink to="/docs/comptabilite/introduction">introduction</DocLink>,
+                    chaque ecriture respecte le principe de la partie double : elle affecte au moins
+                    deux comptes et le total des debits egale le total des credits.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le journal : registre chronologique">
+                <DocParagraph>
+                    Le <strong>journal</strong> est le document fondamental de la comptabilite. Il enregistre
+                    toutes les ecritures dans l'ordre chronologique, creant ainsi une trace complete
+                    et inalterable de l'activite de l'entreprise.
+                </DocParagraph>
+                <DocParagraph>
+                    Le journal a une valeur juridique : il constitue une preuve en cas de litige
+                    ou de controle fiscal. C'est pourquoi les ecritures ne doivent jamais etre effacees,
+                    mais corrigees par des ecritures de contre-passation si necessaire.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Structure d'une ecriture">
+                <DocParagraph>
+                    Une ecriture comptable complete contient les elements suivants :
+                </DocParagraph>
+                <DocList items={[
+                    "La date de l'operation",
+                    "Le numero de piece justificative",
+                    "Le libelle (description de l'operation)",
+                    "Les comptes mouvementes avec leurs montants au debit ou au credit",
+                    "Le journal dans lequel elle est enregistree"
+                ]} />
+
+                <DocExample title="Ecriture d'achat de fournitures">
+                    <p className="font-medium mb-2">Achat de fournitures de bureau - 120 euros TTC paye par cheque</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["606100", "Fournitures de bureau", "100,00", ""],
+                            ["445660", "TVA deductible", "20,00", ""],
+                            ["512000", "Banque", "", "120,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">Total debit = Total credit = 120,00 euros</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les journaux auxiliaires">
+                <DocParagraph>
+                    Pour faciliter l'organisation, les ecritures sont regroupees dans des journaux
+                    auxiliaires selon leur nature. Cela permet de repartir le travail et de verifier
+                    plus facilement les operations.
+                </DocParagraph>
+
+                <DocDefinition
+                    term="Journal des achats (HA)"
+                    definition="Enregistre toutes les factures fournisseurs recues. On y trouve les achats a credit avant leur reglement."
+                />
+                <DocDefinition
+                    term="Journal des ventes (VE)"
+                    definition="Enregistre toutes les factures clients emises. On y trouve les ventes a credit avant leur encaissement."
+                />
+                <DocDefinition
+                    term="Journal de banque (BQ)"
+                    definition="Enregistre tous les mouvements du compte bancaire : encaissements, decaissements, virements."
+                />
+                <DocDefinition
+                    term="Journal de caisse (CA)"
+                    definition="Enregistre tous les mouvements d'especes : recettes et depenses en liquide."
+                />
+                <DocDefinition
+                    term="Journal des operations diverses (OD)"
+                    definition="Enregistre les operations qui ne rentrent pas dans les autres journaux : salaires, amortissements, regularisations, ecritures de cloture."
+                />
+            </DocSection>
+
+            <DocSection title="Operations a credit vs au comptant">
+                <DocParagraph>
+                    Une distinction importante existe entre les operations <strong>a credit</strong> (paiement differe)
+                    et les operations <strong>au comptant</strong> (paiement immediat).
+                </DocParagraph>
+
+                <DocExample title="Achat a credit (deux ecritures)">
+                    <p className="font-medium mb-2">1. Reception de la facture fournisseur (journal HA)</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["607000", "Achats de marchandises", "1 000,00", ""],
+                            ["445660", "TVA deductible", "200,00", ""],
+                            ["401000", "Fournisseurs", "", "1 200,00"],
+                        ]}
+                    />
+                    <p className="mt-4 font-medium mb-2">2. Reglement de la facture (journal BQ)</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["401000", "Fournisseurs", "1 200,00", ""],
+                            ["512000", "Banque", "", "1 200,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">La premiere ecriture cree la dette, la seconde l'eteint.</p>
+                </DocExample>
+
+                <DocExample title="Achat au comptant (une seule ecriture)">
+                    <p className="font-medium mb-2">Achat paye immediatement par carte bancaire</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["607000", "Achats de marchandises", "1 000,00", ""],
+                            ["445660", "TVA deductible", "200,00", ""],
+                            ["512000", "Banque", "", "1 200,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">Pas de passage par le compte fournisseur car le paiement est immediat.</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Types d'operations courantes">
+                <DocExample title="Vente a credit puis encaissement">
+                    <p className="font-medium mb-2">1. Emission de la facture client (journal VE)</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["411000", "Clients", "600,00", ""],
+                            ["706000", "Prestations de services", "", "500,00"],
+                            ["445710", "TVA collectee", "", "100,00"],
+                        ]}
+                    />
+                    <p className="mt-4 font-medium mb-2">2. Encaissement du client (journal BQ)</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["512000", "Banque", "600,00", ""],
+                            ["411000", "Clients", "", "600,00"],
+                        ]}
+                    />
+                </DocExample>
+
+                <DocExample title="Reception d'une cotisation (association)">
+                    <p>Un adherent paye sa cotisation annuelle de 50 euros en especes.</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["530000", "Caisse", "50,00", ""],
+                            ["756000", "Cotisations", "", "50,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">La caisse augmente (debit), les produits augmentent (credit).</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="La TVA dans les ecritures">
+                <DocParagraph>
+                    Si votre organisation est assujettie a la TVA, chaque operation doit distinguer
+                    le montant hors taxes (HT) et la TVA. Le compte Etat joue un role central.
+                </DocParagraph>
+
+                <DocList items={[
+                    "Sur les achats : la TVA payee est deductible (compte 4456) - l'Etat vous doit cette somme",
+                    "Sur les ventes : la TVA facturee est collectee (compte 4457) - vous devez cette somme a l'Etat",
+                    "La difference (collectee - deductible) est versee a l'Etat (ou remboursee si negative)"
+                ]} />
+
+                <DocExample title="Declaration de TVA">
+                    <p className="mb-2">A la fin du mois, vous avez :</p>
+                    <ul className="ml-4 text-sm">
+                        <li>TVA collectee (4457) : 500 euros (crediteur)</li>
+                        <li>TVA deductible (4456) : 300 euros (debiteur)</li>
+                    </ul>
+                    <p className="mt-2 font-medium">Ecriture de liquidation de TVA :</p>
+                    <DocTable
+                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        rows={[
+                            ["445710", "TVA collectee", "500,00", ""],
+                            ["445660", "TVA deductible", "", "300,00"],
+                            ["445510", "TVA a decaisser", "", "200,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">Vous devez 200 euros a l'Etat (difference entre collectee et deductible).</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Controle des ecritures">
+                <DocParagraph>
+                    La <strong>balance</strong> permet de verifier que toutes les ecritures sont equilibrees.
+                    Elle liste tous les comptes avec :
+                </DocParagraph>
+                <DocList items={[
+                    "Le total des mouvements au debit",
+                    "Le total des mouvements au credit",
+                    "Le solde (debiteur ou crediteur)"
+                ]} />
+                <DocParagraph>
+                    Si le total des debits n'egale pas le total des credits, c'est qu'une erreur
+                    s'est glissee quelque part. La balance doit toujours etre equilibree.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Lien avec Arrhes">
+                <DocParagraph>
+                    Dans Arrhes, la <DocLink to="/docs/guide/ecritures">saisie des ecritures</DocLink>{" "}
+                    est simplifiee. Le logiciel verifie automatiquement l'equilibre debit/credit
+                    et vous guide dans le choix des comptes. Vous pouvez egalement creer des modeles
+                    d'ecritures pour les operations repetitives.
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/comptabilite/documents"
+                label="Les documents comptables"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/comptabilite/introduction.tsx b/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
new file mode 100644
index 0000000..5c40f9a
--- /dev/null
+++ b/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
@@ -0,0 +1,123 @@
+import { DocDefinition } from "../../../components/document/docDefinition.tsx";
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+
+
+export function ComptabiliteIntroduction() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Introduction a la comptabilite</h1>
+            <p className="text-neutral/50 mb-8">Comprendre les fondamentaux de la comptabilite</p>
+
+            <DocSection title="Qu'est-ce que la comptabilite ?">
+                <DocParagraph>
+                    La comptabilite est un systeme d'organisation de l'information financiere.
+                    Elle permet d'enregistrer, classer et analyser toutes les operations economiques
+                    d'une organisation (entreprise, association, etc.).
+                </DocParagraph>
+                <DocParagraph>
+                    A l'origine, la comptabilite est nee du besoin de controler les mouvements d'argent
+                    et de limiter les risques de detournement. Pour cela, seule une personne designee
+                    (le caissier) est habilitee a percevoir et verser de l'argent, et toutes les operations
+                    doivent etre justifiees par des pieces.
+                </DocParagraph>
+                <DocParagraph>
+                    En termes simples, la comptabilite repond a deux questions essentielles :
+                </DocParagraph>
+                <DocList items={[
+                    "D'ou vient l'argent ? (les ressources)",
+                    "Ou va l'argent ? (les emplois)"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Pourquoi tenir une comptabilite ?">
+                <DocParagraph>
+                    La tenue d'une comptabilite est obligatoire pour la plupart des structures en France.
+                    Au-dela de l'obligation legale, elle offre plusieurs avantages :
+                </DocParagraph>
+                <DocList items={[
+                    "Connaitre la situation financiere de votre organisation a tout moment",
+                    "Prendre des decisions eclairees basees sur des chiffres reels",
+                    "Justifier vos operations aupres de l'administration fiscale",
+                    "Calculer le benefice ou la perte de l'exercice",
+                    "Communiquer avec vos partenaires (banques, fournisseurs, membres)"
+                ]} />
+            </DocSection>
+
+            <DocSection title="L'exercice comptable">
+                <DocParagraph>
+                    Le temps est decoupe en periodes appelees <strong>exercices</strong>, generalement d'un an.
+                    A la fin de chaque exercice, l'entreprise doit calculer son resultat (benefice ou perte)
+                    et presenter ses comptes.
+                </DocParagraph>
+                <DocDefinition
+                    term="Exercice comptable"
+                    definition="Periode de 12 mois (generalement l'annee civile) pendant laquelle on enregistre les operations. A la fin de l'exercice, on etablit les documents de synthese (bilan, compte de resultat)."
+                />
+                <DocParagraph>
+                    Le benefice de l'exercice est la difference entre le patrimoine de fin d'exercice
+                    et le patrimoine initial. Si l'entreprise a reussi dans ses activites, elle dispose
+                    a la fin de l'exercice d'un patrimoine superieur a celui du debut.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Les principes fondamentaux">
+                <DocDefinition
+                    term="Partie double"
+                    definition="Chaque operation comptable affecte au moins deux comptes : l'un est debite, l'autre est credite. Le total des debits doit toujours etre egal au total des credits. Ce principe garantit l'equilibre de la comptabilite."
+                />
+                <DocDefinition
+                    term="Piece justificative"
+                    definition="Document qui prouve la realite d'une operation (facture, releve bancaire, ticket de caisse...). Chaque ecriture comptable doit etre justifiee par une piece. C'est le fondement du controle comptable."
+                />
+                <DocDefinition
+                    term="Enregistrement chronologique"
+                    definition="Les ecritures doivent etre passees regulierement dans l'ordre chronologique. Tout retour en arriere est impossible : les erreurs sont corrigees par des ecritures de sens contraire, jamais effacees."
+                />
+
+                <DocExample title="La partie double en action">
+                    <p>Vous achetez des fournitures de bureau pour 100 euros en especes.</p>
+                    <p className="mt-2">Cette operation se traduit par :</p>
+                    <ul className="mt-1 ml-4">
+                        <li>Debit du compte Fournitures : +100 euros (vous avez plus de fournitures)</li>
+                        <li>Credit du compte Caisse : -100 euros (vous avez moins d'especes)</li>
+                    </ul>
+                    <p className="mt-2">Total debits = Total credits = 100 euros</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Vocabulaire essentiel">
+                <DocDefinition
+                    term="Debit"
+                    definition="Cote gauche d'un compte. Le mot vient du latin debere (devoir) : il indique que le caissier doit pouvoir rendre l'argent entre dans sa caisse. Pour les comptes d'actif et de charges, un debit represente une augmentation."
+                />
+                <DocDefinition
+                    term="Credit"
+                    definition="Cote droit d'un compte. Le mot vient du latin credere (croire) : en echange d'une sortie d'argent, le caissier recoit une piece justificative qui lui permet d'etre cru lors d'un controle. Pour les comptes de passif et de produits, un credit represente une augmentation."
+                />
+                <DocDefinition
+                    term="Solde"
+                    definition="Difference entre le total des debits et le total des credits d'un compte. Un compte est debiteur si les debits sont superieurs aux credits, crediteur dans le cas contraire."
+                />
+            </DocSection>
+
+            <DocSection title="Lien avec Arrhes">
+                <DocParagraph>
+                    Ces concepts sont directement appliques dans Arrhes. Lorsque vous{" "}
+                    <DocLink to="/docs/guide/ecritures">saisissez une ecriture</DocLink>,
+                    le logiciel vous demande de specifier les comptes a debiter et a crediter,
+                    et verifie automatiquement que l'equilibre est respecte.
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/comptabilite/comptes"
+                label="Les comptes comptables"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/documentationIndex.tsx b/packages/dashboard/src/features/docs/documentationIndex.tsx
new file mode 100644
index 0000000..c01819c
--- /dev/null
+++ b/packages/dashboard/src/features/docs/documentationIndex.tsx
@@ -0,0 +1,193 @@
+import { css } from "../../utilities/cn.js"
+import { IconBook, IconChevronRight, IconLayout } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { DocIndexLink } from "../../components/document/docIndexLink.js"
+
+
+export function DocumentationIndex() {
+    return (
+        <div>
+            <h1 className={css({
+                fontSize: "3xl",
+                fontWeight: "bold",
+                mb: "4"
+            })}>Documentation</h1>
+            <p className={css({
+                color: "neutral/70",
+                mb: "8",
+                fontSize: "lg"
+            })}>
+                Bienvenue dans la documentation d'Arrhes. Que vous soyez debutant en comptabilite
+                ou que vous cherchiez a maitriser le logiciel, vous trouverez ici toutes les ressources necessaires.
+            </p>
+
+            <div className={css({
+                display: "grid",
+                gridTemplateColumns: { md: "2" },
+                gap: "6"
+            })}>
+                {/* Cours de comptabilite */}
+                <div className={css({
+                    p: "6",
+                    rounded: "lg",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    bg: "white"
+                })}>
+                    <div className={css({
+                        w: "12",
+                        h: "12",
+                        rounded: "lg",
+                        bg: "information/10",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        mb: "4"
+                    })}>
+                        <IconBook className={css({ w: "6", h: "6", color: "information" })} />
+                    </div>
+                    <h2 className={css({
+                        fontSize: "xl",
+                        fontWeight: "semibold",
+                        mb: "2"
+                    })}>Cours de comptabilite</h2>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        mb: "4"
+                    })}>
+                        Apprenez les bases de la comptabilite francaise. Ce cours est concu pour les
+                        personnes sans formation comptable qui souhaitent comprendre les principes essentiels.
+                    </p>
+                    <div className={css({ spaceY: "2", mb: "4" })}>
+                        <DocIndexLink
+                            to="/docs/comptabilite/introduction"
+                            label="- Introduction a la comptabilite"
+                        />
+                        <DocIndexLink
+                            to="/docs/comptabilite/comptes"
+                            label="- Les comptes comptables"
+                        />
+                        <DocIndexLink
+                            to="/docs/comptabilite/ecritures"
+                            label="- Les ecritures comptables"
+                        />
+                        <DocIndexLink
+                            to="/docs/comptabilite/documents"
+                            label="- Les documents de synthese"
+                        />
+                    </div>
+                    <Link
+                        to="/docs/comptabilite/introduction"
+                        className={css({
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "1",
+                            fontSize: "sm",
+                            fontWeight: "medium",
+                            color: "primary",
+                            _hover: { textDecoration: "underline" }
+                        })}
+                    >
+                        Commencer le cours
+                        <IconChevronRight className={css({ w: "4", h: "4" })} />
+                    </Link>
+                </div>
+
+                {/* Guide d'utilisation */}
+                <div className={css({
+                    p: "6",
+                    rounded: "lg",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    bg: "white"
+                })}>
+                    <div className={css({
+                        w: "12",
+                        h: "12",
+                        rounded: "lg",
+                        bg: "success/10",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        mb: "4"
+                    })}>
+                        <IconLayout className={css({ w: "6", h: "6", color: "success" })} />
+                    </div>
+                    <h2 className={css({
+                        fontSize: "xl",
+                        fontWeight: "semibold",
+                        mb: "2"
+                    })}>Guide d'utilisation</h2>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        mb: "4"
+                    })}>
+                        Decouvrez comment utiliser Arrhes au quotidien. Ce guide vous accompagne
+                        pas a pas dans la prise en main du logiciel.
+                    </p>
+                    <div className={css({ spaceY: "2", mb: "4" })}>
+                        <DocIndexLink
+                            to="/docs/guide/demarrage"
+                            label="- Demarrer avec Arrhes"
+                        />
+                        <DocIndexLink
+                            to="/docs/guide/organisations"
+                            label="- Gerer les organisations"
+                        />
+                        <DocIndexLink
+                            to="/docs/guide/ecritures"
+                            label="- Saisir des ecritures"
+                        />
+                        <DocIndexLink
+                            to="/docs/guide/rapports"
+                            label="- Generer des rapports"
+                        />
+                    </div>
+                    <Link
+                        to="/docs/guide/demarrage"
+                        className={css({
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "1",
+                            fontSize: "sm",
+                            fontWeight: "medium",
+                            color: "primary",
+                            _hover: { textDecoration: "underline" }
+                        })}
+                    >
+                        Commencer le guide
+                        <IconChevronRight className={css({ w: "4", h: "4" })} />
+                    </Link>
+                </div>
+            </div>
+
+            {/* Quick tip */}
+            <div className={css({
+                mt: "8",
+                p: "4",
+                rounded: "lg",
+                bg: "warning/10",
+                border: "1px solid",
+                borderColor: "warning/20"
+            })}>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/80"
+                })}>
+                    <strong>Conseil :</strong> Si vous n'avez jamais fait de comptabilite, nous vous recommandons
+                    de commencer par le{" "}
+                    <Link to="/docs/comptabilite/introduction" className={css({
+                        color: "primary",
+                        _hover: { textDecoration: "underline" }
+                    })}>
+                        cours de comptabilite
+                    </Link>
+                    {" "}avant de consulter le guide d'utilisation. Cela vous permettra de mieux comprendre
+                    les concepts utilises dans le logiciel.
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/documentationLayout.tsx b/packages/dashboard/src/features/docs/documentationLayout.tsx
new file mode 100644
index 0000000..83e65b8
--- /dev/null
+++ b/packages/dashboard/src/features/docs/documentationLayout.tsx
@@ -0,0 +1,191 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconAbacus, IconBook, IconHome, IconLayout } from "@tabler/icons-react"
+import { Link, Outlet, useRouterState } from "@tanstack/react-router"
+import { css, cx } from "../../utilities/cn.js"
+
+
+const navigationItems = {
+    comptabilite: {
+        title: "Cours de comptabilite",
+        icon: <IconBook className={css({ w: "4", h: "4" })} />,
+        items: [
+            { path: "/docs/comptabilite/introduction", label: "Introduction" },
+            { path: "/docs/comptabilite/comptes", label: "Les comptes" },
+            { path: "/docs/comptabilite/ecritures", label: "Les ecritures" },
+            { path: "/docs/comptabilite/documents", label: "Les documents" },
+        ]
+    },
+    guide: {
+        title: "Guide d'utilisation",
+        icon: <IconLayout className={css({ w: "4", h: "4" })} />,
+        items: [
+            { path: "/docs/guide/demarrage", label: "Demarrage" },
+            { path: "/docs/guide/organisations", label: "Organisations" },
+            { path: "/docs/guide/ecritures", label: "Saisie des ecritures" },
+            { path: "/docs/guide/rapports", label: "Rapports" },
+        ]
+    }
+}
+
+
+export function DocumentationLayout() {
+    const pathname = useRouterState({ select: (s) => s.location.pathname })
+
+    return (
+        <div className={css({
+            w: "full",
+            minH: "screen",
+            display: "flex",
+            flexDir: "column"
+        })}>
+            {/* Header */}
+            <header className={css({
+                w: "full",
+                px: "6",
+                py: "4",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                borderBottom: "1px solid",
+                borderColor: "neutral/10",
+                bg: "white",
+                position: "sticky",
+                top: "0",
+                zIndex: "10"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4"
+                })}>
+                    <Link to="/" className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "2",
+                        fontSize: "xl",
+                        fontWeight: "semibold",
+                        color: "neutral"
+                    })}>
+                        <IconAbacus className={css({ w: "5", h: "5" })} />
+                        <span>Arrhes</span>
+                    </Link>
+                    <span className={css({ color: "neutral/30" })}>/</span>
+                    <Link to="/docs" className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        _hover: { color: "neutral" }
+                    })}>
+                        Documentation
+                    </Link>
+                </div>
+                <Link to="/dashboard">
+                    <ButtonContent
+                        variant="primary"
+                        text="Acceder a l'application"
+                    />
+                </Link>
+            </header>
+
+            <div className={css({ display: "flex", flex: "1" })}>
+                {/* Sidebar */}
+                <aside className={css({
+                    w: "64",
+                    borderRight: "1px solid",
+                    borderColor: "neutral/10",
+                    p: "4",
+                    bg: "white",
+                    position: "sticky",
+                    top: "57px",
+                    h: "calc(100vh - 57px)",
+                    overflowY: "auto"
+                })}>
+                    <nav className={css({
+                        display: "flex",
+                        flexDir: "column",
+                        gap: "6"
+                    })}>
+                        <Link
+                            to="/docs"
+                            className={cx(
+                                css({
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "2",
+                                    px: "3",
+                                    py: "2",
+                                    rounded: "md",
+                                    fontSize: "sm",
+                                    transition: "colors"
+                                }),
+                                css(pathname === "/docs"
+                                    ? { bg: "neutral/10", color: "neutral", fontWeight: "medium" }
+                                    : { color: "neutral/70", _hover: { bg: "neutral/5" } }
+                                )
+                            )}
+                        >
+                            <IconHome className={css({ w: "4", h: "4" })} />
+                            Accueil
+                        </Link>
+
+                        {Object.entries(navigationItems).map(([key, section]) => (
+                            <div key={key}>
+                                <div className={css({
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "2",
+                                    px: "3",
+                                    py: "2",
+                                    fontSize: "xs",
+                                    fontWeight: "medium",
+                                    color: "neutral/50",
+                                    textTransform: "uppercase",
+                                    letterSpacing: "wider"
+                                })}>
+                                    {section.icon}
+                                    {section.title}
+                                </div>
+                                <div className={css({
+                                    mt: "1",
+                                    display: "flex",
+                                    flexDir: "column",
+                                    gap: "1"
+                                })}>
+                                    {section.items.map((item) => (
+                                        <Link
+                                            key={item.path}
+                                            to={item.path}
+                                            className={cx(
+                                                css({
+                                                    px: "3",
+                                                    py: "2",
+                                                    rounded: "md",
+                                                    fontSize: "sm",
+                                                    transition: "colors"
+                                                }),
+                                                css(pathname === item.path
+                                                    ? { bg: "neutral/10", color: "neutral", fontWeight: "medium" }
+                                                    : { color: "neutral/70", _hover: { bg: "neutral/5" } }
+                                                )
+                                            )}
+                                        >
+                                            {item.label}
+                                        </Link>
+                                    ))}
+                                </div>
+                            </div>
+                        ))}
+                    </nav>
+                </aside>
+
+                {/* Main content */}
+                <main className={css({
+                    flex: "1",
+                    p: "8",
+                    maxW: "4xl"
+                })}>
+                    <Outlet />
+                </main>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/guide/demarrage.tsx b/packages/dashboard/src/features/docs/guide/demarrage.tsx
new file mode 100644
index 0000000..bce3982
--- /dev/null
+++ b/packages/dashboard/src/features/docs/guide/demarrage.tsx
@@ -0,0 +1,101 @@
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+
+
+export function GuideDemarrage() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Demarrer avec Arrhes</h1>
+            <p className="text-neutral/50 mb-8">Premiers pas pour configurer votre comptabilite</p>
+
+            <DocSection title="Creer un compte">
+                <DocParagraph>
+                    Pour commencer a utiliser Arrhes, vous devez d'abord creer un compte utilisateur.
+                    Rendez-vous sur la page d'inscription et renseignez votre adresse email et un mot de passe.
+                </DocParagraph>
+                <DocParagraph>
+                    Un email de confirmation vous sera envoye. Cliquez sur le lien pour activer votre compte.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Creer votre premiere organisation">
+                <DocParagraph>
+                    Une fois connecte, vous arrivez sur la page d'accueil. Si c'est votre premiere connexion,
+                    vous serez invite a creer une organisation.
+                </DocParagraph>
+                <DocList items={[
+                    "Cliquez sur Ajouter une organisation",
+                    "Choisissez le type : Entreprise ou Association",
+                    "Renseignez le nom de votre organisation",
+                    "Si c'est une entreprise, indiquez le numero SIREN (optionnel)"
+                ]} />
+                <DocParagraph>
+                    Vous pouvez gerer plusieurs organisations depuis le meme compte.
+                    Pratique si vous gerez une entreprise et une association !
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Creer un exercice comptable">
+                <DocParagraph>
+                    Apres avoir cree votre organisation, vous devez definir un exercice comptable.
+                    L'exercice correspond generalement a l'annee civile (du 1er janvier au 31 decembre),
+                    mais vous pouvez choisir d'autres dates.
+                </DocParagraph>
+                <DocExample title="Creer un exercice">
+                    <ol className="space-y-2">
+                        <li>1. Accedez a votre organisation</li>
+                        <li>2. Cliquez sur Ajouter un exercice</li>
+                        <li>3. Donnez un nom a l'exercice (ex : Exercice 2024)</li>
+                        <li>4. Definissez les dates de debut et de fin</li>
+                        <li>5. Validez</li>
+                    </ol>
+                </DocExample>
+                <DocParagraph>
+                    Le logiciel creera automatiquement un plan comptable adapte a votre type d'organisation.
+                    Vous pourrez le personnaliser par la suite si necessaire.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Comprendre l'interface">
+                <DocParagraph>
+                    L'interface d'Arrhes est organisee autour de plusieurs sections :
+                </DocParagraph>
+                <DocList items={[
+                    "Ecritures : pour saisir et consulter les operations comptables",
+                    "Pieces jointes : pour gerer les justificatifs (factures, releves...)",
+                    "Rapports : pour generer les documents de synthese",
+                    "Parametres : pour configurer le plan comptable, les journaux..."
+                ]} />
+                <DocParagraph>
+                    La navigation se fait via le menu lateral. Chaque section est accessible
+                    en un clic depuis n'importe quelle page.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Prerequis comptables">
+                <DocParagraph>
+                    Avant de commencer la saisie, assurez-vous de comprendre les bases de la comptabilite.
+                    Si vous n'avez jamais fait de comptabilite, nous vous recommandons de lire notre{" "}
+                    <DocLink to="/docs/comptabilite/introduction">cours d'introduction</DocLink>.
+                </DocParagraph>
+                <DocParagraph>
+                    Les concepts cles a maitriser sont :
+                </DocParagraph>
+                <DocList items={[
+                    "La partie double (debit = credit)",
+                    "Les classes de comptes (1 a 7)",
+                    "La difference entre bilan et compte de resultat"
+                ]} />
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/guide/organisations"
+                label="Gerer les organisations"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/guide/ecritures.tsx b/packages/dashboard/src/features/docs/guide/ecritures.tsx
new file mode 100644
index 0000000..af3dfd4
--- /dev/null
+++ b/packages/dashboard/src/features/docs/guide/ecritures.tsx
@@ -0,0 +1,141 @@
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+import { DocTable } from "../../../components/document/docTable.tsx";
+
+
+export function GuideEcritures() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Saisir des ecritures</h1>
+            <p className="text-neutral/50 mb-8">Enregistrer vos operations comptables dans Arrhes</p>
+
+            <DocSection title="Acceder a la saisie">
+                <DocParagraph>
+                    Pour saisir une ecriture, accedez a votre exercice comptable puis cliquez
+                    sur l'onglet Ecritures. Vous verrez la liste des ecritures existantes
+                    et un bouton pour en ajouter une nouvelle.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Creer une ecriture">
+                <DocParagraph>
+                    Chaque ecriture comptable necessite les informations suivantes :
+                </DocParagraph>
+                <DocList items={[
+                    "Date : la date de l'operation (ne peut pas etre en dehors de l'exercice)",
+                    "Journal : le type d'operation (Achats, Ventes, Banque...)",
+                    "Libelle : une description claire de l'operation",
+                    "Lignes : les comptes mouvementes avec leurs montants"
+                ]} />
+
+                <DocExample title="Etapes de saisie">
+                    <ol className="space-y-2">
+                        <li>1. Cliquez sur Nouvelle ecriture</li>
+                        <li>2. Selectionnez le journal (ex : Banque)</li>
+                        <li>3. Choisissez la date de l'operation</li>
+                        <li>4. Entrez un libelle descriptif (ex : Achat fournitures Papeterie Martin)</li>
+                        <li>5. Ajoutez les lignes d'ecriture (comptes et montants)</li>
+                        <li>6. Verifiez que l'equilibre debit = credit est respecte</li>
+                        <li>7. Enregistrez l'ecriture</li>
+                    </ol>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les lignes d'ecriture">
+                <DocParagraph>
+                    Chaque ligne d'ecriture correspond a un compte mouvemente.
+                    Vous devez indiquer :
+                </DocParagraph>
+                <DocList items={[
+                    "Le compte (vous pouvez le rechercher par numero ou par nom)",
+                    "Le montant au debit OU au credit (jamais les deux)"
+                ]} />
+                <DocParagraph>
+                    Rappel : comme explique dans le cours sur les{" "}
+                    <DocLink to="/docs/comptabilite/ecritures">ecritures comptables</DocLink>,
+                    le total des debits doit toujours etre egal au total des credits.
+                </DocParagraph>
+
+                <DocExample title="Ecriture de paiement fournisseur">
+                    <p className="mb-2">Vous payez une facture de 500 euros par virement bancaire :</p>
+                    <DocTable
+                        headers={["Compte", "Debit", "Credit"]}
+                        rows={[
+                            ["401000 - Fournisseurs", "500,00", ""],
+                            ["512000 - Banque", "", "500,00"],
+                        ]}
+                    />
+                    <p className="mt-2 text-xs">
+                        Explication : la dette fournisseur diminue (debit d'un compte de passif),
+                        la banque diminue (credit d'un compte d'actif).
+                    </p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Joindre un justificatif">
+                <DocParagraph>
+                    Chaque ecriture devrait etre justifiee par une piece (facture, releve bancaire, ticket...).
+                    Arrhes vous permet de joindre des fichiers numeriques a vos ecritures.
+                </DocParagraph>
+                <DocList items={[
+                    "Formats acceptes : PDF, images (JPG, PNG)",
+                    "Taille maximale : 10 Mo par fichier",
+                    "Vous pouvez joindre plusieurs fichiers a une meme ecriture"
+                ]} />
+                <DocExample title="Ajouter une piece jointe">
+                    <ol className="space-y-1">
+                        <li>1. Ouvrez l'ecriture concernee</li>
+                        <li>2. Cliquez sur Ajouter une piece jointe</li>
+                        <li>3. Selectionnez le fichier sur votre ordinateur</li>
+                        <li>4. Le fichier est automatiquement associe a l'ecriture</li>
+                    </ol>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Modifier ou supprimer une ecriture">
+                <DocParagraph>
+                    Vous pouvez modifier ou supprimer une ecriture tant que l'exercice n'est pas cloture.
+                    Pour cela, ouvrez l'ecriture et utilisez les boutons correspondants.
+                </DocParagraph>
+                <DocParagraph>
+                    <strong>Attention :</strong> en comptabilite, il est generalement preferable de
+                    passer une ecriture de correction plutot que de supprimer une ecriture erronee.
+                    Cela permet de garder une trace de l'erreur et de sa correction.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Rechercher des ecritures">
+                <DocParagraph>
+                    La liste des ecritures peut etre filtree et triee selon plusieurs criteres :
+                </DocParagraph>
+                <DocList items={[
+                    "Par date (periode)",
+                    "Par journal",
+                    "Par compte",
+                    "Par libelle (recherche textuelle)"
+                ]} />
+                <DocParagraph>
+                    Utilisez les filtres en haut de la liste pour affiner votre recherche.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Conseils pratiques">
+                <DocList items={[
+                    "Saisissez vos ecritures regulierement (idealement chaque semaine) pour ne pas accumuler de retard",
+                    "Utilisez des libelles clairs et coherents pour faciliter les recherches",
+                    "Numerisez et joignez vos justificatifs au fur et a mesure",
+                    "Verifiez regulierement vos soldes bancaires avec vos releves"
+                ]} />
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/guide/rapports"
+                label="Generer des rapports"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/guide/organisations.tsx b/packages/dashboard/src/features/docs/guide/organisations.tsx
new file mode 100644
index 0000000..85da555
--- /dev/null
+++ b/packages/dashboard/src/features/docs/guide/organisations.tsx
@@ -0,0 +1,132 @@
+import { DocDefinition } from "../../../components/document/docDefinition.tsx";
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocLink } from "../../../components/document/docLink.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocNextPage } from "../../../components/document/docNextPage.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+
+
+export function GuideOrganisations() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Gerer les organisations</h1>
+            <p className="text-neutral/50 mb-8">Configuration et administration de vos structures</p>
+
+            <DocSection title="Types d'organisations">
+                <DocParagraph>
+                    Arrhes supporte deux types d'organisations, chacun avec un plan comptable adapte :
+                </DocParagraph>
+                <DocDefinition
+                    term="Entreprise"
+                    definition="Plan comptable general (PCG) adapte aux societes commerciales. Inclut les comptes de TVA, de capital social, etc."
+                />
+                <DocDefinition
+                    term="Association"
+                    definition="Plan comptable des associations. Inclut les comptes specifiques comme les cotisations (756), les subventions (74), les fonds associatifs..."
+                />
+                <DocParagraph>
+                    Le type d'organisation est defini a la creation et ne peut pas etre modifie ensuite.
+                    Si vous avez fait une erreur, vous devrez creer une nouvelle organisation.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Parametres de l'organisation">
+                <DocParagraph>
+                    Chaque organisation possede des parametres que vous pouvez modifier :
+                </DocParagraph>
+                <DocList items={[
+                    "Nom : le nom affiche dans l'interface",
+                    "SIREN : le numero d'identification (pour les entreprises)",
+                    "Email de contact : pour les notifications et rapports"
+                ]} />
+                <DocExample title="Modifier les parametres">
+                    <ol className="space-y-1">
+                        <li>1. Accedez a votre organisation</li>
+                        <li>2. Cliquez sur l'onglet Parametres</li>
+                        <li>3. Modifiez les informations souhaitees</li>
+                        <li>4. Enregistrez les modifications</li>
+                    </ol>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Gestion des membres">
+                <DocParagraph>
+                    Vous pouvez inviter d'autres personnes a acceder a votre organisation.
+                    Chaque membre peut avoir des droits differents.
+                </DocParagraph>
+                <DocDefinition
+                    term="Administrateur"
+                    definition="Acces complet : peut modifier les parametres, inviter des membres, supprimer l'organisation."
+                />
+                <DocDefinition
+                    term="Membre"
+                    definition="Acces limite : peut saisir des ecritures et consulter les rapports, mais ne peut pas modifier les parametres."
+                />
+                <DocExample title="Inviter un membre">
+                    <ol className="space-y-1">
+                        <li>1. Allez dans Parametres - Membres</li>
+                        <li>2. Cliquez sur Inviter un membre</li>
+                        <li>3. Entrez l'adresse email de la personne</li>
+                        <li>4. Choisissez son role (Administrateur ou Membre)</li>
+                        <li>5. Envoyez l'invitation</li>
+                    </ol>
+                    <p className="mt-2">La personne recevra un email avec un lien pour rejoindre l'organisation.</p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les exercices comptables">
+                <DocParagraph>
+                    Chaque organisation contient un ou plusieurs exercices comptables.
+                    Un exercice represente une periode (generalement 12 mois) pendant laquelle
+                    vous enregistrez vos operations.
+                </DocParagraph>
+                <DocParagraph>
+                    Pour comprendre ce qu'est un exercice comptable, consultez la page sur les{" "}
+                    <DocLink to="/docs/comptabilite/introduction">principes fondamentaux</DocLink>.
+                </DocParagraph>
+                <DocList items={[
+                    "Vous ne pouvez avoir qu'un seul exercice en cours a la fois",
+                    "Les exercices clotures ne peuvent plus etre modifies",
+                    "A la cloture, le resultat est reporte dans l'exercice suivant"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Configuration du plan comptable">
+                <DocParagraph>
+                    Le plan comptable est la liste des comptes disponibles pour saisir vos ecritures.
+                    Arrhes cree automatiquement un plan comptable standard, mais vous pouvez le personnaliser.
+                </DocParagraph>
+                <DocExample title="Ajouter un compte">
+                    <ol className="space-y-1">
+                        <li>1. Accedez a l'exercice concerne</li>
+                        <li>2. Allez dans Parametres - Comptes</li>
+                        <li>3. Cliquez sur Ajouter un compte</li>
+                        <li>4. Definissez le numero et l'intitule du compte</li>
+                        <li>5. Enregistrez</li>
+                    </ol>
+                    <p className="mt-2">
+                        Pour comprendre la numerotation des comptes, consultez la page sur les{" "}
+                        <DocLink to="/docs/comptabilite/comptes">comptes comptables</DocLink>.
+                    </p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les journaux">
+                <DocParagraph>
+                    Les journaux permettent de classer vos ecritures par type d'operation.
+                    Des journaux par defaut sont crees automatiquement (Achats, Ventes, Banque, Caisse, Operations diverses).
+                </DocParagraph>
+                <DocParagraph>
+                    Vous pouvez creer des journaux supplementaires si necessaire (ex : un journal par compte bancaire
+                    si vous en avez plusieurs).
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/docs/guide/ecritures"
+                label="Saisir des ecritures"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/guide/rapports.tsx b/packages/dashboard/src/features/docs/guide/rapports.tsx
new file mode 100644
index 0000000..4f1c5cc
--- /dev/null
+++ b/packages/dashboard/src/features/docs/guide/rapports.tsx
@@ -0,0 +1,163 @@
+import { DocExample } from "../../../components/document/docExample.tsx";
+import { DocList } from "../../../components/document/docList.tsx";
+import { DocParagraph } from "../../../components/document/docParagraph.tsx";
+import { DocSection } from "../../../components/document/docSection.tsx";
+import { DocTable } from "../../../components/document/docTable.tsx";
+
+
+export function GuideRapports() {
+    return (
+        <div>
+            <h1 className="text-3xl font-bold mb-2">Generer des rapports</h1>
+            <p className="text-neutral/50 mb-8">Produire vos documents comptables et analyser vos donnees</p>
+
+            <DocSection title="Les rapports disponibles">
+                <DocParagraph>
+                    Arrhes vous permet de generer les principaux documents comptables
+                    necessaires a la gestion de votre entreprise et a vos obligations legales.
+                </DocParagraph>
+                <DocList items={[
+                    "Grand livre : detail de tous les mouvements par compte",
+                    "Balance : situation de chaque compte (soldes debiteurs et crediteurs)",
+                    "Journal : liste chronologique de toutes les ecritures",
+                    "Bilan : situation patrimoniale de l'entreprise (actif/passif)",
+                    "Compte de resultat : synthese des produits et charges de l'exercice"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Acceder aux rapports">
+                <DocParagraph>
+                    Pour generer un rapport, accedez a votre exercice comptable puis cliquez
+                    sur l'onglet Rapports. Selectionnez ensuite le type de document souhaite.
+                </DocParagraph>
+                <DocExample title="Generer une balance">
+                    <ol className="space-y-1">
+                        <li>1. Ouvrez l'exercice comptable concerne</li>
+                        <li>2. Cliquez sur Rapports dans le menu</li>
+                        <li>3. Selectionnez Balance</li>
+                        <li>4. Choisissez la periode (optionnel)</li>
+                        <li>5. Cliquez sur Generer</li>
+                    </ol>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Le Grand livre">
+                <DocParagraph>
+                    Le grand livre presente le detail de tous les mouvements pour chaque compte.
+                    C'est le document de reference pour verifier l'historique d'un compte.
+                </DocParagraph>
+                <DocList items={[
+                    "Affiche chaque ecriture avec sa date, son libelle et son montant",
+                    "Calcule le solde progressif apres chaque mouvement",
+                    "Peut etre filtre par compte ou par periode",
+                    "Utile pour pointer les ecarts et comprendre l'evolution d'un compte"
+                ]} />
+            </DocSection>
+
+            <DocSection title="La Balance">
+                <DocParagraph>
+                    La balance presente la situation de chaque compte avec le total des debits,
+                    le total des credits et le solde. Elle permet de verifier l'equilibre comptable.
+                </DocParagraph>
+                <DocExample title="Extrait de balance">
+                    <DocTable
+                        headers={["Compte", "Libelle", "Total Debit", "Total Credit", "Solde"]}
+                        rows={[
+                            ["411000", "Clients", "15 000,00", "12 000,00", "3 000,00 D"],
+                            ["401000", "Fournisseurs", "8 000,00", "10 000,00", "2 000,00 C"],
+                            ["512000", "Banque", "45 000,00", "38 000,00", "7 000,00 D"],
+                        ]}
+                    />
+                </DocExample>
+                <DocParagraph>
+                    <strong>Verification :</strong> le total des soldes debiteurs doit toujours
+                    etre egal au total des soldes crediteurs.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le Bilan">
+                <DocParagraph>
+                    Le bilan presente la situation patrimoniale de l'entreprise a une date donnee.
+                    Il est structure en deux parties equilibrees :
+                </DocParagraph>
+                <DocList items={[
+                    "L'actif : ce que l'entreprise possede (immobilisations, stocks, creances, tresorerie)",
+                    "Le passif : les ressources de l'entreprise (capitaux propres, emprunts, dettes)"
+                ]} />
+                <DocParagraph>
+                    Le bilan est generalement produit a la cloture de l'exercice pour les
+                    comptes annuels, mais peut aussi etre genere a tout moment pour un suivi intermediaire.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le Compte de resultat">
+                <DocParagraph>
+                    Le compte de resultat presente les produits et les charges de l'exercice,
+                    et calcule le resultat (benefice ou perte).
+                </DocParagraph>
+                <DocExample title="Structure simplifiee">
+                    <DocTable
+                        headers={["Element", "Montant"]}
+                        rows={[
+                            ["Chiffre d'affaires", "100 000,00"],
+                            ["Achats et charges externes", "- 60 000,00"],
+                            ["Charges de personnel", "- 25 000,00"],
+                            ["Autres charges", "- 5 000,00"],
+                            ["Resultat", "10 000,00"],
+                        ]}
+                    />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Exporter les rapports">
+                <DocParagraph>
+                    Tous les rapports peuvent etre exportes dans plusieurs formats
+                    pour etre archives ou transmis a votre expert-comptable.
+                </DocParagraph>
+                <DocList items={[
+                    "PDF : format ideal pour l'archivage et l'impression",
+                    "Excel (XLSX) : pour retravailler les donnees dans un tableur",
+                    "CSV : format universel compatible avec tous les logiciels"
+                ]} />
+                <DocExample title="Exporter un rapport">
+                    <ol className="space-y-1">
+                        <li>1. Generez le rapport souhaite</li>
+                        <li>2. Cliquez sur le bouton Exporter</li>
+                        <li>3. Selectionnez le format (PDF, Excel, CSV)</li>
+                        <li>4. Le fichier est telecharge sur votre ordinateur</li>
+                    </ol>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Filtrer par periode">
+                <DocParagraph>
+                    La plupart des rapports peuvent etre filtres par periode pour analyser
+                    une portion specifique de l'exercice (mois, trimestre...).
+                </DocParagraph>
+                <DocList items={[
+                    "Selectionnez une date de debut et une date de fin",
+                    "Les rapports n'incluront que les ecritures de cette periode",
+                    "Utile pour les declarations periodiques (TVA mensuelle, trimestrielle...)"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Conseils pratiques">
+                <DocList items={[
+                    "Generez une balance chaque mois pour verifier la coherence de vos saisies",
+                    "Comparez vos soldes bancaires avec vos releves pour detecter les ecarts",
+                    "Archivez vos rapports PDF pour conserver une trace datee",
+                    "Transmettez les exports a votre expert-comptable pour la revision annuelle"
+                ]} />
+            </DocSection>
+
+            <div className="mt-12 p-6 rounded-lg bg-positive/10 border border-positive/20">
+                <h3 className="font-semibold text-positive mb-2">Felicitations !</h3>
+                <p className="text-sm text-neutral/80">
+                    Vous avez termine le guide d'utilisation d'Arrhes. Vous maitrisez maintenant
+                    les fonctionnalites essentielles pour gerer votre comptabilite. N'hesitez pas
+                    a consulter le cours de comptabilite si vous souhaitez approfondir vos connaissances.
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/error/errorPage.tsx b/packages/dashboard/src/features/error/errorPage.tsx
index 78ef5c6..7921e7a 100644
--- a/packages/dashboard/src/features/error/errorPage.tsx
+++ b/packages/dashboard/src/features/error/errorPage.tsx
@@ -1,11 +1,12 @@
-
-
-export function ErrorPage() {
-    return (
-        <div className="min-w-full w-full max-w-full min-h-full h-full max-h-full overflow-auto flex flex-col justify-center items-center">
-            <p className="text-error text-sm">
-                Erreur
-            </p>
-        </div>
-    )
+import { css } from "../../utilities/cn.js"
+
+
+export function ErrorPage() {
+    return (
+        <div className={css({ minW: "full", w: "full", maxW: "full", minH: "full", h: "full", maxH: "full", overflow: "auto", display: "flex", flexDir: "column", justifyContent: "center", alignItems: "center" })}>
+            <p className={css({ color: "error", fontSize: "sm" })}>
+                Erreur
+            </p>
+        </div>
+    )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/home/documentationBanner.tsx b/packages/dashboard/src/features/home/documentationBanner.tsx
deleted file mode 100644
index d1fe0a8..0000000
--- a/packages/dashboard/src/features/home/documentationBanner.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { IconExternalLink } from "@tabler/icons-react"
-
-
-export function DocumentationBanner() {
-    return (
-        <Box className="p-8 gap-4">
-            <div className="flex flex-col justify-start items-start">
-                <h2 className="text-2xl">Documentation</h2>
-                <p className="text-neutral/50">Collaborative et ouverte</p>
-            </div>
-            <a
-                href="https://documentation.arrhes.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="w-fit"
-                aria-label="Adresse de la documentation"
-            >
-                <ButtonPlainContent
-                    icon={<IconExternalLink />}
-                    text="Consulter la documentation"
-                />
-            </a>
-        </Box>
-    )
-}
diff --git a/packages/dashboard/src/features/home/organizationsBanner.tsx b/packages/dashboard/src/features/home/organizationsBanner.tsx
deleted file mode 100644
index 51bcf4f..0000000
--- a/packages/dashboard/src/features/home/organizationsBanner.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { Box } from "#/components/layouts/box.js"
-import { IconBuilding } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-
-
-export function OrganizationsBanner() {
-    return (
-        <Box className="p-8 gap-4">
-            <div className="flex flex-col justify-start items-start">
-                <h2 className="text-2xl">Mes organisations</h2>
-                <p className="text-neutral/50">Que vous avez créées ou auxquelles vous avez été invité</p>
-            </div>
-            <Link
-                to="/organisations"
-                className="w-fit"
-            >
-                <ButtonPlainContent
-                    icon={<IconBuilding />}
-                    text="Voir mes organisations"
-                />
-            </Link>
-        </Box>
-    )
-}
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
deleted file mode 100644
index 05f90b1..0000000
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js";
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js";
-import { Box } from "#/components/layouts/box.js";
-import { Section } from "#/components/layouts/section/section.js";
-import { AccountsTable } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.js";
-import { CreateOneAccount } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.js";
-import { GenerateAccounts } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.js";
-import { accountsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.js";
-import { IconPlus } from "@tabler/icons-react";
-import { useParams } from "@tanstack/react-router";
-
-
-export function AccountsPage() {
-    const params = useParams({ from: accountsRoute.id })
-
-    return (
-        <Section.Root>
-            <Section.Item>
-                <div className="w-full flex justify-end items-center gap-2">
-                    <CreateOneAccount
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonPlainContent
-                            icon={<IconPlus />}
-                            text="Ajouter un compte"
-                        />
-                    </CreateOneAccount>
-                    <GenerateAccounts
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonOutlineContent
-                            icon={<IconPlus />}
-                            text="Générer les comptes par défaut"
-                        />
-                    </GenerateAccounts>
-                </div>
-                <Box className="max-h-[640px]">
-                    <AccountsTable
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    />
-                </Box>
-            </Section.Item>
-        </Section.Root>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
deleted file mode 100644
index cd6dd46..0000000
--- a/packages/dashboard/src/features/organizations/$idOrganization/years/yearsPage.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { CreateOneYear } from "#/features/organizations/$idOrganization/years/createOneYear.js"
-import { yearsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsRoute.js"
-import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconCalendarPlus } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
-
-
-export function YearsPage() {
-    const params = useParams({ from: yearsRoute.id })
-
-    return (
-        <Page.Root>
-            <Page.Content>
-                <div className="w-full flex flex-col justify-start items-start gap-4">
-                    <div className="w-full flex justify-between items-center">
-                        <span className="text-2xl">
-                            Exercices fiscaux
-                        </span>
-                        <CreateOneYear
-                            idOrganization={params.idOrganization}
-                        >
-                            <ButtonPlainContent
-                                icon={<IconCalendarPlus />}
-                                text="Ajouter un exercice"
-                            />
-                        </CreateOneYear>
-                    </div>
-                    <Box>
-                        <DataWrapper
-                            routeDefinition={readAllYearsRouteDefinition}
-                            body={{
-                                idOrganization: params.idOrganization
-                            }}
-                        >
-                            {(years) => {
-                                if (years.length === 0) {
-                                    return (
-                                        <FormatNull
-                                            text="Aucune exercice"
-                                            className="p-4 w-full"
-                                        />
-                                    )
-                                }
-                                return (
-                                    <div className="h-fit w-full flex flex-col justify-start items-start">
-                                        {years.map((year) => {
-                                            return (
-                                                <Link
-                                                    key={year.id}
-                                                    to="/organisations/$idOrganization/exercices/$idYear"
-                                                    params={{
-                                                        idOrganization: params.idOrganization,
-                                                        idYear: year.id
-                                                    }}
-                                                    className="w-full p-2 border-b border-neutral/10 last:border-none flex justify-start items-center hover:bg-neutral/5 cursor-pointer"
-                                                >
-                                                    {year.label}
-                                                </Link>
-                                            )
-                                        })}
-                                    </div>
-                                )
-                            }}
-                        </DataWrapper>
-                    </Box>
-                </div>
-            </Page.Content>
-        </Page.Root>
-    )
-}
diff --git a/packages/dashboard/src/features/organizations/organizationsPage.tsx b/packages/dashboard/src/features/organizations/organizationsPage.tsx
deleted file mode 100644
index 6ce5dbc..0000000
--- a/packages/dashboard/src/features/organizations/organizationsPage.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ButtonPlainContent } from "#/components/buttons/buttonPlainContent.js"
-import { FormatNull } from "#/components/formats/formatNull.js"
-import { Box } from "#/components/layouts/box.js"
-import { DataWrapper } from "#/components/layouts/dataWrapper.js"
-import { Page } from "#/components/layouts/page/page.js"
-import { AddNewOrganization } from "#/features/organizations/addNewOrganization.js"
-import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconBuildingPlus } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-
-
-export function OrganizationsPage() {
-    return (
-        <Page.Root>
-            <Page.Content>
-                <div className="w-full flex flex-col justify-start items-start gap-4">
-                    <div className="w-full flex justify-between items-center">
-                        <span className="text-2xl">
-                            Organisations
-                        </span>
-                        <AddNewOrganization>
-                            <ButtonPlainContent
-                                icon={<IconBuildingPlus />}
-                                text="Ajouter une organisation"
-                            />
-                        </AddNewOrganization>
-                    </div>
-                    <Box>
-                        <DataWrapper
-                            routeDefinition={getAllMyOrganizationsRouteDefinition}
-                            body={{}}
-                        >
-                            {(organizationUsers) => {
-                                if (organizationUsers.length === 0) {
-                                    return (
-                                        <FormatNull
-                                            text="Aucune organisation"
-                                            className="p-2"
-                                        />
-                                    )
-                                }
-                                return (
-                                    <div className="h-fit w-full flex flex-col justify-start items-start">
-                                        {organizationUsers.map((organizationUser) => {
-                                            return (
-                                                <Link
-                                                    key={organizationUser.id}
-                                                    to="/organisations/$idOrganization"
-                                                    params={{
-                                                        idOrganization: organizationUser.organization.id
-                                                    }}
-                                                    className="w-full p-2 border-b border-neutral/10 last:border-none flex justify-start items-center hover:bg-neutral/5 cursor-pointer"
-                                                >
-                                                    {organizationUser.organization.name}
-                                                </Link>
-                                            )
-                                        })}
-                                    </div>
-                                )
-                            }}
-                        </DataWrapper>
-                    </Box>
-                </div>
-            </Page.Content>
-        </Page.Root>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
index af11bf1..f2459b1 100644
--- a/packages/dashboard/src/features/rootLayout.tsx
+++ b/packages/dashboard/src/features/rootLayout.tsx
@@ -1,20 +1,40 @@
-import { useDeviceDetect } from "#/utilities/useDeviceDetect.js"
-import { Outlet } from "@tanstack/react-router"
-
-
-export function RootLayout() {
-    const { isMobile } = useDeviceDetect()
-
-    if (isMobile === true) {
-        <div className="w-full h-full flex justify-center items-center bg-warning/5 p-4">
-            <span className="text-warning">
-                La plateforme n'est pas encore disponible sur mobile. Veuillez utiliser un ordinateur.
-            </span>
-        </div>
-    }
-    return (
-        <div className="relative min-h-full h-fit w-full max-w-full flex flex-col justify-start items-stretch overflow-auto">
-            <Outlet />
-        </div>
-    )
-}
+import { css } from "../utilities/cn.js"
+import { useDeviceDetect } from "../utilities/useDeviceDetect.js"
+import { Outlet } from "@tanstack/react-router"
+
+
+export function RootLayout() {
+    const { isMobile } = useDeviceDetect()
+
+    if (isMobile === true) {
+        <div className={css({
+            w: "full",
+            h: "full",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            bg: "warning/5",
+            p: "4"
+        })}>
+            <span className={css({ color: "warning" })}>
+                La plateforme n'est pas encore disponible sur mobile. Veuillez utiliser un ordinateur.
+            </span>
+        </div>
+    }
+    return (
+        <div className={css({
+            position: "relative",
+            minH: "full",
+            h: "fit",
+            w: "full",
+            maxW: "full",
+            display: "flex",
+            flexDir: "column",
+            justifyContent: "flex-start",
+            alignItems: "stretch",
+            overflow: "auto"
+        })}>
+            <Outlet />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index 657dcda..96a5d57 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -1,15 +1,16 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputPassword } from "#/components/inputs/inputPassword.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { postAPI } from "#/utilities/postAPI.js"
+import { ButtonContent } from "@arrhes/ui"
+import { FormControl } from "../../components/forms/formControl.js"
+import { FormError } from "../../components/forms/formError.js"
+import { FormField } from "../../components/forms/formField.js"
+import { FormItem } from "../../components/forms/formItem.js"
+import { FormLabel } from "../../components/forms/formLabel.js"
+import { FormRoot } from "../../components/forms/formRoot.js"
+import { InputPassword } from "../../components/inputs/inputPassword.js"
+import { InputText } from "../../components/inputs/inputText.js"
+import { toast } from "../../contexts/toasts/useToast.js"
+import { platformRouter } from "../../routes/platformRouter.js"
+import { css } from "../../utilities/cn.js"
+import { postAPI } from "../../utilities/postAPI.js"
 import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconLogin2 } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
@@ -18,20 +19,53 @@ import { Fragment } from "react/jsx-runtime"
 
 export function SignInPage() {
     return (
-        <div className="w-full h-full flex justify-center items-center">
-            <div className="w-full max-w-sm flex flex-col justify-center items-center gap-4">
-                <div className="w-full flex flex-col justify-start items-start gap-4 bg-white border border-neutral/10 rounded-md p-8">
-                    <span className="text-xl">
+        <div className={css({
+            w: "full",
+            h: "full",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+        })}>
+            <div className={css({
+                w: "full",
+                maxW: "sm",
+                display: "flex",
+                flexDir: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                gap: "4"
+            })}>
+                <div className={css({
+                    w: "full",
+                    display: "flex",
+                    flexDir: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "flex-start",
+                    gap: "4",
+                    bg: "white",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    rounded: "md",
+                    p: "8"
+                })}>
+                    <span className={css({ fontSize: "xl" })}>
                         Connexion
                     </span>
-                    <div className="w-full flex flex-col justify-start items-start gap-4">
+                    <div className={css({
+                        w: "full",
+                        display: "flex",
+                        flexDir: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "flex-start",
+                        gap: "4"
+                    })}>
                         <FormRoot
                             schema={signInRouteDefinition.schemas.body}
                             defaultValues={{}}
                             submitButtonProps={{
                                 icon: <IconLogin2 />,
                                 text: "Se connecter",
-                                className: "w-full justify-center"
+                                className: css({ w: "full", justifyContent: "center" })
                             }}
                             submitOnPressEnterKey={true}
                             onSubmit={async (data) => {
@@ -105,11 +139,12 @@ export function SignInPage() {
                         </FormRoot>
                         <Link
                             to="/inscription"
-                            className="w-full"
+                            className={css({ w: "full" })}
                         >
-                            <ButtonOutlineContent
+                            <ButtonContent
+                                variant="default"
                                 text="Pas de compte ?"
-                                className="w-full justify-center"
+                                className={css({ w: "full", justifyContent: "center" })}
                             />
                         </Link>
                     </div>
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index 269ef10..e84e980 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -1,15 +1,16 @@
-import { ButtonOutlineContent } from "#/components/buttons/buttonOutlineContent.js"
-import { FormControl } from "#/components/forms/formControl.js"
-import { FormError } from "#/components/forms/formError.js"
-import { FormField } from "#/components/forms/formField.js"
-import { FormItem } from "#/components/forms/formItem.js"
-import { FormLabel } from "#/components/forms/formLabel.js"
-import { FormRoot } from "#/components/forms/formRoot.js"
-import { InputPassword } from "#/components/inputs/inputPassword.js"
-import { InputText } from "#/components/inputs/inputText.js"
-import { toast } from "#/contexts/toasts/useToast.js"
-import { platformRouter } from "#/routes/platformRouter.js"
-import { postAPI } from "#/utilities/postAPI.js"
+import { ButtonContent } from "@arrhes/ui"
+import { FormControl } from "../../components/forms/formControl.js"
+import { FormError } from "../../components/forms/formError.js"
+import { FormField } from "../../components/forms/formField.js"
+import { FormItem } from "../../components/forms/formItem.js"
+import { FormLabel } from "../../components/forms/formLabel.js"
+import { FormRoot } from "../../components/forms/formRoot.js"
+import { InputPassword } from "../../components/inputs/inputPassword.js"
+import { InputText } from "../../components/inputs/inputText.js"
+import { toast } from "../../contexts/toasts/useToast.js"
+import { platformRouter } from "../../routes/platformRouter.js"
+import { css } from "../../utilities/cn.js"
+import { postAPI } from "../../utilities/postAPI.js"
 import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
 import { IconUserPlus } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
@@ -18,20 +19,20 @@ import { Fragment } from "react/jsx-runtime"
 
 export function SignUpPage() {
     return (
-        <div className="w-full h-full flex justify-center items-center">
-            <div className="w-full max-w-sm flex flex-col justify-center items-center gap-4">
-                <div className="w-full flex flex-col justify-start items-start gap-4 bg-white border border-neutral/10 rounded-md p-8">
-                    <span className="text-xl">
+        <div className={css({ w: "full", h: "full", display: "flex", justifyContent: "center", alignItems: "center" })}>
+            <div className={css({ w: "full", maxW: "sm", display: "flex", flexDir: "column", justifyContent: "center", alignItems: "center", gap: "4" })}>
+                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4", bg: "white", border: "1px solid", borderColor: "neutral/10", rounded: "md", p: "8" })}>
+                    <span className={css({ fontSize: "xl" })}>
                         Inscription
                     </span>
-                    <div className="w-full flex flex-col justify-start items-start gap-4">
+                    <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
                         <FormRoot
                             schema={signUpRouteDefinition.schemas.body}
                             defaultValues={{}}
                             submitButtonProps={{
                                 icon: <IconUserPlus />,
                                 text: "Inscription",
-                                className: "w-full justify-center"
+                                className: css({ w: "full", justifyContent: "center" })
                             }}
                             submitOnPressEnterKey={true}
                             onSubmit={async (data) => {
@@ -131,11 +132,12 @@ export function SignUpPage() {
                         </FormRoot>
                         <Link
                             to="/connexion"
-                            className="w-full"
+                            className={css({ w: "full" })}
                         >
-                            <ButtonOutlineContent
+                            <ButtonContent
+                                variant="default"
                                 text="Déjà inscrit ?"
-                                className="w-full justify-center"
+                                className={css({ w: "full", justifyContent: "center" })}
                             />
                         </Link>
                     </div>
@@ -143,7 +145,7 @@ export function SignUpPage() {
             </div>
             {/* <Link
                         to="/connexion/identifiants"
-                        className="underline hover:no-underline text-neutral/50"
+                        className={css({ textDecoration: "underline", _hover: { textDecoration: "none" }, color: "neutral/50" })}
                     >
                         Mot de passe oublié ?
                     </Link> */}
diff --git a/packages/dashboard/src/features/website/documentationBanner.tsx b/packages/dashboard/src/features/website/documentationBanner.tsx
new file mode 100644
index 0000000..7ff34e6
--- /dev/null
+++ b/packages/dashboard/src/features/website/documentationBanner.tsx
@@ -0,0 +1,29 @@
+import { ButtonContent } from "@arrhes/ui"
+import { Box } from "../../components/layouts/box.js"
+import { css } from "../../utilities/cn.js"
+import { IconExternalLink } from "@tabler/icons-react"
+
+
+export function DocumentationBanner() {
+    return (
+        <Box className={css({ p: "8", gap: "4" })}>
+            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                <h2 className={css({ fontSize: "2xl" })}>Documentation</h2>
+                <p className={css({ color: "neutral/50" })}>Collaborative et ouverte</p>
+            </div>
+            <a
+                href="https://documentation.arrhes.com"
+                target="_blank"
+                rel="noopener noreferrer"
+                className={css({ w: "fit-content" })}
+                aria-label="Adresse de la documentation"
+            >
+                <ButtonContent
+                    variant="primary"
+                    icon={<IconExternalLink />}
+                    text="Consulter la documentation"
+                />
+            </a>
+        </Box>
+    )
+}
diff --git a/packages/dashboard/src/features/website/featureCard.tsx b/packages/dashboard/src/features/website/featureCard.tsx
new file mode 100644
index 0000000..fa1d50f
--- /dev/null
+++ b/packages/dashboard/src/features/website/featureCard.tsx
@@ -0,0 +1,45 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function FeatureCard(props: {
+    icon: React.ReactNode
+    title: string
+    description: string
+}) {
+    return (
+        <div className={css({
+            p: "6",
+            rounded: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            bg: "white"
+        })}>
+            <div className={css({
+                w: "12",
+                h: "12",
+                rounded: "lg",
+                bg: "neutral/5",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: "neutral/70",
+                mb: "4"
+            })}>
+                {props.icon}
+            </div>
+            <h3 className={css({
+                fontSize: "lg",
+                fontWeight: "medium",
+                mb: "2"
+            })}>
+                {props.title}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/70"
+            })}>
+                {props.description}
+            </p>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/home/homePage.tsx b/packages/dashboard/src/features/website/homePage.tsx
similarity index 51%
rename from packages/dashboard/src/features/home/homePage.tsx
rename to packages/dashboard/src/features/website/homePage.tsx
index 799ff2a..af7033b 100644
--- a/packages/dashboard/src/features/home/homePage.tsx
+++ b/packages/dashboard/src/features/website/homePage.tsx
@@ -1,6 +1,6 @@
-import { Page } from "#/components/layouts/page/page.js"
-import { DocumentationBanner } from "#/features/home/documentationBanner.js"
-import { OrganizationsBanner } from "#/features/home/organizationsBanner.js"
+import { Page } from "../../components/layouts/page/page.js"
+import { DocumentationBanner } from "./documentationBanner.js"
+import { OrganizationsBanner } from "./organizationsBanner.js"
 
 
 export function HomePage() {
diff --git a/packages/dashboard/src/features/website/landingPage.tsx b/packages/dashboard/src/features/website/landingPage.tsx
new file mode 100644
index 0000000..f936f77
--- /dev/null
+++ b/packages/dashboard/src/features/website/landingPage.tsx
@@ -0,0 +1,273 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconAbacus, IconBook, IconBrandGithub, IconChevronRight, IconCode, IconLock, IconUsers } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { css } from "../../utilities/cn.js"
+import { FeatureCard } from "./featureCard.js"
+
+
+export function LandingPage() {
+    return (
+        <div className={css({
+            w: "full",
+            minH: "screen",
+            display: "flex",
+            flexDir: "column"
+        })}>
+            {/* Header */}
+            <header className={css({
+                w: "full",
+                px: "6",
+                py: "4",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                borderBottom: "1px solid",
+                borderColor: "neutral/10"
+            })}>
+                <Link to="/" className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "2",
+                    fontSize: "xl",
+                    color: "neutral"
+                })}>
+                    <ButtonContent
+                        variant="invisible"
+                        icon={<IconAbacus />}
+                    />
+                    <span>Arrhes</span>
+                </Link>
+                <nav className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6"
+                })}>
+                    <Link
+                        to="/docs"
+                        className={css({
+                            fontSize: "sm",
+                            color: "neutral/70",
+                            _hover: { color: "neutral" },
+                            transition: "colors"
+                        })}
+                    >
+                        Documentation
+                    </Link>
+                    <a
+                        href="https://github.com/arrhes/arrhes-platform"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <ButtonContent
+                            variant="invisible"
+                            text="GitHub"
+                            icon={<IconBrandGithub />}
+                        />
+                    </a>
+                    <Link to="/dashboard">
+                        <ButtonContent
+                            variant="primary"
+                            text="Acceder a l'application"
+                        />
+                    </Link>
+                </nav>
+            </header>
+
+            {/* Hero Section */}
+            <section className={css({
+                w: "full",
+                px: "6",
+                py: "24",
+                display: "flex",
+                flexDir: "column",
+                alignItems: "center",
+                textAlign: "center",
+                bgGradient: "to-b",
+                gradientFrom: "background",
+                gradientTo: "neutral/5"
+            })}>
+                <h1 className={css({
+                    fontSize: { base: "4xl", md: "5xl" },
+                    fontWeight: "bold",
+                    color: "neutral",
+                    maxW: "3xl",
+                    lineHeight: "tight"
+                })}>
+                    Logiciel de comptabilite
+                    <span className={css({ color: "primary" })}> open source</span>
+                </h1>
+                <p className={css({
+                    mt: "6",
+                    fontSize: "lg",
+                    color: "neutral/70",
+                    maxW: "2xl"
+                })}>
+                    Arrhes est un logiciel de comptabilite moderne, gratuit et open source.
+                    Concu pour les associations et les petites entreprises francaises.
+                </p>
+                <div className={css({
+                    mt: "10",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4"
+                })}>
+                    <Link to="/dashboard">
+                        <ButtonContent
+                            variant="primary"
+                            text="Commencer gratuitement"
+                            rightIcon={<IconChevronRight />}
+                        />
+                    </Link>
+                    <Link to="/docs">
+                        <ButtonContent
+                            variant="default"
+                            text="Lire la documentation"
+                        />
+                    </Link>
+                </div>
+            </section>
+
+            {/* Features Section */}
+            <section className={css({
+                w: "full",
+                px: "6",
+                py: "20"
+            })}>
+                <div className={css({
+                    maxW: "5xl",
+                    mx: "auto"
+                })}>
+                    <h2 className={css({
+                        fontSize: "2xl",
+                        fontWeight: "semibold",
+                        textAlign: "center",
+                        mb: "12"
+                    })}>
+                        Pourquoi choisir Arrhes ?
+                    </h2>
+                    <div className={css({
+                        display: "grid",
+                        gridTemplateColumns: { md: "3" },
+                        gap: "8"
+                    })}>
+                        <FeatureCard
+                            icon={<IconCode className={css({ w: "6", h: "6" })} />}
+                            title="Open Source"
+                            description="Code source ouvert et transparent. Vous pouvez auditer, modifier et contribuer au projet."
+                        />
+                        <FeatureCard
+                            icon={<IconLock className={css({ w: "6", h: "6" })} />}
+                            title="Vos donnees vous appartiennent"
+                            description="Hebergez vous-meme ou utilisez notre service. Vos donnees restent sous votre controle."
+                        />
+                        <FeatureCard
+                            icon={<IconUsers className={css({ w: "6", h: "6" })} />}
+                            title="Multi-organisations"
+                            description="Gerez plusieurs associations ou entreprises depuis un seul compte utilisateur."
+                        />
+                    </div>
+                </div>
+            </section>
+
+            {/* Documentation CTA */}
+            <section className={css({
+                w: "full",
+                px: "6",
+                py: "16",
+                bg: "neutral/5"
+            })}>
+                <div className={css({
+                    maxW: "3xl",
+                    mx: "auto",
+                    textAlign: "center"
+                })}>
+                    <IconBook className={css({
+                        w: "12",
+                        h: "12",
+                        color: "neutral/50",
+                        mx: "auto",
+                        mb: "4"
+                    })} />
+                    <h2 className={css({
+                        fontSize: "2xl",
+                        fontWeight: "semibold",
+                        mb: "4"
+                    })}>
+                        Nouveau en comptabilite ?
+                    </h2>
+                    <p className={css({
+                        color: "neutral/70",
+                        mb: "6"
+                    })}>
+                        Notre documentation inclut un cours complet sur les bases de la comptabilite.
+                        Apprenez les concepts essentiels avant d'utiliser le logiciel.
+                    </p>
+                    <Link to="/docs/comptabilite/introduction">
+                        <ButtonContent
+                            variant="default"
+                            text="Decouvrir le cours de comptabilite"
+                            rightIcon={<IconChevronRight />}
+                        />
+                    </Link>
+                </div>
+            </section>
+
+            {/* Footer */}
+            <footer className={css({
+                w: "full",
+                px: "6",
+                py: "8",
+                borderTop: "1px solid",
+                borderColor: "neutral/10",
+                mt: "auto"
+            })}>
+                <div className={css({
+                    maxW: "5xl",
+                    mx: "auto",
+                    display: "flex",
+                    flexDir: { base: "column", md: "row" },
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "4"
+                })}>
+                    <span className={css({
+                        fontSize: "sm",
+                        color: "neutral/50"
+                    })}>
+                        Arrhes - Logiciel de comptabilite open source
+                    </span>
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "6"
+                    })}>
+                        <Link
+                            to="/docs"
+                            className={css({
+                                fontSize: "sm",
+                                color: "neutral/50",
+                                _hover: { color: "neutral" },
+                                transition: "colors"
+                            })}
+                        >
+                            Documentation
+                        </Link>
+                        <a
+                            href="https://github.com/arrhes/arrhes-platform"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className={css({
+                                fontSize: "sm",
+                                color: "neutral/50",
+                                _hover: { color: "neutral" },
+                                transition: "colors"
+                            })}
+                        >
+                            GitHub
+                        </a>
+                    </div>
+                </div>
+            </footer>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/website/organizationsBanner.tsx b/packages/dashboard/src/features/website/organizationsBanner.tsx
new file mode 100644
index 0000000..db54939
--- /dev/null
+++ b/packages/dashboard/src/features/website/organizationsBanner.tsx
@@ -0,0 +1,27 @@
+import { ButtonContent } from "@arrhes/ui"
+import { Box } from "../../components/layouts/box.js"
+import { css } from "../../utilities/cn.js"
+import { IconBuilding } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+
+
+export function OrganizationsBanner() {
+    return (
+        <Box className={css({ p: "8", gap: "4" })}>
+            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                <h2 className={css({ fontSize: "2xl" })}>Mes organisations</h2>
+                <p className={css({ color: "neutral/50" })}>Que vous avez créées ou auxquelles vous avez été invité</p>
+            </div>
+            <Link
+                to="/organisations"
+                className={css({ w: "fit-content" })}
+            >
+                <ButtonContent
+                    variant="primary"
+                    icon={<IconBuilding />}
+                    text="Voir mes organisations"
+                />
+            </Link>
+        </Box>
+    )
+}
diff --git a/packages/dashboard/src/index.html b/packages/dashboard/src/index.html
index 695bab4..d40cbc7 100644
--- a/packages/dashboard/src/index.html
+++ b/packages/dashboard/src/index.html
@@ -7,12 +7,8 @@
         content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, target-densitydpi=device-dpi">
     <meta name="color-scheme" content="only light" />
 
-    <!-- <link rel="icon" type="image/png" href="/assets/images/favicons/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="/assets/images/favicons/favicon.svg" />
-    <link rel="shortcut icon" href="/assets/images/favicons/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-touch-icon.png" />
-    <meta name="apple-mobile-web-app-title" content="Arrhes" />
-    <link rel="manifest" href="/assets/manifest/site.webmanifest" /> -->
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="apple-mobile-web-app-title" content="Arrhes" />
 
     <meta name="keywords"
         content="comptabilité, open source, association, entreprise, gestion, comptable, bilan, compte de résultat, france, française">
diff --git a/packages/dashboard/src/routes/platformRouter.tsx b/packages/dashboard/src/routes/platformRouter.tsx
index b325a0b..ed9db2f 100644
--- a/packages/dashboard/src/routes/platformRouter.tsx
+++ b/packages/dashboard/src/routes/platformRouter.tsx
@@ -1,25 +1,25 @@
-import { platformTree } from "#/routes/platformTree.js"
-import { getIsAuthenticated } from "#/utilities/cookies/getIsAuthenticated.js"
-import { getUserSession } from "#/utilities/cookies/getUserSession.js"
-import { createRouter, LinkProps } from '@tanstack/react-router'
-
-
-export type ValidRoutes = LinkProps["to"]
-export type ValidParams = LinkProps["params"]
-
-
-export const platformRouter = createRouter({
-    routeTree: platformTree,
-    context: {
-        title: undefined,
-        isAuthenticated: getIsAuthenticated(),
-        userSession: getUserSession()
-    }
-})
-
-
-declare module '@tanstack/react-router' {
-    interface Register {
-        router: typeof platformRouter
-    }
-}
+import { platformTree } from "../routes/platformTree.js"
+import { getIsAuthenticated } from "../utilities/cookies/getIsAuthenticated.js"
+import { getUserSession } from "../utilities/cookies/getUserSession.js"
+import { createRouter, LinkProps, AnyRouter } from '@tanstack/react-router'
+
+
+export type ValidRoutes = LinkProps["to"]
+export type ValidParams = LinkProps["params"]
+
+
+export const platformRouter: AnyRouter = createRouter({
+    routeTree: platformTree,
+    context: {
+        title: undefined,
+        isAuthenticated: getIsAuthenticated(),
+        userSession: getUserSession()
+    }
+})
+
+
+declare module '@tanstack/react-router' {
+    interface Register {
+        router: typeof platformRouter
+    }
+}
diff --git a/packages/dashboard/src/routes/platformTree.ts b/packages/dashboard/src/routes/platformTree.ts
index ec28c70..d16dc5f 100644
--- a/packages/dashboard/src/routes/platformTree.ts
+++ b/packages/dashboard/src/routes/platformTree.ts
@@ -1,175 +1,23 @@
-import { catchRoute } from "#/routes/catchRoute.js"
-import { homeRoute } from "#/routes/root/auth/homeRoute.js"
-import { organizationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.js"
-import { organizationPathRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationPathRoute.js"
-import { organizationRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationRoute.js"
-import { organizationSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
-import { organizationSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.js"
-import { organizationUsersLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.js"
-import { organizationUsersRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.js"
-import { attachmentLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.js"
-import { attachmentRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.js"
-import { attachmentsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
-import { attachmentsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.js"
-import { recordRowLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.js"
-import { recordRowRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.js"
-import { recordLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.js"
-import { recordRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.js"
-import { recordsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.js"
-import { recordsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
-import { balanceReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.js"
-import { balanceSheetReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.js"
-import { incomeStatementReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.js"
-import { journalReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.js"
-import { ledgerReportRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { reportsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.js"
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
-import { yearPathRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.js"
-import { yearRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.js"
-import { accountLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.js"
-import { accountRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.js"
-import { accountsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.js"
-import { accountsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.js"
-import { balanceSheetLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.js"
-import { balanceSheetRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.js"
-import { balanceSheetsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.js"
-import { balanceSheetsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.js"
-import { incomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.js"
-import { incomeStatementRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.js"
-import { computationIncomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.js"
-import { computationIncomeStatementRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.js"
-import { computationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
-import { computationRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.js"
-import { computationsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.js"
-import { computationsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.js"
-import { incomeStatementsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
-import { incomeStatementsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.js"
-import { journalLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.js"
-import { journalRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.js"
-import { journalsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.js"
-import { journalsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.js"
-import { recordLabelLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.js"
-import { recordLabelRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.js"
-import { recordLabelsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.js"
-import { recordLabelsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.js"
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
-import { yearSettingsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.js"
-import { yearsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.js"
-import { yearsPathRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.js"
-import { yearsRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsRoute.js"
-import { organizationsLayoutRoute } from "#/routes/root/auth/organizations/organizationsLayoutRoute.js"
-import { organizationsRoute } from "#/routes/root/auth/organizations/organizationsRoute.js"
-import { settingsLayoutRoute } from "#/routes/root/auth/settings/settingsLayoutRoute.js"
-import { settingsRoute } from "#/routes/root/auth/settings/settingsRoute.js"
-import { supportRoute } from "#/routes/root/auth/support/supportRoute.js"
-import { authLayoutRoute } from "#/routes/root/authLayoutRoute.js"
-import { signInRoute } from "#/routes/root/public/signInRoute.js"
-import { signUpRoute } from "#/routes/root/public/signUpRoute.js"
-import { publicLayoutRoute } from "#/routes/root/publicLayoutRoute.js"
-import { rootLayoutRoute } from "#/routes/rootLayoutRoute.js"
-
-
-export const platformTree = rootLayoutRoute.addChildren([
-    authLayoutRoute.addChildren([
-        homeRoute,
-        organizationsLayoutRoute.addChildren([
-            organizationsRoute,
-            organizationPathRoute.addChildren([
-                organizationLayoutRoute.addChildren([
-                    organizationRoute,
-                    yearsLayoutRoute.addChildren([
-                        yearsRoute
-                    ]),
-                    organizationSettingsLayoutRoute.addChildren([
-                        organizationSettingsRoute,
-                        organizationUsersLayoutRoute.addChildren([
-                            organizationUsersRoute
-                        ])
-                    ])
-                ]),
-                yearsPathRoute.addChildren([
-                    yearPathRoute.addChildren([
-                        yearLayoutRoute.addChildren([
-                            yearRoute,
-                            recordsLayoutRoute.addChildren([
-                                recordsRoute,
-                                recordLayoutRoute.addChildren([
-                                    recordRoute,
-                                    recordRowLayoutRoute.addChildren([
-                                        recordRowRoute
-                                    ])
-                                ])
-                            ]),
-                            attachmentsLayoutRoute.addChildren([
-                                attachmentsRoute,
-                                attachmentLayoutRoute.addChildren([
-                                    attachmentRoute
-                                ])
-                            ]),
-                            reportsLayoutRoute.addChildren([
-                                reportsRoute,
-                                journalReportRoute,
-                                ledgerReportRoute,
-                                balanceReportRoute,
-                                balanceSheetReportRoute,
-                                incomeStatementReportRoute,
-                            ]),
-                            yearSettingsLayoutRoute.addChildren([
-                                yearSettingsRoute,
-                                accountsLayoutRoute.addChildren([
-                                    accountsRoute,
-                                    accountLayoutRoute.addChildren([
-                                        accountRoute
-                                    ])
-                                ]),
-                                journalsLayoutRoute.addChildren([
-                                    journalsRoute,
-                                    journalLayoutRoute.addChildren([
-                                        journalRoute
-                                    ])
-                                ]),
-                                recordLabelsLayoutRoute.addChildren([
-                                    recordLabelsRoute,
-                                    recordLabelLayoutRoute.addChildren([
-                                        recordLabelRoute
-                                    ])
-                                ]),
-                                balanceSheetsLayoutRoute.addChildren([
-                                    balanceSheetsRoute,
-                                    balanceSheetLayoutRoute.addChildren([
-                                        balanceSheetRoute
-                                    ])
-                                ]),
-                                incomeStatementsLayoutRoute.addChildren([
-                                    incomeStatementsRoute,
-                                    incomeStatementLayoutRoute.addChildren([
-                                        incomeStatementRoute,
-                                    ]),
-                                    computationsLayoutRoute.addChildren([
-                                        computationsRoute,
-                                        computationLayoutRoute.addChildren([
-                                            computationRoute,
-                                            computationIncomeStatementLayoutRoute.addChildren([
-                                                computationIncomeStatementRoute,
-                                            ])
-                                        ])
-                                    ]),
-                                ]),
-                            ])
-                        ])
-                    ])
-                ]),
-            ])
-        ]),
-        settingsLayoutRoute.addChildren([
-            settingsRoute,
-        ]),
-        supportRoute,
-    ]),
-    publicLayoutRoute.addChildren([
-        signUpRoute,
-        signInRoute,
-    ]),
-    catchRoute,
-])
+import { AnyRoute } from "@tanstack/react-router"
+import { catchRoute } from "../routes/catchRoute.js"
+import { docsTree } from "./root/docs/docsTree.js"
+import { signInRoute } from "./root/signIn/signInRoute.js"
+import { signUpRoute } from "./root/signUp/signUpRoute.js"
+import { websiteRootRoute } from "./root/website/landingRoute.js"
+import { websiteLayoutRoute } from "./root/website/websiteLayoutRoute.js"
+import { rootLayoutRoute } from "./rootLayoutRoute.js"
+import { dashboardTree } from "./root/dashboard/dashboardTree.js"
+
+
+export const platformTree: AnyRoute = rootLayoutRoute.addChildren([
+    websiteLayoutRoute.addChildren([
+        websiteRootRoute,
+    ]),
+
+    docsTree,
+    signUpRoute,
+    signInRoute,
+    dashboardTree,
+
+    catchRoute,
+])
diff --git a/packages/dashboard/src/routes/root/auth/homeRoute.tsx b/packages/dashboard/src/routes/root/auth/homeRoute.tsx
deleted file mode 100644
index 627d542..0000000
--- a/packages/dashboard/src/routes/root/auth/homeRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { HomePage } from "#/features/home/homePage.js"
-import { authLayoutRoute } from "#/routes/root/authLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const homeRoute = createRoute({
-    getParentRoute: () => authLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <HomePage />
-    )
-})
\ No newline at end of file
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
deleted file mode 100644
index a23f520..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { OrganizationSettingsPage } from "#/features/organizations/$idOrganization/organizationSettings/organizationSettingsPage.js"
-import { organizationSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const organizationSettingsRoute = createRoute({
-    getParentRoute: () => organizationSettingsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <OrganizationSettingsPage />
-    )
-})
-
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
deleted file mode 100644
index 47a8ea2..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { OrganizationUsersPage } from "#/features/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.js"
-import { organizationUsersLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const organizationUsersRoute = createRoute({
-    getParentRoute: () => organizationUsersLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <OrganizationUsersPage />
-    )
-})
-
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
deleted file mode 100644
index ba818db..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { AttachmentPage } from "#/features/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.js"
-import { attachmentLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const attachmentRoute = createRoute({
-    getParentRoute: () => attachmentLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <AttachmentPage />
-    ),
-})
-
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
deleted file mode 100644
index decdc4a..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { AttachmentsPage } from "#/features/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.js"
-import { attachmentsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const attachmentsRoute = createRoute({
-    getParentRoute: () => attachmentsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <AttachmentsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
deleted file mode 100644
index a6e164b..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RecordRowPage } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.js"
-import { recordRowLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const recordRowRoute = createRoute({
-    getParentRoute: () => recordRowLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <RecordRowPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
deleted file mode 100644
index b55623d..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RecordPage } from "#/features/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.js"
-import { recordLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const recordRoute = createRoute({
-    getParentRoute: () => recordLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <RecordPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
deleted file mode 100644
index ecfd184..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RecordsPage } from "#/features/organizations/$idOrganization/years/$idYear/records/recordsPage.js"
-import { recordsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const recordsRoute = createRoute({
-    getParentRoute: () => recordsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <RecordsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
deleted file mode 100644
index c3f1ea9..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { BalanceReportPage } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const balanceReportRoute = createRoute({
-    getParentRoute: () => reportsLayoutRoute,
-    path: "/balance",
-    beforeLoad: () => ({
-        title: "Balance"
-    }),
-    component: () => (
-        <BalanceReportPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
deleted file mode 100644
index 563f36f..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { BalanceSheetReportPage } from "#/features/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const balanceSheetReportRoute = createRoute({
-    getParentRoute: () => reportsLayoutRoute,
-    path: "/bilan",
-    beforeLoad: () => ({
-        title: "Bilan"
-    }),
-    component: () => (
-        <BalanceSheetReportPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
deleted file mode 100644
index d62a1ff..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { IncomeStatementReportPage } from "#/features/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const incomeStatementReportRoute = createRoute({
-    getParentRoute: () => reportsLayoutRoute,
-    path: "/compte-de-résultat",
-    beforeLoad: () => ({
-        title: "Compte de résultat"
-    }),
-    component: () => (
-        <IncomeStatementReportPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
deleted file mode 100644
index 1b7da9a..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { JournalReportPage } from "#/features/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const journalReportRoute = createRoute({
-    getParentRoute: () => reportsLayoutRoute,
-    path: "/livre-journal",
-    beforeLoad: () => ({
-        title: "Livre-journal"
-    }),
-    component: () => (
-        <JournalReportPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
deleted file mode 100644
index ff09f14..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { LedgerReportPage } from "#/features/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.js"
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const ledgerReportRoute = createRoute({
-    getParentRoute: () => reportsLayoutRoute,
-    path: "/grand-livre",
-    beforeLoad: () => ({
-        title: "Grand livre"
-    }),
-    component: () => (
-        <LedgerReportPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
deleted file mode 100644
index 29dd4db..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { AccountPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.js"
-import { accountLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const accountRoute = createRoute({
-    getParentRoute: () => accountLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <AccountPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
deleted file mode 100644
index 1681bdf..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { AccountsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.js"
-import { accountsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const accountsRoute = createRoute({
-    getParentRoute: () => accountsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <AccountsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
deleted file mode 100644
index 1965c70..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { BalanceSheetPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.js"
-import { balanceSheetLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const balanceSheetRoute = createRoute({
-    getParentRoute: () => balanceSheetLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <BalanceSheetPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
deleted file mode 100644
index 9a5bd2a..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { BalanceSheetsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.js"
-import { balanceSheetsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const balanceSheetsRoute = createRoute({
-    getParentRoute: () => balanceSheetsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <BalanceSheetsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
deleted file mode 100644
index 472a55d..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { IncomeStatementPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.js"
-import { incomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const incomeStatementRoute = createRoute({
-    getParentRoute: () => incomeStatementLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <IncomeStatementPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
deleted file mode 100644
index baf78cc..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ComputationIncomeStatementPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.js"
-import { computationIncomeStatementLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const computationIncomeStatementRoute = createRoute({
-    getParentRoute: () => computationIncomeStatementLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <ComputationIncomeStatementPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
deleted file mode 100644
index 90c7cd5..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ComputationPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.js"
-import { computationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const computationRoute = createRoute({
-    getParentRoute: () => computationLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <ComputationPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
deleted file mode 100644
index 4221270..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { IncomeStatementsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.js"
-import { incomeStatementsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const incomeStatementsRoute = createRoute({
-    getParentRoute: () => incomeStatementsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <IncomeStatementsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
deleted file mode 100644
index 27c6cfa..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { JournalPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.js"
-import { journalLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const journalRoute = createRoute({
-    getParentRoute: () => journalLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <JournalPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
deleted file mode 100644
index a33b9cc..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { JournalsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.js"
-import { journalsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const journalsRoute = createRoute({
-    getParentRoute: () => journalsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <JournalsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
deleted file mode 100644
index 27adf82..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RecordLabelPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.js"
-import { recordLabelLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const recordLabelRoute = createRoute({
-    getParentRoute: () => recordLabelLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <RecordLabelPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
deleted file mode 100644
index 3f71790..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { RecordLabelsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.js"
-import { recordLabelsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const recordLabelsRoute = createRoute({
-    getParentRoute: () => recordLabelsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <RecordLabelsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx b/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
deleted file mode 100644
index 8fbeb99..0000000
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { YearSettingsPage } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.js"
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const yearSettingsRoute = createRoute({
-    getParentRoute: () => yearSettingsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <YearSettingsPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/authLayoutRoute.tsx b/packages/dashboard/src/routes/root/authLayoutRoute.tsx
deleted file mode 100644
index 60f4376..0000000
--- a/packages/dashboard/src/routes/root/authLayoutRoute.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { AuthLayout } from "#/features/authLayout.js"
-import { rootLayoutRoute } from "#/routes/rootLayoutRoute.js"
-import { createRoute, redirect } from "@tanstack/react-router"
-
-
-export const authLayoutRoute = createRoute({
-    getParentRoute: () => rootLayoutRoute,
-    id: "authLayout",
-    pendingComponent: () => (
-        <CircularLoader />
-    ),
-    beforeLoad: ({ context }) => {
-        if (context.isAuthenticated !== true) {
-            throw redirect({
-                to: "/connexion"
-            })
-        }
-    },
-    component: () => (
-        <AuthLayout />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
new file mode 100644
index 0000000..2ced0bb
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
@@ -0,0 +1,23 @@
+import { createRoute, redirect } from "@tanstack/react-router"
+import { CircularLoader } from "../../../components/layouts/circularLoader.js"
+import { DashboardLayout } from "../../../features/dashboard/dashboardLayout.js"
+import { rootLayoutRoute } from "../../rootLayoutRoute.js"
+
+
+export const dashboardLayoutRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: "/dashboard",
+    pendingComponent: () => (
+        <CircularLoader />
+    ),
+    beforeLoad: ({ context }) => {
+        if (context.isAuthenticated !== true) {
+            throw redirect({
+                to: "/inscription"
+            })
+        }
+    },
+    component: () => (
+        <DashboardLayout />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardRootRoute.tsx b/packages/dashboard/src/routes/root/dashboard/dashboardRootRoute.tsx
new file mode 100644
index 0000000..33dc17c
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardRootRoute.tsx
@@ -0,0 +1,14 @@
+import { createRoute, redirect } from "@tanstack/react-router"
+import { dashboardLayoutRoute } from "./dashboardLayoutRoute.js"
+
+
+export const dashboardRootRoute = createRoute({
+    getParentRoute: () => dashboardLayoutRoute,
+    path: "/",
+    beforeLoad: () => {
+        throw redirect({
+            to: "/dashboard/organisations"
+        })
+    },
+    component: () => { }
+})
\ No newline at end of file
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts b/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
new file mode 100644
index 0000000..5e1f140
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
@@ -0,0 +1,164 @@
+import { AnyRoute } from "@tanstack/react-router"
+import { dashboardLayoutRoute } from "./dashboardLayoutRoute.tsx"
+import { dashboardRootRoute } from "./dashboardRootRoute.tsx"
+import { organizationLayoutRoute } from "./organizations/$idOrganization/organizationLayoutRoute.tsx"
+import { organizationPathRoute } from "./organizations/$idOrganization/organizationPathRoute.tsx"
+import { organizationRoute } from "./organizations/$idOrganization/organizationRoute.tsx"
+import { organizationSettingsLayoutRoute } from "./organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx"
+import { organizationSettingsRoute } from "./organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx"
+import { organizationUsersLayoutRoute } from "./organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx"
+import { organizationUsersRoute } from "./organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx"
+import { attachmentLayoutRoute } from "./organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx"
+import { attachmentRoute } from "./organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx"
+import { attachmentsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx"
+import { attachmentsRoute } from "./organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx"
+import { recordRowLayoutRoute } from "./organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx"
+import { recordRowRoute } from "./organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx"
+import { recordLayoutRoute } from "./organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx"
+import { recordRoute } from "./organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx"
+import { recordsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx"
+import { recordsRoute } from "./organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx"
+import { balanceReportRoute } from "./organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx"
+import { balanceSheetReportRoute } from "./organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx"
+import { incomeStatementReportRoute } from "./organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx"
+import { journalReportRoute } from "./organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx"
+import { ledgerReportRoute } from "./organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx"
+import { reportsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx"
+import { reportsRoute } from "./organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx"
+import { yearLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx"
+import { yearPathRoute } from "./organizations/$idOrganization/years/$idYear/yearPathRoute.tsx"
+import { yearRoute } from "./organizations/$idOrganization/years/$idYear/yearRoute.tsx"
+import { accountLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx"
+import { accountRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx"
+import { accountsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx"
+import { accountsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx"
+import { balanceSheetLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx"
+import { balanceSheetRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx"
+import { balanceSheetsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx"
+import { balanceSheetsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx"
+import { incomeStatementLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx"
+import { incomeStatementRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx"
+import { computationIncomeStatementLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx"
+import { computationIncomeStatementRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx"
+import { computationLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx"
+import { computationRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx"
+import { computationsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx"
+import { computationsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx"
+import { incomeStatementsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx"
+import { incomeStatementsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx"
+import { journalLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx"
+import { journalRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx"
+import { journalsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx"
+import { journalsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx"
+import { recordLabelLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx"
+import { recordLabelRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx"
+import { recordLabelsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx"
+import { recordLabelsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx"
+import { yearSettingsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx"
+import { yearSettingsRoute } from "./organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
+import { yearsLayoutRoute } from "./organizations/$idOrganization/years/yearsLayoutRoute.tsx"
+import { yearsPathRoute } from "./organizations/$idOrganization/years/yearsPathRoute.tsx"
+import { yearsRoute } from "./organizations/$idOrganization/years/yearsRoute.tsx"
+import { organizationsLayoutRoute } from "./organizations/organizationsLayoutRoute.tsx"
+import { organizationsRoute } from "./organizations/organizationsRoute.tsx"
+import { settingsLayoutRoute } from "./settings/settingsLayoutRoute.tsx"
+import { settingsRoute } from "./settings/settingsRoute.tsx"
+import { supportRoute } from "./support/supportRoute.tsx"
+
+
+export const dashboardTree: AnyRoute = dashboardLayoutRoute.addChildren([
+    dashboardRootRoute,
+    organizationsLayoutRoute.addChildren([
+        organizationsRoute,
+        organizationPathRoute.addChildren([
+            organizationLayoutRoute.addChildren([
+                organizationRoute,
+                yearsLayoutRoute.addChildren([
+                    yearsRoute
+                ]),
+                organizationSettingsLayoutRoute.addChildren([
+                    organizationSettingsRoute,
+                    organizationUsersLayoutRoute.addChildren([
+                        organizationUsersRoute
+                    ])
+                ])
+            ]),
+            yearsPathRoute.addChildren([
+                yearPathRoute.addChildren([
+                    yearLayoutRoute.addChildren([
+                        yearRoute,
+                        recordsLayoutRoute.addChildren([
+                            recordsRoute,
+                            recordLayoutRoute.addChildren([
+                                recordRoute,
+                                recordRowLayoutRoute.addChildren([
+                                    recordRowRoute
+                                ])
+                            ])
+                        ]),
+                        attachmentsLayoutRoute.addChildren([
+                            attachmentsRoute,
+                            attachmentLayoutRoute.addChildren([
+                                attachmentRoute
+                            ])
+                        ]),
+                        reportsLayoutRoute.addChildren([
+                            reportsRoute,
+                            journalReportRoute,
+                            ledgerReportRoute,
+                            balanceReportRoute,
+                            balanceSheetReportRoute,
+                            incomeStatementReportRoute,
+                        ]),
+                        yearSettingsLayoutRoute.addChildren([
+                            yearSettingsRoute,
+                            accountsLayoutRoute.addChildren([
+                                accountsRoute,
+                                accountLayoutRoute.addChildren([
+                                    accountRoute
+                                ])
+                            ]),
+                            journalsLayoutRoute.addChildren([
+                                journalsRoute,
+                                journalLayoutRoute.addChildren([
+                                    journalRoute
+                                ])
+                            ]),
+                            recordLabelsLayoutRoute.addChildren([
+                                recordLabelsRoute,
+                                recordLabelLayoutRoute.addChildren([
+                                    recordLabelRoute
+                                ])
+                            ]),
+                            balanceSheetsLayoutRoute.addChildren([
+                                balanceSheetsRoute,
+                                balanceSheetLayoutRoute.addChildren([
+                                    balanceSheetRoute
+                                ])
+                            ]),
+                            incomeStatementsLayoutRoute.addChildren([
+                                incomeStatementsRoute,
+                                incomeStatementLayoutRoute.addChildren([
+                                    incomeStatementRoute,
+                                ]),
+                                computationsLayoutRoute.addChildren([
+                                    computationsRoute,
+                                    computationLayoutRoute.addChildren([
+                                        computationRoute,
+                                        computationIncomeStatementLayoutRoute.addChildren([
+                                            computationIncomeStatementRoute,
+                                        ])
+                                    ])
+                                ]),
+                            ]),
+                        ])
+                    ])
+                ])
+            ]),
+        ])
+    ]),
+    settingsLayoutRoute.addChildren([
+        settingsRoute,
+    ]),
+    supportRoute,
+])
\ No newline at end of file
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.tsx
similarity index 57%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.tsx
index 50eda68..952893f 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.tsx
@@ -1,15 +1,15 @@
-import { OrganizationLayout } from "#/features/organizations/$idOrganization/organizationLayout.js"
-import { organizationPathRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationPathRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const organizationLayoutRoute = createRoute({
-    getParentRoute: () => organizationPathRoute,
-    id: "organizationLayout",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <OrganizationLayout />
-    )
-})
+import { createRoute } from "@tanstack/react-router"
+import { OrganizationLayout } from "../../../../../features/dashboard/organizations/$idOrganization/organizationLayout.js"
+import { organizationPathRoute } from "./organizationPathRoute.js"
+
+
+export const organizationLayoutRoute = createRoute({
+    getParentRoute: () => organizationPathRoute,
+    id: "organizationLayout",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <OrganizationLayout />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationPathRoute.tsx
similarity index 68%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationPathRoute.tsx
index fa690df..f244180 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationPathRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationPathRoute.tsx
@@ -1,11 +1,11 @@
-import { organizationsLayoutRoute } from "#/routes/root/auth/organizations/organizationsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const organizationPathRoute = createRoute({
-    getParentRoute: () => organizationsLayoutRoute,
-    path: "/$idOrganization",
-    beforeLoad: () => ({
-        title: "Organisation"
-    }),
-})
+import { createRoute } from "@tanstack/react-router"
+import { organizationsLayoutRoute } from "../organizationsLayoutRoute.tsx"
+
+
+export const organizationPathRoute = createRoute({
+    getParentRoute: () => organizationsLayoutRoute,
+    path: "/$idOrganization",
+    beforeLoad: () => ({
+        title: "Organisation"
+    }),
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
similarity index 74%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
index 1bb81ed..d1a73d9 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
@@ -1,5 +1,5 @@
-import { organizationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.js"
 import { createRoute, redirect } from "@tanstack/react-router"
+import { organizationLayoutRoute } from "./organizationLayoutRoute.tsx"
 
 
 export const organizationRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
similarity index 51%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
index 56881ae..331606d 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
@@ -1,6 +1,6 @@
-import { OrganizationSettingsLayout } from "#/features/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.js"
-import { organizationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { OrganizationSettingsLayout } from "../../../../../../features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.js"
+import { organizationLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.js"
 
 
 export const organizationSettingsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
new file mode 100644
index 0000000..17533c2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx
@@ -0,0 +1,16 @@
+import { createRoute } from "@tanstack/react-router"
+import { OrganizationSettingsPage } from "../../../../../../features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.js"
+import { organizationSettingsLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
+
+
+export const organizationSettingsRoute = createRoute({
+    getParentRoute: () => organizationSettingsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <OrganizationSettingsPage />
+    )
+})
+
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
similarity index 63%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
index f8759e7..efb34c7 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { organizationSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { organizationSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
 
 
 export const organizationUsersLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
new file mode 100644
index 0000000..eb25c3e
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
@@ -0,0 +1,16 @@
+import { createRoute } from "@tanstack/react-router"
+import { OrganizationUsersPage } from "../../../../../../../features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.js"
+import { organizationUsersLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.js"
+
+
+export const organizationUsersRoute = createRoute({
+    getParentRoute: () => organizationUsersLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <OrganizationUsersPage />
+    )
+})
+
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
similarity index 64%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
index e404ef2..7e2bdd5 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx
@@ -1,14 +1,14 @@
-import { attachmentsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
-import { createRoute, Outlet } from "@tanstack/react-router"
-
-
-export const attachmentLayoutRoute = createRoute({
-    getParentRoute: () => attachmentsLayoutRoute,
-    path: "/$idAttachment",
-    beforeLoad: () => ({
-        title: "Pièce justificative"
-    }),
-    component: () => (
-        <Outlet />
-    ),
-})
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { attachmentsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
+
+
+export const attachmentLayoutRoute = createRoute({
+    getParentRoute: () => attachmentsLayoutRoute,
+    path: "/$idAttachment",
+    beforeLoad: () => ({
+        title: "Pièce justificative"
+    }),
+    component: () => (
+        <Outlet />
+    ),
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
new file mode 100644
index 0000000..420f250
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx
@@ -0,0 +1,16 @@
+import { createRoute } from "@tanstack/react-router"
+import { AttachmentPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.js"
+import { attachmentLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.js"
+
+
+export const attachmentRoute = createRoute({
+    getParentRoute: () => attachmentLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <AttachmentPage />
+    ),
+})
+
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
similarity index 67%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
index 1edbb71..f80b010 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 
 
 export const attachmentsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
new file mode 100644
index 0000000..0a40c52
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AttachmentsPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.js"
+import { attachmentsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
+
+
+export const attachmentsRoute = createRoute({
+    getParentRoute: () => attachmentsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <AttachmentsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
similarity index 64%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
index afe5868..bdc07b2 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { recordLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { recordLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.js"
 
 
 export const recordRowLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
new file mode 100644
index 0000000..1ab0a48
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordRowPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.js"
+import { recordRowLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowLayoutRoute.js"
+
+
+export const recordRowRoute = createRoute({
+    getParentRoute: () => recordRowLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <RecordRowPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
similarity index 64%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
index dabfa13..566ed22 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { recordsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { recordsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.js"
 
 
 export const recordLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
new file mode 100644
index 0000000..df08aaa
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.js"
+import { recordLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordLayoutRoute.js"
+
+
+export const recordRoute = createRoute({
+    getParentRoute: () => recordLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <RecordPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
similarity index 67%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
index 5570b9a..a852121 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 
 
 export const recordsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
new file mode 100644
index 0000000..842451f
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordsPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.js"
+import { recordsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsLayoutRoute.js"
+
+
+export const recordsRoute = createRoute({
+    getParentRoute: () => recordsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <RecordsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
new file mode 100644
index 0000000..6d4dfc6
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { BalanceReportPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.js"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
+
+
+export const balanceReportRoute = createRoute({
+    getParentRoute: () => reportsLayoutRoute,
+    path: "/balance",
+    beforeLoad: () => ({
+        title: "Balance"
+    }),
+    component: () => (
+        <BalanceReportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
new file mode 100644
index 0000000..26098b2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { BalanceSheetReportPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.js"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
+
+
+export const balanceSheetReportRoute = createRoute({
+    getParentRoute: () => reportsLayoutRoute,
+    path: "/bilan",
+    beforeLoad: () => ({
+        title: "Bilan"
+    }),
+    component: () => (
+        <BalanceSheetReportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
new file mode 100644
index 0000000..319ae0b
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { IncomeStatementReportPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.js"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
+
+
+export const incomeStatementReportRoute = createRoute({
+    getParentRoute: () => reportsLayoutRoute,
+    path: "/compte-de-résultat",
+    beforeLoad: () => ({
+        title: "Compte de résultat"
+    }),
+    component: () => (
+        <IncomeStatementReportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
new file mode 100644
index 0000000..5536e79
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { JournalReportPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.js"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
+
+
+export const journalReportRoute = createRoute({
+    getParentRoute: () => reportsLayoutRoute,
+    path: "/livre-journal",
+    beforeLoad: () => ({
+        title: "Livre-journal"
+    }),
+    component: () => (
+        <JournalReportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
new file mode 100644
index 0000000..bcdce52
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { LedgerReportPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.js"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
+
+
+export const ledgerReportRoute = createRoute({
+    getParentRoute: () => reportsLayoutRoute,
+    path: "/grand-livre",
+    beforeLoad: () => ({
+        title: "Grand livre"
+    }),
+    component: () => (
+        <LedgerReportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
similarity index 51%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
index 177d525..6c45e72 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.tsx
@@ -1,6 +1,6 @@
-import { ReportsLayout } from "#/features/organizations/$idOrganization/years/$idYear/reports/reportsLayout.js"
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { ReportsLayout } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.js"
+import { yearLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 
 
 export const reportsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
similarity index 70%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
index 24ab3fb..dfd2f0f 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
@@ -1,5 +1,5 @@
-import { reportsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
 import { createRoute, redirect } from "@tanstack/react-router"
+import { reportsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
 
 
 export const reportsRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
similarity index 55%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
index a1ec910..47aa035 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx
@@ -1,15 +1,15 @@
-import { YearLayout } from "#/features/organizations/$idOrganization/years/$idYear/yearLayout.js"
-import { yearPathRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const yearLayoutRoute = createRoute({
-    getParentRoute: () => yearPathRoute,
-    id: "yearLayout",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <YearLayout />
-    ),
-})
+import { createRoute } from "@tanstack/react-router"
+import { YearLayout } from "../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.js"
+import { yearPathRoute } from "./yearPathRoute.js"
+
+
+export const yearLayoutRoute = createRoute({
+    getParentRoute: () => yearPathRoute,
+    id: "yearLayout",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <YearLayout />
+    ),
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
similarity index 65%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
index 5d8e77c..68e23b4 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearPathRoute.tsx
@@ -1,11 +1,11 @@
-import { yearsPathRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const yearPathRoute = createRoute({
-    getParentRoute: () => yearsPathRoute,
-    path: "/$idYear",
-    beforeLoad: () => ({
-        title: "Exercice"
-    }),
-})
+import { createRoute } from "@tanstack/react-router"
+import { yearsPathRoute } from "../yearsPathRoute.tsx"
+
+
+export const yearPathRoute = createRoute({
+    getParentRoute: () => yearsPathRoute,
+    path: "/$idYear",
+    beforeLoad: () => ({
+        title: "Exercice"
+    }),
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
similarity index 75%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
index bdc0d97..08f9028 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
@@ -1,5 +1,5 @@
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 import { createRoute, redirect } from "@tanstack/react-router"
+import { yearLayoutRoute } from "./yearLayoutRoute.tsx"
 
 
 export const yearRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
similarity index 61%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
index c70745d..445fa90 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { accountsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { accountsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.js"
 
 
 export const accountLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
new file mode 100644
index 0000000..09251a7
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AccountPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.js"
+import { accountLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.js"
+
+
+export const accountRoute = createRoute({
+    getParentRoute: () => accountLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <AccountPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
similarity index 63%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
index 520ab2c..465b301 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearSettingsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 
 
 export const accountsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
new file mode 100644
index 0000000..4a1b831
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AccountsPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.js"
+import { accountsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsLayoutRoute.js"
+
+
+export const accountsRoute = createRoute({
+    getParentRoute: () => accountsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <AccountsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
similarity index 61%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
index a24870b..798d622 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { balanceSheetsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { balanceSheetsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.js"
 
 
 export const balanceSheetLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
new file mode 100644
index 0000000..63e49f0
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { BalanceSheetPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.js"
+import { balanceSheetLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetLayoutRoute.js"
+
+
+export const balanceSheetRoute = createRoute({
+    getParentRoute: () => balanceSheetLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <BalanceSheetPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
similarity index 62%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
index ba8a637..fbea214 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearSettingsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 
 
 export const balanceSheetsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
new file mode 100644
index 0000000..797b54f
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { BalanceSheetsPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.js"
+import { balanceSheetsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsLayoutRoute.js"
+
+
+export const balanceSheetsRoute = createRoute({
+    getParentRoute: () => balanceSheetsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <BalanceSheetsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
similarity index 62%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
index 0170c27..f4177ba 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { incomeStatementsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { incomeStatementsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
 
 
 export const incomeStatementLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
new file mode 100644
index 0000000..674221c
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { IncomeStatementPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.js"
+import { incomeStatementLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementLayoutRoute.js"
+
+
+export const incomeStatementRoute = createRoute({
+    getParentRoute: () => incomeStatementLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <IncomeStatementPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
similarity index 60%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
index aa673ba..94ff104 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { computationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { computationLayoutRoute } from "../../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
 
 
 export const computationIncomeStatementLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
new file mode 100644
index 0000000..a357d3b
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComputationIncomeStatementPage } from "../../../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.js"
+import { computationIncomeStatementLayoutRoute } from "../../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.js"
+
+
+export const computationIncomeStatementRoute = createRoute({
+    getParentRoute: () => computationIncomeStatementLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <ComputationIncomeStatementPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
similarity index 58%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
index df0906c..001e3ab 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { computationsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { computationsLayoutRoute } from "../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.js"
 
 
 export const computationLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
new file mode 100644
index 0000000..20846db
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComputationPage } from "../../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.js"
+import { computationLayoutRoute } from "../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.js"
+
+
+export const computationRoute = createRoute({
+    getParentRoute: () => computationLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <ComputationPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
similarity index 59%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
index 1af2e60..e375e87 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { incomeStatementsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { incomeStatementsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
 
 
 export const computationsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
similarity index 64%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
index 29238b3..97eb699 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
@@ -1,5 +1,5 @@
-import { computationsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.js"
 import { createRoute, redirect } from "@tanstack/react-router"
+import { computationsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsLayoutRoute.js"
 
 
 export const computationsRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
similarity index 65%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
index e233c67..a32267a 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearSettingsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 
 
 export const incomeStatementsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
new file mode 100644
index 0000000..04b49f1
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { IncomeStatementsPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.js"
+import { incomeStatementsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsLayoutRoute.js"
+
+
+export const incomeStatementsRoute = createRoute({
+    getParentRoute: () => incomeStatementsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <IncomeStatementsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
similarity index 61%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
index 6474f5f..91935a4 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { journalsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { journalsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.js"
 
 
 export const journalLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
new file mode 100644
index 0000000..049f031
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { JournalPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.js"
+import { journalLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalLayoutRoute.js"
+
+
+export const journalRoute = createRoute({
+    getParentRoute: () => journalLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <JournalPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
similarity index 62%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
index 92ba8fd..a24d767 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearSettingsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 
 
 export const journalsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
new file mode 100644
index 0000000..4324013
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { JournalsPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.js"
+import { journalsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsLayoutRoute.js"
+
+
+export const journalsRoute = createRoute({
+    getParentRoute: () => journalsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <JournalsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
similarity index 61%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
index 5f1de04..81aa1c5 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { recordLabelsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { recordLabelsLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.js"
 
 
 export const recordLabelLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
new file mode 100644
index 0000000..b4c796d
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordLabelPage } from "../../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.js"
+import { recordLabelLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelLayoutRoute.js"
+
+
+export const recordLabelRoute = createRoute({
+    getParentRoute: () => recordLabelLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <RecordLabelPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
similarity index 63%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
index 2c8e69b..2de672f 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { yearSettingsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { yearSettingsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
 
 
 export const recordLabelsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
new file mode 100644
index 0000000..b14cfa3
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordLabelsPage } from "../../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.js"
+import { recordLabelsLayoutRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsLayoutRoute.js"
+
+
+export const recordLabelsRoute = createRoute({
+    getParentRoute: () => recordLabelsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <RecordLabelsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
similarity index 50%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
index f55f3b3..ce5b1dd 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx
@@ -1,6 +1,6 @@
-import { YearSettingsLayout } from "#/features/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.js"
-import { yearLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { YearSettingsLayout } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.js"
+import { yearLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.js"
 
 
 export const yearSettingsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
new file mode 100644
index 0000000..589b2f8
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { YearSettingsPage } from "../../../../../../../../features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.js"
+import { yearSettingsLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.js"
+
+
+export const yearSettingsRoute = createRoute({
+    getParentRoute: () => yearSettingsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <YearSettingsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsLayoutRoute.tsx
similarity index 68%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsLayoutRoute.tsx
index 9ee0801..f5e03a8 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsLayoutRoute.tsx
@@ -1,5 +1,5 @@
-import { organizationLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationLayoutRoute.js"
 import { createRoute, Outlet } from "@tanstack/react-router"
+import { organizationLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.js"
 
 
 export const yearsLayoutRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsPathRoute.tsx
similarity index 63%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsPathRoute.tsx
index 4891c66..048dbd0 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsPathRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsPathRoute.tsx
@@ -1,5 +1,5 @@
-import { organizationPathRoute } from "#/routes/root/auth/organizations/$idOrganization/organizationPathRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { organizationPathRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationPathRoute.js"
 
 
 export const yearsPathRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsRoute.tsx
similarity index 53%
rename from packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsRoute.tsx
index ac67f1c..9fb0d7c 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/$idOrganization/years/yearsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/yearsRoute.tsx
@@ -1,6 +1,6 @@
-import { YearsPage } from "#/features/organizations/$idOrganization/years/yearsPage.js"
-import { yearsLayoutRoute } from "#/routes/root/auth/organizations/$idOrganization/years/yearsLayoutRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { YearsPage } from "../../../../../../features/dashboard/organizations/$idOrganization/years/yearsPage.js"
+import { yearsLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/years/yearsLayoutRoute.js"
 
 
 export const yearsRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/organizationsLayoutRoute.tsx
similarity index 67%
rename from packages/dashboard/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/organizationsLayoutRoute.tsx
index ce7bba7..5dc2a10 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/organizationsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/organizationsLayoutRoute.tsx
@@ -1,14 +1,14 @@
-import { authLayoutRoute } from "#/routes/root/authLayoutRoute.js"
-import { createRoute, Outlet } from "@tanstack/react-router"
-
-
-export const organizationsLayoutRoute = createRoute({
-    getParentRoute: () => authLayoutRoute,
-    path: "/organisations",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <Outlet />
-    )
-})
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { dashboardLayoutRoute } from "../dashboardLayoutRoute.js"
+
+
+export const organizationsLayoutRoute = createRoute({
+    getParentRoute: () => dashboardLayoutRoute,
+    path: "/organisations",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/organizations/organizationsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/organizationsRoute.tsx
similarity index 59%
rename from packages/dashboard/src/routes/root/auth/organizations/organizationsRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/organizationsRoute.tsx
index 3be97d1..317a3b0 100644
--- a/packages/dashboard/src/routes/root/auth/organizations/organizationsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/organizationsRoute.tsx
@@ -1,15 +1,15 @@
-import { OrganizationsPage } from "#/features/organizations/organizationsPage.js"
-import { organizationsLayoutRoute } from "#/routes/root/auth/organizations/organizationsLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const organizationsRoute = createRoute({
-    getParentRoute: () => organizationsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "Organisations"
-    }),
-    component: () => (
-        <OrganizationsPage />
-    )
-})
+import { createRoute } from "@tanstack/react-router"
+import { OrganizationsPage } from "../../../../features/dashboard/organizations/organizationsPage.js"
+import { organizationsLayoutRoute } from "./organizationsLayoutRoute.js"
+
+
+export const organizationsRoute = createRoute({
+    getParentRoute: () => organizationsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Organisations"
+    }),
+    component: () => (
+        <OrganizationsPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/settings/settingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/settings/settingsLayoutRoute.tsx
similarity index 66%
rename from packages/dashboard/src/routes/root/auth/settings/settingsLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/settings/settingsLayoutRoute.tsx
index fac6d0a..37fd29a 100644
--- a/packages/dashboard/src/routes/root/auth/settings/settingsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/settings/settingsLayoutRoute.tsx
@@ -1,14 +1,14 @@
-import { authLayoutRoute } from "#/routes/root/authLayoutRoute.js"
-import { createRoute, Outlet } from "@tanstack/react-router"
-
-
-export const settingsLayoutRoute = createRoute({
-    getParentRoute: () => authLayoutRoute,
-    path: "/paramètres",
-    beforeLoad: () => ({
-        title: "Paramètres"
-    }),
-    component: () => (
-        <Outlet />
-    )
-})
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { dashboardLayoutRoute } from "../dashboardLayoutRoute.js"
+
+
+export const settingsLayoutRoute = createRoute({
+    getParentRoute: () => dashboardLayoutRoute,
+    path: "/paramètres",
+    beforeLoad: () => ({
+        title: "Paramètres"
+    }),
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/auth/settings/settingsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/settings/settingsRoute.tsx
similarity index 61%
rename from packages/dashboard/src/routes/root/auth/settings/settingsRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/settings/settingsRoute.tsx
index e890e02..959cda6 100644
--- a/packages/dashboard/src/routes/root/auth/settings/settingsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/settings/settingsRoute.tsx
@@ -1,6 +1,6 @@
-import { SettingsPage } from "#/features/settings/settingsPage.js"
-import { settingsLayoutRoute } from "#/routes/root/auth/settings/settingsLayoutRoute.js"
 import { createRoute } from "@tanstack/react-router"
+import { settingsLayoutRoute } from "./settingsLayoutRoute.js"
+import { SettingsPage } from "../../../../features/dashboard/settings/settingsPage.js"
 
 
 export const settingsRoute = createRoute({
diff --git a/packages/dashboard/src/routes/root/auth/support/supportRoute.tsx b/packages/dashboard/src/routes/root/dashboard/support/supportRoute.tsx
similarity index 54%
rename from packages/dashboard/src/routes/root/auth/support/supportRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/support/supportRoute.tsx
index 5db9104..88c57cf 100644
--- a/packages/dashboard/src/routes/root/auth/support/supportRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/support/supportRoute.tsx
@@ -1,15 +1,15 @@
-import { SupportPage } from "#/features/support/supportPage.js"
-import { authLayoutRoute } from "#/routes/root/authLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const supportRoute = createRoute({
-    getParentRoute: () => authLayoutRoute,
-    path: "/support",
-    beforeLoad: () => ({
-        title: "Support"
-    }),
-    component: () => (
-        <SupportPage />
-    )
-})
+import { createRoute } from "@tanstack/react-router"
+import { SupportPage } from "../../../../features/dashboard/support/supportPage.js"
+import { dashboardLayoutRoute } from "../dashboardLayoutRoute.js"
+
+
+export const supportRoute = createRoute({
+    getParentRoute: () => dashboardLayoutRoute,
+    path: "/support",
+    beforeLoad: () => ({
+        title: "Support"
+    }),
+    component: () => (
+        <SupportPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
new file mode 100644
index 0000000..f2ad689
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
@@ -0,0 +1,11 @@
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { docsLayoutRoute } from "../docsLayoutRoute.js"
+
+
+export const accountingLayoutRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/comptabilité",
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
new file mode 100644
index 0000000..ebd4f69
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComptabiliteComptes } from "../../../../features/docs/comptabilite/comptes.tsx"
+import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
+
+
+export const accountsRoute = createRoute({
+    getParentRoute: () => accountingLayoutRoute,
+    path: "/comptes",
+    beforeLoad: () => ({
+        title: "Les comptes comptables - Arrhes"
+    }),
+    component: () => (
+        <ComptabiliteComptes />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
new file mode 100644
index 0000000..afcb5fa
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComptabiliteDocuments } from "../../../../features/docs/comptabilite/documents.tsx"
+import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
+
+
+export const documentsRoute = createRoute({
+    getParentRoute: () => accountingLayoutRoute,
+    path: "/documents",
+    beforeLoad: () => ({
+        title: "Les documents comptables - Arrhes"
+    }),
+    component: () => (
+        <ComptabiliteDocuments />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
new file mode 100644
index 0000000..8dfdee2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComptabiliteIntroduction } from "../../../../features/docs/comptabilite/introduction.tsx"
+import { accountingLayoutRoute } from "./accountingLayoutRoute.tsx"
+
+
+export const introductionRoute = createRoute({
+    getParentRoute: () => accountingLayoutRoute,
+    path: "/introduction",
+    beforeLoad: () => ({
+        title: "Introduction a la comptabilite - Arrhes"
+    }),
+    component: () => (
+        <ComptabiliteIntroduction />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
new file mode 100644
index 0000000..6160984
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComptabiliteEcritures } from "../../../../features/docs/comptabilite/ecritures.tsx"
+import { accountingLayoutRoute } from "./accountingLayoutRoute.tsx"
+
+
+export const recordsRoute = createRoute({
+    getParentRoute: () => accountingLayoutRoute,
+    path: "/écritures",
+    beforeLoad: () => ({
+        title: "Les ecritures comptables - Arrhes"
+    }),
+    component: () => (
+        <ComptabiliteEcritures />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
new file mode 100644
index 0000000..2f9f1f3
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
@@ -0,0 +1,19 @@
+import { createRoute } from "@tanstack/react-router"
+import { CircularLoader } from "../../../components/layouts/circularLoader.js"
+import { DocumentationLayout } from "../../../features/docs/documentationLayout.js"
+import { rootLayoutRoute } from "../../rootLayoutRoute.js"
+
+
+export const docsLayoutRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: "/docs",
+    pendingComponent: () => (
+        <CircularLoader />
+    ),
+    beforeLoad: () => ({
+        title: "Documentation - Arrhes"
+    }),
+    component: () => (
+        <DocumentationLayout />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx b/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
new file mode 100644
index 0000000..123c641
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { DocumentationIndex } from "../../../features/docs/documentationIndex.tsx"
+import { docsLayoutRoute } from "./docsLayoutRoute.tsx"
+
+
+export const docsRootRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Documentation - Arrhes"
+    }),
+    component: () => (
+        <DocumentationIndex />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/docsTree.ts b/packages/dashboard/src/routes/root/docs/docsTree.ts
new file mode 100644
index 0000000..dc613b9
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/docsTree.ts
@@ -0,0 +1,30 @@
+import { AnyRoute } from "@tanstack/react-router"
+import { accountLayoutRoute } from "../dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.js"
+import { accountsRoute } from "./accounting/accountsRoute.js"
+import { documentsRoute } from "./accounting/documentsRoute.js"
+import { introductionRoute } from "./accounting/introductionRoute.js"
+import { recordsRoute } from "./accounting/recordsRoute.js"
+import { docsLayoutRoute } from "./docsLayoutRoute.js"
+import { docsRootRoute } from "./docsRootRoute.js"
+import { guideDemarrageRoute } from "./guide/demarrageRoute.js"
+import { guideLayoutRoute } from "./guide/guideLayoutRoute.js"
+import { guideOrganisationsRoute } from "./guide/organisationsRoute.js"
+import { guideRapportsRoute } from "./guide/rapportsRoute.js"
+import { guideRecordRowsRoute } from "./guide/recordRowsRoute.js"
+
+
+export const docsTree: AnyRoute = docsLayoutRoute.addChildren([
+    docsRootRoute,
+    accountLayoutRoute.addChildren([
+        introductionRoute,
+        accountsRoute,
+        recordsRoute,
+        documentsRoute,
+    ]),
+    guideLayoutRoute.addChildren([
+        guideDemarrageRoute,
+        guideOrganisationsRoute,
+        guideRecordRowsRoute,
+        guideRapportsRoute,
+    ])
+])
\ No newline at end of file
diff --git a/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
new file mode 100644
index 0000000..2d8be88
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GuideDemarrage } from "../../../../features/docs/guide/demarrage.tsx"
+import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
+
+
+export const guideDemarrageRoute = createRoute({
+    getParentRoute: () => guideLayoutRoute,
+    path: "/démarrage",
+    beforeLoad: () => ({
+        title: "Demarrer avec Arrhes"
+    }),
+    component: () => (
+        <GuideDemarrage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
new file mode 100644
index 0000000..f261b04
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
@@ -0,0 +1,11 @@
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { docsLayoutRoute } from "../docsLayoutRoute.js"
+
+
+export const guideLayoutRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/guide",
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
new file mode 100644
index 0000000..31e4a26
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GuideOrganisations } from "../../../../features/docs/guide/organisations.tsx"
+import { guideLayoutRoute } from "./guideLayoutRoute.js"
+
+
+export const guideOrganisationsRoute = createRoute({
+    getParentRoute: () => guideLayoutRoute,
+    path: "/organisations",
+    beforeLoad: () => ({
+        title: "Gerer les organisations - Arrhes"
+    }),
+    component: () => (
+        <GuideOrganisations />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
new file mode 100644
index 0000000..5cb0e4e
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GuideRapports } from "../../../../features/docs/guide/rapports.tsx"
+import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
+
+
+export const guideRapportsRoute = createRoute({
+    getParentRoute: () => guideLayoutRoute,
+    path: "/rapports",
+    beforeLoad: () => ({
+        title: "Generer des rapports - Arrhes"
+    }),
+    component: () => (
+        <GuideRapports />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
new file mode 100644
index 0000000..058ad81
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GuideEcritures } from "../../../../features/docs/guide/ecritures.tsx"
+import { guideLayoutRoute } from "./guideLayoutRoute.js"
+
+
+export const guideRecordRowsRoute = createRoute({
+    getParentRoute: () => guideLayoutRoute,
+    path: "/écritures",
+    beforeLoad: () => ({
+        title: "Saisir des ecritures - Arrhes"
+    }),
+    component: () => (
+        <GuideEcritures />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/errorRoute.tsx b/packages/dashboard/src/routes/root/errorRoute.tsx
index 1d70fc4..4b3533f 100644
--- a/packages/dashboard/src/routes/root/errorRoute.tsx
+++ b/packages/dashboard/src/routes/root/errorRoute.tsx
@@ -1,15 +1,15 @@
-import { ErrorPage } from "#/features/error/errorPage.js"
-import { rootLayoutRoute } from "#/routes/rootLayoutRoute.js"
-import { createRoute } from "@tanstack/react-router"
-
-
-export const errorRoute = createRoute({
-    getParentRoute: () => rootLayoutRoute,
-    path: "/error",
-    beforeLoad: () => ({
-        title: "Error"
-    }),
-    component: () => (
-        <ErrorPage />
-    )
-})
+import { ErrorPage } from "../../features/error/errorPage.js"
+import { rootLayoutRoute } from "../../routes/rootLayoutRoute.js"
+import { createRoute } from "@tanstack/react-router"
+
+
+export const errorRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: "/error",
+    beforeLoad: () => ({
+        title: "Error"
+    }),
+    component: () => (
+        <ErrorPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/public/signInRoute.tsx b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
similarity index 56%
rename from packages/dashboard/src/routes/root/public/signInRoute.tsx
rename to packages/dashboard/src/routes/root/signIn/signInRoute.tsx
index 9431ddb..37c36cc 100644
--- a/packages/dashboard/src/routes/root/public/signInRoute.tsx
+++ b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
@@ -1,22 +1,22 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { SignInPage } from "#/features/signIn/signInPage.js"
-import { publicLayoutRoute } from "#/routes/root/publicLayoutRoute.js"
-import { createRoute, redirect } from "@tanstack/react-router"
-
-
-export const signInRoute = createRoute({
-    getParentRoute: () => publicLayoutRoute,
-    path: '/connexion',
-    pendingComponent: () => <CircularLoader />,
-    beforeLoad: async ({ context }) => {
-        if (context.isAuthenticated === true) {
-            throw redirect({ to: "/" })
-        }
-        return ({
-            title: "Connexion"
-        })
-    },
-    component: () => (
-        <SignInPage />
-    )
-})
+import { createRoute, redirect } from "@tanstack/react-router"
+import { CircularLoader } from "../../../components/layouts/circularLoader.js"
+import { SignInPage } from "../../../features/signIn/signInPage.js"
+import { rootLayoutRoute } from "../../rootLayoutRoute.js"
+
+
+export const signInRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: '/connexion',
+    pendingComponent: () => <CircularLoader />,
+    beforeLoad: async ({ context }) => {
+        if (context.isAuthenticated === true) {
+            throw redirect({ to: "/dashboard" })
+        }
+        return ({
+            title: "Connexion"
+        })
+    },
+    component: () => (
+        <SignInPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/public/signUpRoute.tsx b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
similarity index 54%
rename from packages/dashboard/src/routes/root/public/signUpRoute.tsx
rename to packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
index 46f6258..fc96cb1 100644
--- a/packages/dashboard/src/routes/root/public/signUpRoute.tsx
+++ b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
@@ -1,27 +1,27 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { SignUpPage } from "#/features/signUp/signUpPage.js"
-import { publicLayoutRoute } from "#/routes/root/publicLayoutRoute.js"
-import { createRoute, redirect } from "@tanstack/react-router"
-
-
-export const signUpRoute = createRoute({
-    getParentRoute: () => publicLayoutRoute,
-    path: '/inscription',
-    pendingComponent: () => (
-        <CircularLoader />
-    ),
-    beforeLoad: async ({ context }) => {
-        if (context.isAuthenticated === true) {
-            throw redirect({
-                to: '/'
-            })
-        }
-        return ({
-            title: "Inscription",
-            description: "Veuillez entrer les informations nécessaires à l'inscription"
-        })
-    },
-    component: () => (
-        <SignUpPage />
-    )
-})
+import { createRoute, redirect } from "@tanstack/react-router"
+import { CircularLoader } from "../../../components/layouts/circularLoader.js"
+import { SignUpPage } from "../../../features/signUp/signUpPage.js"
+import { rootLayoutRoute } from "../../rootLayoutRoute.js"
+
+
+export const signUpRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: '/inscription',
+    pendingComponent: () => (
+        <CircularLoader />
+    ),
+    beforeLoad: async ({ context }) => {
+        if (context.isAuthenticated === true) {
+            throw redirect({
+                to: '/dashboard'
+            })
+        }
+        return ({
+            title: "Inscription",
+            description: "Veuillez entrer les informations necessaires a l'inscription"
+        })
+    },
+    component: () => (
+        <SignUpPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/website/landingRoute.tsx b/packages/dashboard/src/routes/root/website/landingRoute.tsx
new file mode 100644
index 0000000..8652d35
--- /dev/null
+++ b/packages/dashboard/src/routes/root/website/landingRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { LandingPage } from "../../../features/website/landingPage.tsx"
+import { websiteLayoutRoute } from "./websiteLayoutRoute.tsx"
+
+
+export const websiteRootRoute = createRoute({
+    getParentRoute: () => websiteLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Arrhes - Logiciel de comptabilite libre"
+    }),
+    component: () => (
+        <LandingPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/publicLayoutRoute.tsx b/packages/dashboard/src/routes/root/website/websiteLayoutRoute.tsx
similarity index 52%
rename from packages/dashboard/src/routes/root/publicLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/website/websiteLayoutRoute.tsx
index c1cc119..f899bb5 100644
--- a/packages/dashboard/src/routes/root/publicLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/website/websiteLayoutRoute.tsx
@@ -1,16 +1,16 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { rootLayoutRoute } from "#/routes/rootLayoutRoute.js"
-import { createRoute, Outlet } from "@tanstack/react-router"
-
-
-export const publicLayoutRoute = createRoute({
-    getParentRoute: () => rootLayoutRoute,
-    id: "publicLayout",
-    pendingComponent: () => (
-        <CircularLoader />
-    ),
-    beforeLoad: () => { },
-    component: () => (
-        <Outlet />
-    )
-})
+import { CircularLoader } from "@arrhes/ui"
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { rootLayoutRoute } from "../../rootLayoutRoute.tsx"
+
+
+export const websiteLayoutRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    id: "websiteLayout",
+    pendingComponent: () => (
+        <CircularLoader />
+    ),
+    beforeLoad: () => { },
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/rootLayoutRoute.tsx b/packages/dashboard/src/routes/rootLayoutRoute.tsx
index b0b116d..a5fd5f1 100644
--- a/packages/dashboard/src/routes/rootLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/rootLayoutRoute.tsx
@@ -1,36 +1,36 @@
-import { CircularLoader } from "#/components/layouts/circularLoader.js"
-import { RootLayout } from "#/features/rootLayout.js"
-import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
-import { createRootRouteWithContext, useRouterState } from "@tanstack/react-router"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-
-
-export const rootLayoutRoute = createRootRouteWithContext<{
-    title: string | undefined
-    isAuthenticated: boolean | undefined
-    userSession: Promise<v.InferOutput<typeof readUserSessionRouteDefinition.schemas.return> | undefined> | undefined
-}>()({
-    pendingComponent: () => (
-        <CircularLoader
-            text="Platform loading..."
-        />
-    ),
-    beforeLoad: ({ }) => { },
-    component: () => {
-        const matches = useRouterState({ select: (s) => s.matches })
-
-        const matchWithTitle = [...matches]
-            .reverse()
-            .find((d) => d.context.title)
-
-        const title = matchWithTitle?.context.title || "arrhes"
-
-        return (
-            <Fragment>
-                <title>{title}</title>
-                <RootLayout />
-            </Fragment>
-        )
-    },
-})
+import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
+import { createRootRouteWithContext, useRouterState } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
+import * as v from "valibot"
+import { CircularLoader } from "../components/layouts/circularLoader.js"
+import { RootLayout } from "../features/rootLayout.js"
+
+
+export const rootLayoutRoute = createRootRouteWithContext<{
+    title: string | undefined
+    isAuthenticated: boolean | undefined
+    userSession: Promise<v.InferOutput<typeof readUserSessionRouteDefinition.schemas.return> | undefined> | undefined
+}>()({
+    pendingComponent: () => (
+        <CircularLoader
+            text="Platform loading..."
+        />
+    ),
+    beforeLoad: ({ }) => { },
+    component: () => {
+        const matches = useRouterState({ select: (s) => s.matches })
+
+        const matchWithTitle = [...matches]
+            .reverse()
+            .find((d) => d.context.title)
+
+        const title = matchWithTitle?.context.title || "Arrhes"
+
+        return (
+            <Fragment>
+                <title>{title}</title>
+                <RootLayout />
+            </Fragment>
+        )
+    },
+})
diff --git a/packages/dashboard/src/utilities/cn.ts b/packages/dashboard/src/utilities/cn.ts
index 7883815..b0e7544 100644
--- a/packages/dashboard/src/utilities/cn.ts
+++ b/packages/dashboard/src/utilities/cn.ts
@@ -1,7 +1,7 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-
-export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs))
-}
+import { css, cx } from "../../styled-system/css"
+
+export { css, cx }
+
+export function cn(...inputs: (string | undefined | null | false)[]) {
+    return cx(...inputs.filter(Boolean) as string[])
+}
diff --git a/packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts b/packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts
index 47c301a..28ce323 100644
--- a/packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts
+++ b/packages/dashboard/src/utilities/cookies/getIsAuthenticated.ts
@@ -1,4 +1,4 @@
-import { cookiePrefix } from "#/utilities/variables.js"
+import { cookiePrefix } from "../../utilities/variables.js"
 import { getCookie } from "./getCookie.js"
 
 
diff --git a/packages/dashboard/src/utilities/cookies/getUserSession.ts b/packages/dashboard/src/utilities/cookies/getUserSession.ts
index 3128336..f46089c 100644
--- a/packages/dashboard/src/utilities/cookies/getUserSession.ts
+++ b/packages/dashboard/src/utilities/cookies/getUserSession.ts
@@ -1,5 +1,5 @@
-import { getIsAuthenticated } from "#/utilities/cookies/getIsAuthenticated.js"
-import { postAPI } from "#/utilities/postAPI.js"
+import { getIsAuthenticated } from "../../utilities/cookies/getIsAuthenticated.js"
+import { postAPI } from "../../utilities/postAPI.js"
 import { readUserSessionRouteDefinition } from "@arrhes/application-metadata/routes"
 
 
diff --git a/packages/dashboard/src/utilities/invalidateData.ts b/packages/dashboard/src/utilities/invalidateData.ts
index 83b9896..34eb0c9 100644
--- a/packages/dashboard/src/utilities/invalidateData.ts
+++ b/packages/dashboard/src/utilities/invalidateData.ts
@@ -1,4 +1,4 @@
-import { dataClient } from "#/contexts/data/queryClient.js"
+import { dataClient } from "../contexts/data/queryClient.js"
 import { routeDefinition } from "@arrhes/application-metadata/utilities"
 import * as v from "valibot"
 
diff --git a/packages/dashboard/src/utilities/postAPI.ts b/packages/dashboard/src/utilities/postAPI.ts
index 527dff2..24f1684 100644
--- a/packages/dashboard/src/utilities/postAPI.ts
+++ b/packages/dashboard/src/utilities/postAPI.ts
@@ -1,77 +1,77 @@
-import { toast } from "#/contexts/toasts/useToast.js"
-import { routeDefinition } from "@arrhes/application-metadata/utilities"
-import * as v from "valibot"
-import { ClientError } from "./clientError.js"
-import { validate } from "./validate.js"
-
-
-export async function postAPI<
-    TSchemaBody extends v.ObjectSchema<v.ObjectEntries, undefined>,
-    TSchemaReturn extends v.ObjectSchema<v.ObjectEntries, undefined> | v.ArraySchema<v.ObjectSchema<v.ObjectEntries, undefined>, undefined>
->(
-    parameters: {
-        routeDefinition: ReturnType<typeof routeDefinition<
-            string,
-            TSchemaBody,
-            TSchemaReturn
-        >>
-        body: v.InferOutput<TSchemaBody>
-        hasToastMessage?: boolean,
-        signal?: AbortSignal
-    }
-) {
-    const abortController = new AbortController()
-    try {
-        const response = await fetch(
-            new URL(`${import.meta.env.VITE_PUBLIC_API_URL}${parameters.routeDefinition.path}`),
-            {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json"
-                },
-                credentials: 'include',
-                body: JSON.stringify(parameters.body),
-                signal: parameters.signal ?? abortController.signal
-            }
-        )
-        const jsonResponse = JSON.parse(await response.text() || "{}")
-        if (response.ok === false) {
-            throw new ClientError({
-                message: "Error with the POST request response",
-                cause: jsonResponse.message,
-            })
-        }
-
-        const parsedData = validate({
-            schema: parameters.routeDefinition.schemas.return,
-            data: jsonResponse
-        })
-
-        if (parsedData.success === false) {
-            throw new ClientError({
-                message: "Error with the POST request body data validation",
-                rawError: parsedData.error,
-            })
-        }
-
-        return <const>{
-            ok: true,
-            data: parsedData.data,
-            error: undefined
-        }
-    } catch (error: unknown) {
-        abortController.abort()
-
-        if (parameters.hasToastMessage) {
-            toast({ title: "Error with the API.", variant: "error" })
-        }
-
-        return <const>{
-            ok: false,
-            data: undefined,
-            error: new ClientError({
-                rawError: error,
-            }),
-        }
-    }
+import { toast } from "../contexts/toasts/useToast.js"
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
+import * as v from "valibot"
+import { ClientError } from "./clientError.js"
+import { validate } from "./validate.js"
+
+
+export async function postAPI<
+    TSchemaBody extends v.ObjectSchema<v.ObjectEntries, undefined>,
+    TSchemaReturn extends v.ObjectSchema<v.ObjectEntries, undefined> | v.ArraySchema<v.ObjectSchema<v.ObjectEntries, undefined>, undefined>
+>(
+    parameters: {
+        routeDefinition: ReturnType<typeof routeDefinition<
+            string,
+            TSchemaBody,
+            TSchemaReturn
+        >>
+        body: v.InferOutput<TSchemaBody>
+        hasToastMessage?: boolean,
+        signal?: AbortSignal
+    }
+) {
+    const abortController = new AbortController()
+    try {
+        const response = await fetch(
+            new URL(`${import.meta.env.VITE_API_BASE_URL}${parameters.routeDefinition.path}`),
+            {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                credentials: 'include',
+                body: JSON.stringify(parameters.body),
+                signal: parameters.signal ?? abortController.signal
+            }
+        )
+        const jsonResponse = JSON.parse(await response.text() || "{}")
+        if (response.ok === false) {
+            throw new ClientError({
+                message: "Error with the POST request response",
+                cause: jsonResponse.message,
+            })
+        }
+
+        const parsedData = validate({
+            schema: parameters.routeDefinition.schemas.return,
+            data: jsonResponse
+        })
+
+        if (parsedData.success === false) {
+            throw new ClientError({
+                message: "Error with the POST request body data validation",
+                rawError: parsedData.error,
+            })
+        }
+
+        return <const>{
+            ok: true,
+            data: parsedData.data,
+            error: undefined
+        }
+    } catch (error: unknown) {
+        abortController.abort()
+
+        if (parameters.hasToastMessage) {
+            toast({ title: "Error with the API.", variant: "error" })
+        }
+
+        return <const>{
+            ok: false,
+            data: undefined,
+            error: new ClientError({
+                rawError: error,
+            }),
+        }
+    }
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/utilities/useHTTPData.ts b/packages/dashboard/src/utilities/useHTTPData.ts
index 3fafa8f..eca9a6a 100644
--- a/packages/dashboard/src/utilities/useHTTPData.ts
+++ b/packages/dashboard/src/utilities/useHTTPData.ts
@@ -6,7 +6,7 @@ import { postAPI } from "./postAPI.js"
 
 
 
-export function useHTTPData<
+export function useDataFromAPI<
     TSchemaBody extends v.ObjectSchema<v.ObjectEntries, undefined>,
     TSchemaReturn extends v.ObjectSchema<v.ObjectEntries, undefined> | v.ArraySchema<v.ObjectSchema<v.ObjectEntries, undefined>, undefined>
 >(
diff --git a/packages/dashboard/tsconfig.json b/packages/dashboard/tsconfig.json
index 3c69ee4..d48ff12 100644
--- a/packages/dashboard/tsconfig.json
+++ b/packages/dashboard/tsconfig.json
@@ -1,33 +1,40 @@
-{
-    "compilerOptions": {
-        "jsx": "react-jsx",
-        "target": "ESNext",
-        "noImplicitAny": true,
-        "skipLibCheck": true,
-        "strict": true,
-        "strictNullChecks": true,
-        "forceConsistentCasingInFileNames": true,
-        "esModuleInterop": true,
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "sourceMap": true,
-        "rootDir": "./src",
-        "outDir": "./build",
-        "paths": {
-            "#/*": [
-                "./src/*"
-            ]
-        },
-        "declaration": false,
-        "declarationMap": false,
-    },
-    "exclude": [
-        "./node_modules",
-        "./build",
-    ],
-    "include": [
-        "./src"
-    ]
+{
+    "compilerOptions": {
+        "noImplicitAny": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "target": "ES2022",
+        "useDefineForClassFields": true,
+        "lib": [
+            "ES2022",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "module": "ESNext",
+        "types": [
+            "vite/client",
+            "node"
+        ],
+        "skipLibCheck": true,
+        /* Bundler mode */
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        "jsx": "react-jsx",
+        /* Linting */
+        "strict": true,
+        "noFallthroughCasesInSwitch": true,
+        /* Path aliases */
+        "baseUrl": "."
+    },
+    "include": [
+        "src"
+    ]
 }
\ No newline at end of file
diff --git a/packages/dashboard/vite.config.ts b/packages/dashboard/vite.config.ts
index dde45b2..43732bc 100644
--- a/packages/dashboard/vite.config.ts
+++ b/packages/dashboard/vite.config.ts
@@ -1,56 +1,39 @@
-import tailwindcss from "@tailwindcss/vite"
-import react from '@vitejs/plugin-react'
-import { resolve } from "path"
-import { defineConfig } from 'vite'
-
-
-export default defineConfig(() => {
-    return {
-        plugins: [
-            react({ include: "**/*.tsx", }),
-            tailwindcss(),
-        ],
-        assetsInclude: ['**/*.md'],
-        root: './src',
-        base: "/",
-        envDir: "../",
-        server: {
-            host: true,
-            port: 5173,
-            watch: {
-                usePolling: true
-            },
-            hmr: true,
-        },
-        build: {
-            outDir: '../build',
-            rollupOptions: {
-                output: {
-                    entryFileNames: "[hash].js",
-                    chunkFileNames: "[hash].js",
-                    assetFileNames: "[hash].[ext]",
-                    manualChunks(id: string) {
-                        if (id.includes('react-dom')) {
-                            return 'react-dom'
-                        }
-                    },
-
-                }
-            }
-        },
-        resolve: {
-            conditions: ['module', 'browser', 'development|production'],
-            alias: {
-                // /esm/icons/index.mjs only exports the icons statically, so no separate chunks are created
-                '@tabler/icons-react': '@tabler/icons-react/dist/esm/icons/index.mjs',
-                "#": resolve(__dirname, "./src"),
-                "assets": resolve(__dirname, "./src/assets"),
-                "contexts": resolve(__dirname, "./src/contexts"),
-                "components": resolve(__dirname, "./src/components"),
-                "features": resolve(__dirname, "./src/features"),
-                "routes": resolve(__dirname, "./src/routes"),
-                "utilities": resolve(__dirname, "./src/utilities"),
-            },
-        },
-    }
-})
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+
+
+export default defineConfig(() => {
+    return {
+        plugins: [
+            react({ include: "**/*.tsx", }),
+        ],
+        assetsInclude: ['**/*.md'],
+        root: './src',
+        base: "/",
+        envDir: "../",
+        server: {
+            host: true,
+            port: 5173,
+            watch: {
+                usePolling: true
+            },
+            hmr: true,
+        },
+        build: {
+            outDir: '../build',
+            rollupOptions: {
+                output: {
+                    entryFileNames: "[hash].js",
+                    chunkFileNames: "[hash].js",
+                    assetFileNames: "[hash].[ext]",
+                    manualChunks(id: string) {
+                        if (id.includes('react-dom')) {
+                            return 'react-dom'
+                        }
+                    },
+
+                }
+            }
+        }
+    }
+})
diff --git a/packages/metadata/src/models/account.ts b/packages/metadata/src/models/account.ts
index 8817202..539ca64 100644
--- a/packages/metadata/src/models/account.ts
+++ b/packages/metadata/src/models/account.ts
@@ -1,7 +1,7 @@
-import { accountType, balanceSheetFlow } from "#src/components/_index.js"
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { balanceSheetColumn } from "#src/components/values/balanceSheetColumn.js"
+import { accountType, balanceSheetFlow } from "../components/_index.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { balanceSheetColumn } from "../components/values/balanceSheetColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgEnum, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { balanceSheetModel } from "./balanceSheet.js"
diff --git a/packages/metadata/src/models/attachment.ts b/packages/metadata/src/models/attachment.ts
index 429cea9..8ac6500 100644
--- a/packages/metadata/src/models/attachment.ts
+++ b/packages/metadata/src/models/attachment.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { AnyPgColumn, integer, pgTable, text, unique, varchar } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
 import { userModel } from "./user.js"
diff --git a/packages/metadata/src/models/balanceSheet.ts b/packages/metadata/src/models/balanceSheet.ts
index 421ba4f..4333635 100644
--- a/packages/metadata/src/models/balanceSheet.ts
+++ b/packages/metadata/src/models/balanceSheet.ts
@@ -1,6 +1,6 @@
-import { balanceSheetSide } from "#src/components/_index.js"
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { balanceSheetSide } from "../components/_index.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgEnum, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { accountModel } from "./account.js"
diff --git a/packages/metadata/src/models/computation.ts b/packages/metadata/src/models/computation.ts
index ebe95b1..9e71a63 100644
--- a/packages/metadata/src/models/computation.ts
+++ b/packages/metadata/src/models/computation.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, integer, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { computationIncomeStatementModel } from "./computationIncomeStatement.js"
diff --git a/packages/metadata/src/models/computationIncomeStatement.ts b/packages/metadata/src/models/computationIncomeStatement.ts
index 715030e..a9e4aa8 100644
--- a/packages/metadata/src/models/computationIncomeStatement.ts
+++ b/packages/metadata/src/models/computationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { operation } from "#src/components/values/operation.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { operation } from "../components/values/operation.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, integer, pgEnum, pgTable, unique } from "drizzle-orm/pg-core"
 import { computationModel } from "./computation.js"
diff --git a/packages/metadata/src/models/document.ts b/packages/metadata/src/models/document.ts
index 250f25d..ab6db4d 100644
--- a/packages/metadata/src/models/document.ts
+++ b/packages/metadata/src/models/document.ts
@@ -1,7 +1,7 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { documentType } from "#src/components/values/documentType.js"
-import { userModel } from "#src/models/user.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { documentType } from "../components/values/documentType.js"
+import { userModel } from "./user.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, pgEnum, pgTable, text } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
diff --git a/packages/metadata/src/models/incomeStatement.ts b/packages/metadata/src/models/incomeStatement.ts
index 9579ade..a4e0a75 100644
--- a/packages/metadata/src/models/incomeStatement.ts
+++ b/packages/metadata/src/models/incomeStatement.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { accountModel } from "./account.js"
diff --git a/packages/metadata/src/models/journal.ts b/packages/metadata/src/models/journal.ts
index 64e3b0b..fb2cb1c 100644
--- a/packages/metadata/src/models/journal.ts
+++ b/packages/metadata/src/models/journal.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { AnyPgColumn, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
 import { userModel } from "./user.js"
diff --git a/packages/metadata/src/models/organization.ts b/packages/metadata/src/models/organization.ts
index 6ddc0e7..875c408 100644
--- a/packages/metadata/src/models/organization.ts
+++ b/packages/metadata/src/models/organization.ts
@@ -1,6 +1,6 @@
-import { organizationScope } from "#src/components/_index.js"
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { organizationScope } from "../components/_index.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgEnum, pgTable, text, varchar } from "drizzle-orm/pg-core"
 import { organizationUserModel } from "./organizationUser.js"
diff --git a/packages/metadata/src/models/organizationUser.ts b/packages/metadata/src/models/organizationUser.ts
index 5d7f70e..0c20db2 100644
--- a/packages/metadata/src/models/organizationUser.ts
+++ b/packages/metadata/src/models/organizationUser.ts
@@ -1,6 +1,6 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { organizationUserStatus } from "#src/components/values/organizationUserStatus.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { organizationUserStatus } from "../components/values/organizationUserStatus.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgEnum, pgTable, unique } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
diff --git a/packages/metadata/src/models/record.ts b/packages/metadata/src/models/record.ts
index c267ee8..ecf365e 100644
--- a/packages/metadata/src/models/record.ts
+++ b/packages/metadata/src/models/record.ts
@@ -1,6 +1,6 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { recordLabelModel } from "#src/models/recordLabel.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { recordLabelModel } from "./recordLabel.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, pgTable, varchar } from "drizzle-orm/pg-core"
 import { attachmentModel } from "./attachment.js"
diff --git a/packages/metadata/src/models/recordLabel.ts b/packages/metadata/src/models/recordLabel.ts
index 8e8b812..395cab3 100644
--- a/packages/metadata/src/models/recordLabel.ts
+++ b/packages/metadata/src/models/recordLabel.ts
@@ -1,6 +1,6 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
-import { recordModel } from "#src/models/record.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { recordModel } from "./record.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
diff --git a/packages/metadata/src/models/recordRow.ts b/packages/metadata/src/models/recordRow.ts
index 74f9eab..0c346d6 100644
--- a/packages/metadata/src/models/recordRow.ts
+++ b/packages/metadata/src/models/recordRow.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, numeric, pgTable, text, varchar } from "drizzle-orm/pg-core"
 import { accountModel } from "./account.js"
diff --git a/packages/metadata/src/models/user.ts b/packages/metadata/src/models/user.ts
index 7136a7e..a172edd 100644
--- a/packages/metadata/src/models/user.ts
+++ b/packages/metadata/src/models/user.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { boolean, pgTable, text, varchar } from "drizzle-orm/pg-core"
 import { organizationUserModel } from "./organizationUser.js"
diff --git a/packages/metadata/src/models/userSession.ts b/packages/metadata/src/models/userSession.ts
index 8bae25b..de85fb6 100644
--- a/packages/metadata/src/models/userSession.ts
+++ b/packages/metadata/src/models/userSession.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { relations } from "drizzle-orm"
 import { boolean, pgTable, text } from "drizzle-orm/pg-core"
 import { userModel } from "./user.js"
diff --git a/packages/metadata/src/models/year.ts b/packages/metadata/src/models/year.ts
index 6a2c5e1..0baa376 100644
--- a/packages/metadata/src/models/year.ts
+++ b/packages/metadata/src/models/year.ts
@@ -1,5 +1,5 @@
-import { dateTimeColumn } from "#src/components/models/dateTimeColumn.js"
-import { idColumn } from "#src/components/models/idColumn.js"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
 import { AnyPgColumn, boolean, pgTable, unique, varchar } from "drizzle-orm/pg-core"
 import { organizationModel } from "./organization.js"
 import { userModel } from "./user.js"
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/deleteOneOrganization.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/deleteOneOrganization.ts
index b3d45c7..5ccffb4 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/deleteOneOrganization.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/deleteOneOrganization.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationSchema } from "#src/schemas/organization.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../components/_index.js"
+import { organizationSchema } from "../../../../../schemas/organization.js"
+import { routeDefinition } from "../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
index d8ddca9..502e42e 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/createOneOrganizationUser.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema, organizationUserSchemaReturn } from "#src/schemas/organizationUser.js"
-import { userSchema } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { organizationUserSchema, organizationUserSchemaReturn } from "../../../../../../schemas/organizationUser.js"
+import { userSchema } from "../../../../../../schemas/user.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/deleteOneOrganizationUser.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/deleteOneOrganizationUser.ts
index f81e981..4f262e2 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/deleteOneOrganizationUser.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/deleteOneOrganizationUser.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema } from "#src/schemas/organizationUser.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { organizationUserSchema } from "../../../../../../schemas/organizationUser.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
index 12367cf..4f2657b 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readAllOrganizationUsers.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema, organizationUserSchemaReturn } from "#src/schemas/organizationUser.js"
-import { userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { organizationUserSchema, organizationUserSchemaReturn } from "../../../../../../schemas/organizationUser.js"
+import { userSchemaReturn } from "../../../../../../schemas/user.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readOneOrganizationUser.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readOneOrganizationUser.ts
index 5c75f69..abca53c 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readOneOrganizationUser.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/readOneOrganizationUser.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema, organizationUserSchemaReturn } from "#src/schemas/organizationUser.js"
-import { userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { organizationUserSchema, organizationUserSchemaReturn } from "../../../../../../schemas/organizationUser.js"
+import { userSchemaReturn } from "../../../../../../schemas/user.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/updateOneOrganizationUser.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/updateOneOrganizationUser.ts
index 39e287d..ac708e7 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/updateOneOrganizationUser.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/organizationUser/updateOneOrganizationUser.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema, organizationUserSchemaReturn } from "#src/schemas/organizationUser.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { organizationUserSchema, organizationUserSchemaReturn } from "../../../../../../schemas/organizationUser.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/updateOneOrganization.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/updateOneOrganization.ts
index 4cf4ce6..e7fdef0 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/updateOneOrganization.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/organizationSettings/updateOneOrganization.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationSchema, organizationSchemaReturn } from "#src/schemas/organization.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../components/_index.js"
+import { organizationSchema, organizationSchemaReturn } from "../../../../../schemas/organization.js"
+import { routeDefinition } from "../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
index 8660224..e1e433f 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/readOneOrganization.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationSchema, organizationSchemaReturn } from "#src/schemas/organization.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../components/_index.js"
+import { organizationSchema, organizationSchemaReturn } from "../../../../schemas/organization.js"
+import { routeDefinition } from "../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
index da27661..3c55201 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { attachmentSchema } from "../../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
index 688bfcc..a717c9c 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentGetSignedUrl.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { attachmentSchema } from "../../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
index 6c026cc..5ddcdcf 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/generateAttachmentPutSignedUrl.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema, attachmentSchemaReturn } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { attachmentSchema, attachmentSchemaReturn } from "../../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
index 78ecdd3..ddc4d3f 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/readOneAttachment.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema, attachmentSchemaReturn } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { attachmentSchema, attachmentSchemaReturn } from "../../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
index 51de02a..c5128e6 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema, attachmentSchemaReturn } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { attachmentSchema, attachmentSchemaReturn } from "../../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
index de69b0c..d6e90d4 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema, attachmentSchemaReturn } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { attachmentSchema, attachmentSchemaReturn } from "../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
index 4bfa7a6..c8d86ee 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/attachments/readAllAttachments.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { attachmentSchema, attachmentSchemaReturn } from "#src/schemas/attachment.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { attachmentSchema, attachmentSchemaReturn } from "../../../../../../../schemas/attachment.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
index 559e2d7..d41d925 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/readOneYear.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema, yearSchemaReturn } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../components/_index.js"
+import { yearSchema, yearSchemaReturn } from "../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/computeOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/computeOneRecord.ts
index 9acb96d..c797f2e 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/computeOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/computeOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
index d985f6b..638ea7d 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordSchema } from "../../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
index 8598d9e..dd3e693 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
index ed1f9de..c1b630e 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/readOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/deleteOneRecordRow.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/deleteOneRecordRow.ts
index efcb286..768532d 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/deleteOneRecordRow.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/deleteOneRecordRow.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../components/_index.js"
+import { recordRowSchema } from "../../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/readOneRecordRow.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/readOneRecordRow.ts
index 56eff7a..3043989 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/readOneRecordRow.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/readOneRecordRow.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema, recordRowSchemaReturn } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../components/_index.js"
+import { recordRowSchema, recordRowSchemaReturn } from "../../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/updateOneRecordRow.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/updateOneRecordRow.ts
index 498f2fb..1a66b0c 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/updateOneRecordRow.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/$idRecordRow/updateOneRecordRow.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema, recordRowSchemaReturn } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../components/_index.js"
+import { recordRowSchema, recordRowSchemaReturn } from "../../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/createOneRecordRow.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/createOneRecordRow.ts
index 85a06c7..5fa3300 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/createOneRecordRow.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/createOneRecordRow.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema, recordRowSchemaReturn } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordRowSchema, recordRowSchemaReturn } from "../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/readAllRecordRows.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/readAllRecordRows.ts
index 76a55e3..cc6626c 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/readAllRecordRows.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/readAllRecordRows.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema, recordRowSchemaReturn } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordRowSchema, recordRowSchemaReturn } from "../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/updateManyRecordRows.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/updateManyRecordRows.ts
index 941e4c8..1425d87 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/updateManyRecordRows.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRows/updateManyRecordRows.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordRowSchema } from "#src/schemas/recordRow.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordRowSchema } from "../../../../../../../../../schemas/recordRow.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
index beefeb9..689fe2d 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
index 2c9269a..8a90ec2 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/createOneRecord.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
index 49786ad..0d545f2 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/records/readAllRecords.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordSchema, recordSchemaReturn } from "#src/schemas/record.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { recordSchema, recordSchemaReturn } from "../../../../../../../schemas/record.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/generateDocumentGetSignedUrl.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/generateDocumentGetSignedUrl.ts
index 610218d..dabb074 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/generateDocumentGetSignedUrl.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/generateDocumentGetSignedUrl.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { documentSchema } from "#src/schemas/document.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { documentSchema } from "../../../../../../../../../schemas/document.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/readOneDocument.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/readOneDocument.ts
index c48ae0d..02eab89 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/readOneDocument.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/$idDocument/readOneDocument.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { documentSchema, documentSchemaReturn } from "#src/schemas/document.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { documentSchema, documentSchemaReturn } from "../../../../../../../../../schemas/document.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/readAllDocuments.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/readAllDocuments.ts
index d7d374c..d23f94f 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/readAllDocuments.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/documents/readAllDocuments.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { documentSchema, documentSchemaReturn } from "#src/schemas/document.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { documentSchema, documentSchemaReturn } from "../../../../../../../../schemas/document.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
index d1636a9..605715b 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateBalanceSheetReportDocument.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema } from "#src/schemas/balanceSheet.js"
-import { documentSchemaReturn } from "#src/schemas/document.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { balanceSheetSchema } from "../../../../../../../schemas/balanceSheet.js"
+import { documentSchemaReturn } from "../../../../../../../schemas/document.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
index c189afc..4c62876 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/reports/generateIncomeStatementReportDocument.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { documentSchemaReturn } from "#src/schemas/document.js"
-import { incomeStatementSchema } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../components/_index.js"
+import { documentSchemaReturn } from "../../../../../../../schemas/document.js"
+import { incomeStatementSchema } from "../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
index d99a404..8c346fe 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { accountSchema } from "../../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
index fa64068..4d6441b 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/readOneAccount.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema, accountSchemaReturn } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { accountSchema, accountSchemaReturn } from "../../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
index 5501f55..2e77edb 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema, accountSchemaReturn } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { accountSchema, accountSchemaReturn } from "../../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
index 9893ee9..ed271c4 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema, accountSchemaReturn } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { accountSchema, accountSchemaReturn } from "../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
index cd2370e..a7c3923 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { booleanSchema } from "#src/components/schemas/booleanSchema.js"
-import { accountSchema, accountSchemaReturn } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { booleanSchema } from "../../../../../../../../components/schemas/booleanSchema.js"
+import { accountSchema, accountSchemaReturn } from "../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
index f3e9bdf..49a9df1 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/accounts/readAllAccounts.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema, accountSchemaReturn } from "#src/schemas/account.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { accountSchema, accountSchemaReturn } from "../../../../../../../../schemas/account.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
index f31622d..12702c9 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { balanceSheetSchema } from "../../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
index 139073b..5baa889 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/readOneBalanceSheet.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema, balanceSheetSchemaReturn } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { balanceSheetSchema, balanceSheetSchemaReturn } from "../../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
index b2c893f..084c357 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema, balanceSheetSchemaReturn } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { balanceSheetSchema, balanceSheetSchemaReturn } from "../../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
index 72d59ba..0332264 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { incomeStatementSchema } from "../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
index f7c23e4..5082133 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema, balanceSheetSchemaReturn } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { balanceSheetSchema, balanceSheetSchemaReturn } from "../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
index a3fd79c..199e4a4 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema, balanceSheetSchemaReturn } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { balanceSheetSchema, balanceSheetSchemaReturn } from "../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
index 31266df..1d5a4a6 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/readAllBalanceSheets.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { balanceSheetSchema, balanceSheetSchemaReturn } from "#src/schemas/balanceSheet.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { balanceSheetSchema, balanceSheetSchemaReturn } from "../../../../../../../../schemas/balanceSheet.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
index 4fd7e62..4d5e1e9 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationIncomeStatementSchema } from "#src/schemas/computationIncomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../../components/_index.js"
+import { computationIncomeStatementSchema } from "../../../../../../../../../../../schemas/computationIncomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
index 63e5614..c42fb00 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/readOneComputationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "#src/schemas/computationIncomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../../components/_index.js"
+import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "../../../../../../../../../../../schemas/computationIncomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
index bc357d1..5a10d05 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "#src/schemas/computationIncomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../../components/_index.js"
+import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "../../../../../../../../../../../schemas/computationIncomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
index 36adeea..bd19181 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "#src/schemas/computationIncomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../components/_index.js"
+import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "../../../../../../../../../../schemas/computationIncomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
index 84e873b..e9a48e7 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/computationIncomeStatements/readAllComputationIncomeStatements.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "#src/schemas/computationIncomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../../components/_index.js"
+import { computationIncomeStatementSchema, computationIncomeStatementSchemaReturn } from "../../../../../../../../../../schemas/computationIncomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
index 0acbec2..aac824d 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/deleteOneComputation.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { computationSchema } from "../../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
index bcec46e..b450013 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/readOneComputation.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema, computationSchemaReturn } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { computationSchema, computationSchemaReturn } from "../../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
index 87fcfb5..346b603 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/$idComputation/updateOneComputation.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema, computationSchemaReturn } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { computationSchema, computationSchemaReturn } from "../../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
index 0abeb6f..63e5f11 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/createOneComputation.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema, computationSchemaReturn } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { computationSchema, computationSchemaReturn } from "../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
index b555973..4c05cab 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/generateComputations.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema, computationSchemaReturn } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { computationSchema, computationSchemaReturn } from "../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
index 6299577..1cdfbc1 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/computations/readAllComputations.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { computationSchema, computationSchemaReturn } from "#src/schemas/computation.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { computationSchema, computationSchemaReturn } from "../../../../../../../../schemas/computation.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
index cc6ee53..3a4a12d 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/closeYear.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema, yearSchemaReturn } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { yearSchema, yearSchemaReturn } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
index 688981c..d33875a 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/deleteOneYear.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { yearSchema } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
index 1f9a797..2104380 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/openYear.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema } from "#src/schemas/journal.js"
-import { yearSchema } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { journalSchema } from "../../../../../../../../schemas/journal.js"
+import { yearSchema } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
index f7a9fa4..2649b63 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleBalanceSheet.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema } from "#src/schemas/journal.js"
-import { yearSchema } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { journalSchema } from "../../../../../../../../schemas/journal.js"
+import { yearSchema } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
index 7b2658c..7a553d6 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/settleIncomeStatement.ts
@@ -1,8 +1,8 @@
-import { routePath } from "#src/components/_index.js"
-import { accountSchema } from "#src/schemas/account.js"
-import { journalSchema } from "#src/schemas/journal.js"
-import { yearSchema } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { accountSchema } from "../../../../../../../../schemas/account.js"
+import { journalSchema } from "../../../../../../../../schemas/journal.js"
+import { yearSchema } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
index ce62f12..9434cdc 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/general/updateOneYear.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema, yearSchemaReturn } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { yearSchema, yearSchemaReturn } from "../../../../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
index 01dc437..9022f91 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
index b3fc9b5..a9d6c34 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/readOneIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
index 3427293..7d8a1b0 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
index 5e1d9b4..4b2c227 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { incomeStatementSchema } from "../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
index ee8ead7..893e6a5 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
index 32ff915..e60a4d4 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatements.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
index 74e9cf0..75c9a41 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/readAllIncomeStatements.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { incomeStatementSchema, incomeStatementSchemaReturn } from "#src/schemas/incomeStatement.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { incomeStatementSchema, incomeStatementSchemaReturn } from "../../../../../../../../schemas/incomeStatement.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
index 79d5f1d..6b91c9f 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { journalSchema } from "../../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
index 7caefe0..cb4f8d3 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/readOneJournal.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema, journalSchemaReturn } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { journalSchema, journalSchemaReturn } from "../../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
index bb83500..bcb9f3f 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema, journalSchemaReturn } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { journalSchema, journalSchemaReturn } from "../../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
index 94f7bdd..a8bf5b1 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema, journalSchemaReturn } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { journalSchema, journalSchemaReturn } from "../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
index 36b1afd..e1339a1 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema, journalSchemaReturn } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { journalSchema, journalSchemaReturn } from "../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
index acb0d5b..091caa1 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/journals/readAllJournals.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { journalSchema, journalSchemaReturn } from "#src/schemas/journal.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { journalSchema, journalSchemaReturn } from "../../../../../../../../schemas/journal.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
index f53424f..0464925 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordLabelSchema } from "#src/schemas/recordLabel.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordLabelSchema } from "../../../../../../../../../schemas/recordLabel.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
index 9fb1aaf..2e02180 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/readOneRecordLabel.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordLabelSchema, recordLabelSchemaReturn } from "#src/schemas/recordLabel.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordLabelSchema, recordLabelSchemaReturn } from "../../../../../../../../../schemas/recordLabel.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
index 21c7518..a79a6f9 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordLabelSchema, recordLabelSchemaReturn } from "#src/schemas/recordLabel.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../../components/_index.js"
+import { recordLabelSchema, recordLabelSchemaReturn } from "../../../../../../../../../schemas/recordLabel.js"
+import { routeDefinition } from "../../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
index 171d7ad..e0b8aa5 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordLabelSchema, recordLabelSchemaReturn } from "#src/schemas/recordLabel.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordLabelSchema, recordLabelSchemaReturn } from "../../../../../../../../schemas/recordLabel.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
index 9cc2dca..ecf3a25 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/readAllRecordLabels.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { recordLabelSchema, recordLabelSchemaReturn } from "#src/schemas/recordLabel.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../../../../components/_index.js"
+import { recordLabelSchema, recordLabelSchemaReturn } from "../../../../../../../../schemas/recordLabel.js"
+import { routeDefinition } from "../../../../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
index f3265a9..c1a6708 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/createOneYear.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema, yearSchemaReturn } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../components/_index.js"
+import { yearSchema, yearSchemaReturn } from "../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
index 043fb9c..64306d8 100644
--- a/packages/metadata/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
+++ b/packages/metadata/src/routes/auth/organizations/$idOrganization/years/readAllYears.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { yearSchema, yearSchemaReturn } from "#src/schemas/year.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../../../components/_index.js"
+import { yearSchema, yearSchemaReturn } from "../../../../../schemas/year.js"
+import { routeDefinition } from "../../../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/_index.ts b/packages/metadata/src/routes/auth/organizations/_index.ts
index 743b272..4bc38ac 100644
--- a/packages/metadata/src/routes/auth/organizations/_index.ts
+++ b/packages/metadata/src/routes/auth/organizations/_index.ts
@@ -2,4 +2,4 @@ export { activateOrganizationMembershipRouteDefinition } from "./activateOrganiz
 export { addNewOrganizationRouteDefinition } from "./addNewOrganization.js"
 export { getAllMyOrganizationsRouteDefinition } from "./getAllMyOrganizations.js"
 
-export * from "#src/routes/auth/organizations/$idOrganization/_index.js"
+export * from "./$idOrganization/_index.js"
diff --git a/packages/metadata/src/routes/auth/organizations/activateOrganizationMembership.ts b/packages/metadata/src/routes/auth/organizations/activateOrganizationMembership.ts
index 379bf03..ae8867c 100644
--- a/packages/metadata/src/routes/auth/organizations/activateOrganizationMembership.ts
+++ b/packages/metadata/src/routes/auth/organizations/activateOrganizationMembership.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationUserSchema } from "#src/schemas/organizationUser.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { organizationUserSchema } from "../../../schemas/organizationUser.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/addNewOrganization.ts b/packages/metadata/src/routes/auth/organizations/addNewOrganization.ts
index 33ecfcf..159fd5b 100644
--- a/packages/metadata/src/routes/auth/organizations/addNewOrganization.ts
+++ b/packages/metadata/src/routes/auth/organizations/addNewOrganization.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationSchema, organizationSchemaReturn } from "#src/schemas/organization.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { organizationSchema, organizationSchemaReturn } from "../../../schemas/organization.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/organizations/getAllMyOrganizations.ts b/packages/metadata/src/routes/auth/organizations/getAllMyOrganizations.ts
index 204a943..8043f62 100644
--- a/packages/metadata/src/routes/auth/organizations/getAllMyOrganizations.ts
+++ b/packages/metadata/src/routes/auth/organizations/getAllMyOrganizations.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { organizationSchemaReturn } from "#src/schemas/organization.js"
-import { organizationUserSchemaReturn } from "#src/schemas/organizationUser.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { organizationSchemaReturn } from "../../../schemas/organization.js"
+import { organizationUserSchemaReturn } from "../../../schemas/organizationUser.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/activateUser.ts b/packages/metadata/src/routes/auth/settings/activateUser.ts
index f556237..c6959a1 100644
--- a/packages/metadata/src/routes/auth/settings/activateUser.ts
+++ b/packages/metadata/src/routes/auth/settings/activateUser.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { userSchema, userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { userSchema, userSchemaReturn } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/readUserSession.ts b/packages/metadata/src/routes/auth/settings/readUserSession.ts
index dfb8b67..1323628 100644
--- a/packages/metadata/src/routes/auth/settings/readUserSession.ts
+++ b/packages/metadata/src/routes/auth/settings/readUserSession.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { userSchemaReturn } from "#src/schemas/user.js"
-import { userSessionSchemaReturn } from "#src/schemas/userSession.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { userSchemaReturn } from "../../../schemas/user.js"
+import { userSessionSchemaReturn } from "../../../schemas/userSession.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/updateUser.ts b/packages/metadata/src/routes/auth/settings/updateUser.ts
index 349e72e..0baf498 100644
--- a/packages/metadata/src/routes/auth/settings/updateUser.ts
+++ b/packages/metadata/src/routes/auth/settings/updateUser.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { userSchema, userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { userSchema, userSchemaReturn } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/updateUserEmail.ts b/packages/metadata/src/routes/auth/settings/updateUserEmail.ts
index 4566052..220691d 100644
--- a/packages/metadata/src/routes/auth/settings/updateUserEmail.ts
+++ b/packages/metadata/src/routes/auth/settings/updateUserEmail.ts
@@ -1,7 +1,7 @@
-import { routePath } from "#src/components/_index.js"
-import { stringSchema } from "#src/components/schemas/stringSchema.js"
-import { userSchema, userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { stringSchema } from "../../../components/schemas/stringSchema.js"
+import { userSchema, userSchemaReturn } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/updateUserPassword.ts b/packages/metadata/src/routes/auth/settings/updateUserPassword.ts
index 616c802..b68d816 100644
--- a/packages/metadata/src/routes/auth/settings/updateUserPassword.ts
+++ b/packages/metadata/src/routes/auth/settings/updateUserPassword.ts
@@ -1,8 +1,8 @@
-import { routePath } from "#src/components/_index.js"
-import { passwordSchema } from "#src/components/schemas/passwordSchema.js"
-import { stringSchema } from "#src/components/schemas/stringSchema.js"
-import { userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { passwordSchema } from "../../../components/schemas/passwordSchema.js"
+import { stringSchema } from "../../../components/schemas/stringSchema.js"
+import { userSchemaReturn } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/settings/validateUserEmail.ts b/packages/metadata/src/routes/auth/settings/validateUserEmail.ts
index 932c5c7..7bd3b17 100644
--- a/packages/metadata/src/routes/auth/settings/validateUserEmail.ts
+++ b/packages/metadata/src/routes/auth/settings/validateUserEmail.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { userSchema, userSchemaReturn } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { userSchema, userSchemaReturn } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/auth/support/sendSupportMessage.ts b/packages/metadata/src/routes/auth/support/sendSupportMessage.ts
index fcf2789..8fda8d5 100644
--- a/packages/metadata/src/routes/auth/support/sendSupportMessage.ts
+++ b/packages/metadata/src/routes/auth/support/sendSupportMessage.ts
@@ -1,6 +1,6 @@
-import { routePath, ticketType } from "#src/components/_index.js"
-import { stringSchema } from "#src/components/schemas/stringSchema.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath, ticketType } from "../../../components/_index.js"
+import { stringSchema } from "../../../components/schemas/stringSchema.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/public/user/sendMagicLink.ts b/packages/metadata/src/routes/public/user/sendMagicLink.ts
index df9d3e3..0d4ad3d 100644
--- a/packages/metadata/src/routes/public/user/sendMagicLink.ts
+++ b/packages/metadata/src/routes/public/user/sendMagicLink.ts
@@ -1,6 +1,6 @@
-import { routePath } from "#src/components/_index.js"
-import { userSchema } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { userSchema } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/public/user/signIn.ts b/packages/metadata/src/routes/public/user/signIn.ts
index 0c64aa4..f9ea384 100644
--- a/packages/metadata/src/routes/public/user/signIn.ts
+++ b/packages/metadata/src/routes/public/user/signIn.ts
@@ -1,6 +1,6 @@
-import { routePath, stringSchema } from "#src/components/_index.js"
-import { userSchema } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath, stringSchema } from "../../../components/_index.js"
+import { userSchema } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/public/user/signOut.ts b/packages/metadata/src/routes/public/user/signOut.ts
index 5ee349a..6060036 100644
--- a/packages/metadata/src/routes/public/user/signOut.ts
+++ b/packages/metadata/src/routes/public/user/signOut.ts
@@ -1,5 +1,5 @@
-import { routePath } from "#src/components/_index.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { routePath } from "../../../components/_index.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/routes/public/user/signUp.ts b/packages/metadata/src/routes/public/user/signUp.ts
index 6dfbcef..305aa2b 100644
--- a/packages/metadata/src/routes/public/user/signUp.ts
+++ b/packages/metadata/src/routes/public/user/signUp.ts
@@ -1,6 +1,6 @@
-import { passwordSchema, routePath } from "#src/components/_index.js"
-import { userSchema } from "#src/schemas/user.js"
-import { routeDefinition } from "#src/utilities/routeDefinition.js"
+import { passwordSchema, routePath } from "../../../components/_index.js"
+import { userSchema } from "../../../schemas/user.js"
+import { routeDefinition } from "../../../utilities/routeDefinition.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/account.ts b/packages/metadata/src/schemas/account.ts
index 082a404..101d311 100644
--- a/packages/metadata/src/schemas/account.ts
+++ b/packages/metadata/src/schemas/account.ts
@@ -1,8 +1,8 @@
-import { accountType, balanceSheetFlow, booleanSchema, dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { balanceSheetColumn } from "#src/components/values/balanceSheetColumn.js"
-import { accountModel } from "#src/models/account.js"
+import { accountType, balanceSheetFlow, booleanSchema, dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { balanceSheetColumn } from "../components/values/balanceSheetColumn.js"
+import { accountModel } from "../models/account.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/attachment.ts b/packages/metadata/src/schemas/attachment.ts
index eb3dda4..8ef012b 100644
--- a/packages/metadata/src/schemas/attachment.ts
+++ b/packages/metadata/src/schemas/attachment.ts
@@ -1,7 +1,7 @@
-import { dateTimeSchema, integerSchema, stringSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { attachmentModel } from "#src/models/attachment.js"
+import { dateTimeSchema, integerSchema, stringSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { attachmentModel } from "../models/attachment.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/balanceSheet.ts b/packages/metadata/src/schemas/balanceSheet.ts
index a8ea500..b6bc123 100644
--- a/packages/metadata/src/schemas/balanceSheet.ts
+++ b/packages/metadata/src/schemas/balanceSheet.ts
@@ -1,7 +1,7 @@
-import { balanceSheetSide, booleanSchema, dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { balanceSheetModel } from "#src/models/balanceSheet.js"
+import { balanceSheetSide, booleanSchema, dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { balanceSheetModel } from "../models/balanceSheet.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/computation.ts b/packages/metadata/src/schemas/computation.ts
index 4e8d186..7128432 100644
--- a/packages/metadata/src/schemas/computation.ts
+++ b/packages/metadata/src/schemas/computation.ts
@@ -1,7 +1,7 @@
-import { dateTimeSchema, integerSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { computationModel } from "#src/models/computation.js"
+import { dateTimeSchema, integerSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { computationModel } from "../models/computation.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/computationIncomeStatement.ts b/packages/metadata/src/schemas/computationIncomeStatement.ts
index 9bb3e23..a6597aa 100644
--- a/packages/metadata/src/schemas/computationIncomeStatement.ts
+++ b/packages/metadata/src/schemas/computationIncomeStatement.ts
@@ -1,6 +1,6 @@
-import { dateTimeSchema, integerSchema, operation } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { computationIncomeStatementModel } from "#src/models/computationIncomeStatement.js"
+import { dateTimeSchema, integerSchema, operation } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { computationIncomeStatementModel } from "../models/computationIncomeStatement.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/document.ts b/packages/metadata/src/schemas/document.ts
index 8e50ed3..706bd60 100644
--- a/packages/metadata/src/schemas/document.ts
+++ b/packages/metadata/src/schemas/document.ts
@@ -1,6 +1,6 @@
-import { dateTimeSchema, documentType, stringSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { documentModel } from "#src/models/document.js"
+import { dateTimeSchema, documentType, stringSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { documentModel } from "../models/document.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/incomeStatement.ts b/packages/metadata/src/schemas/incomeStatement.ts
index 064a179..3e56cef 100644
--- a/packages/metadata/src/schemas/incomeStatement.ts
+++ b/packages/metadata/src/schemas/incomeStatement.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { incomeStatementModel } from "#src/models/incomeStatement.js"
+import { booleanSchema, dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { incomeStatementModel } from "../models/incomeStatement.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/journal.ts b/packages/metadata/src/schemas/journal.ts
index 0bf8f9a..aa80ed3 100644
--- a/packages/metadata/src/schemas/journal.ts
+++ b/packages/metadata/src/schemas/journal.ts
@@ -1,7 +1,7 @@
-import { dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { journalModel } from "#src/models/journal.js"
+import { dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { journalModel } from "../models/journal.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/organization.ts b/packages/metadata/src/schemas/organization.ts
index fae50f1..2446f96 100644
--- a/packages/metadata/src/schemas/organization.ts
+++ b/packages/metadata/src/schemas/organization.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema, emailSchema, organizationScope, sirenSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { organizationModel } from "#src/models/organization.js"
+import { booleanSchema, dateTimeSchema, emailSchema, organizationScope, sirenSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { organizationModel } from "../models/organization.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/organizationUser.ts b/packages/metadata/src/schemas/organizationUser.ts
index 86062bd..ffb74c1 100644
--- a/packages/metadata/src/schemas/organizationUser.ts
+++ b/packages/metadata/src/schemas/organizationUser.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { organizationUserStatus } from "#src/components/values/organizationUserStatus.js"
-import { organizationUserModel } from "#src/models/organizationUser.js"
+import { booleanSchema, dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { organizationUserStatus } from "../components/values/organizationUserStatus.js"
+import { organizationUserModel } from "../models/organizationUser.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/record.ts b/packages/metadata/src/schemas/record.ts
index fab2c60..65da692 100644
--- a/packages/metadata/src/schemas/record.ts
+++ b/packages/metadata/src/schemas/record.ts
@@ -1,7 +1,7 @@
-import { dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { recordModel } from "#src/models/record.js"
+import { dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { recordModel } from "../models/record.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/recordLabel.ts b/packages/metadata/src/schemas/recordLabel.ts
index 90e3012..aa2bfda 100644
--- a/packages/metadata/src/schemas/recordLabel.ts
+++ b/packages/metadata/src/schemas/recordLabel.ts
@@ -1,7 +1,7 @@
-import { dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { recordLabelModel } from "#src/models/recordLabel.js"
+import { dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { recordLabelModel } from "../models/recordLabel.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/recordRow.ts b/packages/metadata/src/schemas/recordRow.ts
index 67961e3..def50f6 100644
--- a/packages/metadata/src/schemas/recordRow.ts
+++ b/packages/metadata/src/schemas/recordRow.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema, numericSchema, stringSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { recordRowModel } from "#src/models/recordRow.js"
+import { booleanSchema, dateTimeSchema, numericSchema, stringSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { recordRowModel } from "../models/recordRow.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/user.ts b/packages/metadata/src/schemas/user.ts
index 8ca2457..ae99872 100644
--- a/packages/metadata/src/schemas/user.ts
+++ b/packages/metadata/src/schemas/user.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema, emailSchema, stringSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { userModel } from "#src/models/user.js"
+import { booleanSchema, dateTimeSchema, emailSchema, stringSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { userModel } from "../models/user.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/userSession.ts b/packages/metadata/src/schemas/userSession.ts
index 49bb249..aa4851e 100644
--- a/packages/metadata/src/schemas/userSession.ts
+++ b/packages/metadata/src/schemas/userSession.ts
@@ -1,6 +1,6 @@
-import { booleanSchema, dateTimeSchema, stringSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { userSessionModel } from "#src/models/userSession.js"
+import { booleanSchema, dateTimeSchema, stringSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { userSessionModel } from "../models/userSession.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/schemas/year.ts b/packages/metadata/src/schemas/year.ts
index f33d194..3cfe408 100644
--- a/packages/metadata/src/schemas/year.ts
+++ b/packages/metadata/src/schemas/year.ts
@@ -1,7 +1,7 @@
-import { booleanSchema, dateTimeSchema } from "#src/components/_index.js"
-import { idSchema } from "#src/components/schemas/idSchema.js"
-import { varcharSchema } from "#src/components/schemas/varcharSchema.js"
-import { yearModel } from "#src/models/year.js"
+import { booleanSchema, dateTimeSchema } from "../components/_index.js"
+import { idSchema } from "../components/schemas/idSchema.js"
+import { varcharSchema } from "../components/schemas/varcharSchema.js"
+import { yearModel } from "../models/year.js"
 import * as v from "valibot"
 
 
diff --git a/packages/metadata/src/utilities/generate.ts b/packages/metadata/src/utilities/generate.ts
index 0e752f5..93ff4f5 100644
--- a/packages/metadata/src/utilities/generate.ts
+++ b/packages/metadata/src/utilities/generate.ts
@@ -1,5 +1,5 @@
 // import { writeFile } from "fs"
-// import { DefaultAccount, defaultCompanyAccounts } from "#src/components/_index.js"
+// import { DefaultAccount, defaultCompanyAccounts } from "../components/_index.js"
 
 
 // function iterateAndAdd(parameters: {
diff --git a/packages/tools/src/seed/seed.ts b/packages/tools/src/seed/seed.ts
index 4022a09..0acaaf3 100644
--- a/packages/tools/src/seed/seed.ts
+++ b/packages/tools/src/seed/seed.ts
@@ -1,18 +1,25 @@
-import { defaultJournals } from '@arrhes/application-metadata/components'
-import { models } from '@arrhes/application-metadata/models'
-import { generateId } from '@arrhes/application-metadata/utilities'
-import { randFirstName } from '@ngneat/falso'
-import { pbkdf2Sync, randomBytes } from "crypto"
-import { dbClient } from '../dbClient.js'
-
-
-async function seed() {
-    try {
-        await dbClient.transaction(async (tx) => {
-
-
-            // User
-            console.log("Add user")
+import { defaultJournals } from '@arrhes/application-metadata/components'
+import { models } from '@arrhes/application-metadata/models'
+import { generateId } from '@arrhes/application-metadata/utilities'
+import { randFirstName } from '@ngneat/falso'
+import { pbkdf2Sync, randomBytes } from "crypto"
+import { dbClient } from '../dbClient.js'
+
+
+async function seed() {
+    try {
+        // Check if data already exists
+        const existingUsers = await dbClient.select().from(models.user).limit(1)
+        if (existingUsers.length > 0) {
+            console.log("Database already seeded, skipping...")
+            return
+        }
+
+        await dbClient.transaction(async (tx) => {
+
+
+            // User
+            console.log("Add user")
             const passwordSalt = randomBytes(16).toString('hex')
             const passwordHash = pbkdf2Sync("demo", passwordSalt, 128000, 64, `sha512`).toString(`hex`)
             const newUser: (typeof models.user.$inferInsert) = {
diff --git a/packages/ui/package.json b/packages/ui/package.json
new file mode 100644
index 0000000..53fe28f
--- /dev/null
+++ b/packages/ui/package.json
@@ -0,0 +1,36 @@
+{
+    "name": "@arrhes/ui",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "main": "./src/index.ts",
+    "module": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": {
+            "import": "./src/index.ts",
+            "types": "./src/index.ts"
+        },
+        "./components/*": "./src/components/*",
+        "./utilities/*": "./src/utilities/*",
+        "./styles/*": "./src/styles/*",
+        "./fonts/*": "./src/fonts/*",
+        "./styled-system": "./styled-system/index.mjs",
+        "./styled-system/*": "./styled-system/*",
+        "./*": "./*"
+    },
+    "scripts": {
+        "prepare": "panda codegen",
+        "lint": "eslint .",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "@pandacss/dev": "1.8.1",
+        "@tabler/icons-react": "3.35.0",
+        "react": "19.2.0"
+    },
+    "devDependencies": {
+        "@types/react": "19.2.7",
+        "typescript": "5.9.3"
+    }
+}
\ No newline at end of file
diff --git a/packages/ui/panda.config.ts b/packages/ui/panda.config.ts
new file mode 100644
index 0000000..565be45
--- /dev/null
+++ b/packages/ui/panda.config.ts
@@ -0,0 +1,62 @@
+import { defineConfig } from "@pandacss/dev"
+
+
+export default defineConfig({
+    // Whether to use css reset
+    preflight: true,
+
+    // Where to look for your css declarations
+    include: ["./src/**/*.{js,jsx,ts,tsx}"],
+
+    // Files to exclude
+    exclude: [],
+
+    // Useful for theme customization
+    theme: {
+        tokens: {
+            colors: {
+                white: { value: "#FFFFFF" },
+                background: { value: "#F9F9F9" },
+                neutral: { value: "#1F292E" },
+                success: { value: "#34B234" },
+                error: { value: "#C91D1D" },
+                warning: { value: "#E8B130" },
+                information: { value: "#309be8" },
+                primary: { value: "#2563eb" },
+            },
+            fonts: {
+                mono: { value: '"Sometype Mono", monospace' },
+            },
+            radii: {
+                xs: { value: "0.125rem" },
+                sm: { value: "0.25rem" },
+                md: { value: "0.5rem" },
+                lg: { value: "1rem" },
+                xl: { value: "2rem" },
+            },
+            shadows: {
+                inset: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" },
+                xs: { value: "rgba(17, 17, 26, 0.1) 0px 1px 0px" },
+                sm: { value: "rgba(17, 17, 26, 0.1) 0px 1px 4px" },
+            },
+            sizes: {
+                maxSm: { value: "320px" },
+                maxMd: { value: "768px" },
+                maxLg: { value: "1024px" },
+                maxXl: { value: "1280px" },
+            },
+        },
+        breakpoints: {
+            sm: "320px",
+            md: "768px",
+            lg: "1024px",
+            xl: "1280px",
+        },
+    },
+
+    // The output directory for your css system
+    outdir: "styled-system",
+
+    // Use JSX style props
+    jsxFramework: "react",
+})
diff --git a/packages/ui/postcss.config.cjs b/packages/ui/postcss.config.cjs
new file mode 100644
index 0000000..97a9426
--- /dev/null
+++ b/packages/ui/postcss.config.cjs
@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: {
+        "@pandacss/dev/postcss": {},
+    },
+}
diff --git a/packages/ui/src/components/buttons/button.tsx b/packages/ui/src/components/buttons/button.tsx
new file mode 100644
index 0000000..d680e16
--- /dev/null
+++ b/packages/ui/src/components/buttons/button.tsx
@@ -0,0 +1,85 @@
+import { type ComponentProps, type MouseEvent, type ReactNode, useState } from "react"
+import { css, cx } from "../../utilities/cn.ts"
+import { sleep } from "../../utilities/sleep.ts"
+import { type ButtonContentProps, ButtonContent } from "./buttonContent"
+
+
+export type ButtonProps = Omit<ComponentProps<"button">, "color">
+    & ButtonContentProps
+    & {
+        hasLoader?: boolean
+        children?: ReactNode
+    }
+
+/**
+ * Button component with loading state handling and variant support
+ * Styled to match GitHub's Primer design system
+ * Combines button behavior with ButtonContent visual styles
+ * Can render children directly or use ButtonContent for structured content
+ */
+export function Button(props: ButtonProps) {
+    const [isLoading, setIsLoading] = useState(false)
+
+    async function handleClick(e: MouseEvent<HTMLButtonElement>) {
+        if (props.onClick === undefined) return
+        if (props.hasLoader === false) return props.onClick(e)
+
+        setIsLoading(true)
+        await Promise.all([sleep(100), props.onClick(e)])
+        setIsLoading(false)
+
+        e.preventDefault()
+    }
+
+    // Extract content props from button props
+    const {
+        variant, color, size, text, icon, rightIcon, isActive,
+        hasLoader, className, disabled, title, children,
+        ...buttonProps
+    } = props
+
+    // If children are provided, render them directly instead of ButtonContent
+    const hasChildren = children !== undefined
+
+    return (
+        <button
+            {...buttonProps}
+            className={cx(
+                css({
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    cursor: "pointer",
+                    width: "fit-content",
+                    maxWidth: "100%",
+                    height: "fit-content",
+                    maxHeight: "fit-content",
+                    bg: "transparent",
+                    border: "none",
+                    padding: "0",
+                    _disabled: { cursor: "not-allowed" },
+                }),
+                className
+            )}
+            onClick={handleClick}
+            type={props.type ?? "button"}
+            disabled={disabled || isLoading}
+            title={title ?? text}
+        >
+            {hasChildren ? children : (
+                <ButtonContent
+                    variant={variant}
+                    color={color}
+                    size={size}
+                    text={text}
+                    title={title ?? text}
+                    icon={icon}
+                    rightIcon={rightIcon}
+                    isLoading={hasLoader !== false ? isLoading : undefined}
+                    disabled={disabled}
+                    isActive={isActive}
+                />
+            )}
+        </button>
+    )
+}
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
new file mode 100644
index 0000000..f16d5b1
--- /dev/null
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -0,0 +1,381 @@
+import type { Icon, IconProps } from "@tabler/icons-react"
+import { cloneElement, type ReactElement } from "react"
+import { css, cx } from "../../utilities/cn.ts"
+import { CircularLoader } from "../layouts/circularLoader"
+
+
+// Color variants available for all button styles (GitHub Primer inspired)
+// Includes legacy aliases for backward compatibility: error->danger, warning->neutral, information->neutral
+export type ButtonColor = "neutral" | "danger" | "success" | "error" | "warning" | "information"
+
+// Map legacy colors to new colors
+const colorMap: Record<ButtonColor, "neutral" | "danger" | "success"> = {
+    neutral: "neutral",
+    danger: "danger",
+    success: "success",
+    error: "danger",      // legacy alias
+    warning: "neutral",   // legacy alias (maps to neutral)
+    information: "neutral", // legacy alias (maps to neutral)
+}
+
+// Button style variants (GitHub Primer inspired)
+export type ButtonVariant = "default" | "primary" | "outline" | "invisible"
+
+// Button sizes (GitHub Primer inspired)
+export type ButtonSize = "small" | "medium" | "large"
+
+
+export type ButtonContentProps = {
+    variant?: ButtonVariant
+    color?: ButtonColor
+    size?: ButtonSize
+    text?: string
+    title?: string
+    icon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+    rightIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+    isLoading?: boolean
+    disabled?: boolean
+    isActive?: boolean
+    className?: string
+}
+
+// Size configurations
+const sizeStyles = {
+    small: {
+        height: "28px",
+        padding: "0 8px",
+        fontSize: "12px",
+        iconSize: 14,
+        gap: "4px",
+    },
+    medium: {
+        height: "32px",
+        padding: "0 12px",
+        fontSize: "14px",
+        iconSize: 16,
+        gap: "6px",
+    },
+    large: {
+        height: "40px",
+        padding: "0 16px",
+        fontSize: "14px",
+        iconSize: 20,
+        gap: "8px",
+    },
+}
+
+// GitHub Primer-inspired style configurations
+const variantStyles = {
+    // Primary: Green background, white text (like GitHub's primary action)
+    primary: {
+        base: css({
+            borderWidth: "1px",
+            borderStyle: "solid",
+            borderColor: "rgba(31, 35, 40, 0.15)",
+            bg: "success",
+            color: "white",
+            fontWeight: "medium",
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.25)",
+            _hover: {
+                bg: "#2da44e",
+                filter: "brightness(0.95)",
+            },
+            _active: {
+                bg: "#298e46",
+            },
+        }),
+        colors: {
+            neutral: {
+                container: css({}),
+                icon: css({ color: "white" }),
+                text: css({ color: "white" }),
+            },
+            danger: {
+                container: css({
+                    bg: "error",
+                    borderColor: "rgba(31, 35, 40, 0.15)",
+                    _hover: { bg: "#c2341f" },
+                    _active: { bg: "#a22015" },
+                }),
+                icon: css({ color: "white" }),
+                text: css({ color: "white" }),
+            },
+            success: {
+                container: css({}),
+                icon: css({ color: "white" }),
+                text: css({ color: "white" }),
+            },
+        },
+    },
+    // Default: Light gray background with border (like GitHub's secondary button)
+    default: {
+        base: css({
+            borderWidth: "1px",
+            borderStyle: "solid",
+            borderColor: "neutral/20",
+            bg: "white",
+            fontWeight: "medium",
+            boxShadow: "0 1px 0 rgba(31, 35, 40, 0.04)",
+            _hover: {
+                bg: "neutral/5",
+                borderColor: "neutral/25",
+            },
+            _active: {
+                bg: "neutral/10",
+            },
+        }),
+        colors: {
+            neutral: {
+                container: css({}),
+                icon: css({ color: "neutral" }),
+                text: css({ color: "neutral" }),
+            },
+            danger: {
+                container: css({
+                    _hover: { bg: "error/5", borderColor: "error/30" },
+                }),
+                icon: css({ color: "error" }),
+                text: css({ color: "error" }),
+            },
+            success: {
+                container: css({
+                    _hover: { bg: "success/5", borderColor: "success/30" },
+                }),
+                icon: css({ color: "success" }),
+                text: css({ color: "success" }),
+            },
+        },
+    },
+    // Outline: Transparent background with visible border
+    outline: {
+        base: css({
+            borderWidth: "1px",
+            borderStyle: "solid",
+            borderColor: "neutral/20",
+            bg: "transparent",
+            fontWeight: "medium",
+            _hover: {
+                bg: "neutral/5",
+                borderColor: "neutral/30",
+            },
+            _active: {
+                bg: "neutral/10",
+            },
+        }),
+        colors: {
+            neutral: {
+                container: css({}),
+                icon: css({ color: "neutral" }),
+                rightIcon: css({ color: "neutral/50" }),
+                text: css({ color: "neutral" }),
+            },
+            danger: {
+                container: css({
+                    borderColor: "error/40",
+                    _hover: { bg: "error/5", borderColor: "error/50" },
+                }),
+                icon: css({ color: "error" }),
+                rightIcon: css({ color: "error/50" }),
+                text: css({ color: "error" }),
+            },
+            success: {
+                container: css({
+                    borderColor: "success/40",
+                    _hover: { bg: "success/5", borderColor: "success/50" },
+                }),
+                icon: css({ color: "success" }),
+                rightIcon: css({ color: "success/50" }),
+                text: css({ color: "success" }),
+            },
+        },
+    },
+    // Invisible: No background, no border (like GitHub's invisible/ghost button)
+    invisible: {
+        base: css({
+            borderWidth: "1px",
+            borderStyle: "solid",
+            borderColor: "transparent",
+            bg: "transparent",
+            _hover: {
+                bg: "neutral/8",
+            },
+            _active: {
+                bg: "neutral/12",
+            },
+        }),
+        colors: {
+            neutral: {
+                container: css({}),
+                icon: css({ color: "neutral/70" }),
+                text: css({ color: "neutral/70" }),
+            },
+            danger: {
+                container: css({
+                    _hover: { bg: "error/8" },
+                }),
+                icon: css({ color: "error" }),
+                text: css({ color: "error" }),
+            },
+            success: {
+                container: css({
+                    _hover: { bg: "success/8" },
+                }),
+                icon: css({ color: "success" }),
+                text: css({ color: "success" }),
+            },
+        },
+    },
+}
+
+/**
+ * ButtonContent renders the visual content of a button (icon, text, loader)
+ * Styled to match GitHub's Primer design system
+ * Can be used standalone or wrapped by Button/Link for click handling
+ */
+export function ButtonContent(props: ButtonContentProps) {
+    const variant = props.variant ?? "default"
+    const rawColor = props.color ?? "neutral"
+    const color = colorMap[rawColor] // Map legacy colors
+    const size = props.size ?? "medium"
+    const sizeConfig = sizeStyles[size]
+    const styles = variantStyles[variant].colors[color]
+
+    const baseContainerStyles = css({
+        width: "fit-content",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: "md",
+        boxSizing: "border-box",
+        cursor: "pointer",
+        transition: "all 0.1s ease-in-out",
+        _disabled: { opacity: 0.5, cursor: "not-allowed" },
+    })
+
+    const sizeContainerStyles = css({
+        height: sizeConfig.height,
+        padding: sizeConfig.padding,
+        gap: sizeConfig.gap,
+        fontSize: sizeConfig.fontSize,
+    })
+
+    const iconOnlyStyles = props.text === undefined
+        ? css({
+            width: sizeConfig.height,
+            padding: "0",
+            justifyContent: "center"
+        })
+        : ""
+
+    const iconBaseStyles = css({
+        minWidth: `${sizeConfig.iconSize}px`,
+        width: `${sizeConfig.iconSize}px`,
+        minHeight: `${sizeConfig.iconSize}px`,
+        height: `${sizeConfig.iconSize}px`,
+        flexShrink: 0,
+    })
+
+    const textBaseStyles = css({
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        lineHeight: "1",
+    })
+
+    const textActiveStyles = props.isActive
+        ? css({ fontWeight: "bold" })
+        : ""
+
+    return (
+        <div
+            title={props.title ?? props.text}
+            aria-disabled={props.disabled || props.isLoading}
+            className={cx(
+                baseContainerStyles,
+                sizeContainerStyles,
+                iconOnlyStyles,
+                variantStyles[variant].base,
+                styles.container,
+                props.className
+            )}
+        >
+            {/* Loading spinner */}
+            {props.isLoading && (
+                <CircularLoader
+                    size={sizeConfig.iconSize}
+                    className={cx(
+                        iconBaseStyles,
+                        variant === "primary" ? css({ stroke: "white" }) : styles.icon
+                    )}
+                />
+            )}
+
+            {/* Left icon */}
+            {props.icon && !props.isLoading && cloneElement(props.icon, {
+                "aria-disabled": props.disabled,
+                size: sizeConfig.iconSize,
+                className: cx(
+                    iconBaseStyles,
+                    variant === "primary"
+                        ? css({ color: "white", _disabled: { color: "white/50" } })
+                        : styles.icon
+                ),
+                strokeWidth: 1.75
+            })}
+
+            {/* Text label */}
+            {props.text && (
+                <span
+                    aria-disabled={props.disabled || props.isLoading}
+                    className={cx(
+                        textBaseStyles,
+                        textActiveStyles,
+                        variant === "primary"
+                            ? css({ color: "white", _disabled: { opacity: 0.5 } })
+                            : cx(styles.text, css({ _disabled: { color: "neutral/50" } }))
+                    )}
+                >
+                    {props.text}
+                </span>
+            )}
+
+            {/* Right icon */}
+            {props.rightIcon && (
+                <div className={css({ display: "flex", alignItems: "center", justifyContent: "center" })}>
+                    {props.isLoading ? (
+                        <CircularLoader
+                            size={sizeConfig.iconSize - 4}
+                            className={cx(
+                                css({
+                                    minWidth: `${sizeConfig.iconSize - 4}px`,
+                                    width: `${sizeConfig.iconSize - 4}px`,
+                                    minHeight: `${sizeConfig.iconSize - 4}px`,
+                                    height: `${sizeConfig.iconSize - 4}px`
+                                }),
+                                variant === "primary" ? css({ stroke: "white" }) : styles.icon
+                            )}
+                        />
+                    ) : (
+                        cloneElement(props.rightIcon, {
+                            "aria-disabled": props.disabled,
+                            size: sizeConfig.iconSize - 4,
+                            className: cx(
+                                css({
+                                    minWidth: `${sizeConfig.iconSize - 4}px`,
+                                    width: `${sizeConfig.iconSize - 4}px`,
+                                    minHeight: `${sizeConfig.iconSize - 4}px`,
+                                    height: `${sizeConfig.iconSize - 4}px`,
+                                    _disabled: { color: "neutral/50" },
+                                }),
+                                variant === "primary"
+                                    ? css({ color: "white" })
+                                    : (styles as typeof variantStyles.outline.colors.neutral).rightIcon ?? styles.icon
+                            ),
+                            strokeWidth: 1.75
+                        })
+                    )}
+                </div>
+            )}
+        </div>
+    )
+}
diff --git a/packages/ui/src/components/buttons/linkContent.tsx b/packages/ui/src/components/buttons/linkContent.tsx
new file mode 100644
index 0000000..04aff3c
--- /dev/null
+++ b/packages/ui/src/components/buttons/linkContent.tsx
@@ -0,0 +1,28 @@
+import { css, cx } from "../../utilities/cn.ts"
+
+
+export type LinkContentProps = {
+    disabled?: boolean
+    children?: string
+    className?: string
+}
+
+export function LinkContent(props: LinkContentProps) {
+    return (
+        <span
+            aria-disabled={props.disabled}
+            className={cx(
+                css({
+                    color: "neutral",
+                    textDecoration: "underline",
+                    cursor: "pointer",
+                    _hover: { textDecoration: "none" },
+                    _disabled: { opacity: 0.3, cursor: "not-allowed" },
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </span>
+    )
+}
diff --git a/packages/ui/src/components/layouts/circularLoader.tsx b/packages/ui/src/components/layouts/circularLoader.tsx
new file mode 100644
index 0000000..5d08166
--- /dev/null
+++ b/packages/ui/src/components/layouts/circularLoader.tsx
@@ -0,0 +1,40 @@
+import { IconLoader2 } from "@tabler/icons-react"
+import { cx, css } from "../../utilities/cn.ts"
+
+
+export function CircularLoader(props: {
+    text?: string
+    className?: string
+    size?: number
+}) {
+    return (
+        <div className={cx(
+            css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                gap: "2",
+            }),
+            props.className
+        )}>
+            <IconLoader2
+                size={props.size ?? 16}
+                className={css({
+                    animation: "spin 1s linear infinite",
+                    stroke: "neutral/50",
+                })}
+            />
+            {props.text && (
+                <span className={css({
+                    fontSize: "xs",
+                    lineHeight: "none",
+                    color: "neutral/25",
+                    fontStyle: "italic",
+                    whiteSpace: "nowrap",
+                })}>
+                    {props.text}
+                </span>
+            )}
+        </div>
+    )
+}
diff --git a/packages/ui/src/components/layouts/logo.tsx b/packages/ui/src/components/layouts/logo.tsx
new file mode 100644
index 0000000..9ed62d5
--- /dev/null
+++ b/packages/ui/src/components/layouts/logo.tsx
@@ -0,0 +1,19 @@
+import { IconAbacus } from "@tabler/icons-react"
+import type { ComponentProps } from "react"
+import { cx, css } from "../../utilities/cn.ts"
+
+
+export function Logo(props: {
+    className?: ComponentProps<'div'>['className']
+    size?: number
+}) {
+    return (
+        <IconAbacus
+            size={props.size ?? 16}
+            className={cx(
+                css({ stroke: "neutral/50" }),
+                props.className
+            )}
+        />
+    )
+}
diff --git a/packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf b/packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..1f91f4421d3afc003677112babd626037128b4c7
GIT binary patch
literal 65180
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%0D>Jn*e?!Q8eQ~(R6RSKVy}XT#IHk
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
new file mode 100644
index 0000000..62b95f3
--- /dev/null
+++ b/packages/ui/src/index.ts
@@ -0,0 +1,17 @@
+// Utilities
+export { cn } from "./utilities/cn.js"
+
+// Components - Layouts
+export { CircularLoader } from "./components/layouts/circularLoader.js"
+export { Logo } from "./components/layouts/logo.js"
+
+// Components - Buttons
+export { Button } from "./components/buttons/button.js"
+export type { ButtonProps } from "./components/buttons/button.js"
+
+export { ButtonContent } from "./components/buttons/buttonContent.js"
+export type { ButtonColor, ButtonContentProps, ButtonVariant, ButtonSize } from "./components/buttons/buttonContent.js"
+
+export { LinkContent } from "./components/buttons/linkContent.js"
+export type { LinkContentProps } from "./components/buttons/linkContent.js"
+
diff --git a/packages/ui/src/styles/fonts.css b/packages/ui/src/styles/fonts.css
new file mode 100644
index 0000000..14dbe4f
--- /dev/null
+++ b/packages/ui/src/styles/fonts.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: "Sometype Mono";
+  src: url("../fonts/SometypeMono-VariableFont_wght.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 400 500 600 700;
+  font-display: auto;
+}
diff --git a/packages/ui/src/utilities/cn.ts b/packages/ui/src/utilities/cn.ts
new file mode 100644
index 0000000..35b944c
--- /dev/null
+++ b/packages/ui/src/utilities/cn.ts
@@ -0,0 +1,9 @@
+import { css, cx } from "../../styled-system/css"
+import type { SystemStyleObject } from "../../styled-system/types"
+
+
+export function cn(...inputs: (string | undefined | null | false | SystemStyleObject)[]) {
+    return cx(...inputs.filter((x): x is string => typeof x === "string"))
+}
+
+export { css, cx }
diff --git a/packages/ui/src/utilities/sleep.ts b/packages/ui/src/utilities/sleep.ts
new file mode 100644
index 0000000..986d6e9
--- /dev/null
+++ b/packages/ui/src/utilities/sleep.ts
@@ -0,0 +1,7 @@
+
+
+// Helper to wait for a minimum time (for loader UX)
+export function sleep(ms: number) {
+    return new Promise(resolve => setTimeout(resolve, ms))
+}
+
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 0000000..d0c7951
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,40 @@
+{
+    "compilerOptions": {
+        "noImplicitAny": true,
+        "strictNullChecks": true,
+        "forceConsistentCasingInFileNames": true,
+        "esModuleInterop": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "target": "ES2022",
+        "useDefineForClassFields": true,
+        "lib": [
+            "ES2022",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "module": "ESNext",
+        "skipLibCheck": true,
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "verbatimModuleSyntax": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "erasableSyntaxOnly": true,
+        "noFallthroughCasesInSwitch": true,
+        "noUncheckedSideEffectImports": true,
+        "baseUrl": "."
+    },
+    "include": [
+        "panda.config.ts",
+        "src",
+        "styled-system"
+    ]
+}
\ No newline at end of file
diff --git a/packages/website/index.html b/packages/website/index.html
deleted file mode 100644
index c3af689..0000000
--- a/packages/website/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>website</title>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/packages/website/package.json b/packages/website/package.json
deleted file mode 100644
index f7d73b4..0000000
--- a/packages/website/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "@arrhes/application-website",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@types/react": "19.2.7",
-    "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "5.1.1",
-    "typescript": "5.9.3",
-    "vite": "7.2.4"
-  },
-  "dependencies": {
-    "react": "19.2.0",
-    "react-dom": "19.2.0"
-  }
-}
\ No newline at end of file
diff --git a/packages/website/public/vite.svg b/packages/website/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/packages/website/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/packages/website/src/main.tsx b/packages/website/src/main.tsx
deleted file mode 100644
index 0fd53de..0000000
--- a/packages/website/src/main.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <span>!</span>
-  </StrictMode>,
-)
diff --git a/packages/website/tsconfig.json b/packages/website/tsconfig.json
deleted file mode 100644
index 301c973..0000000
--- a/packages/website/tsconfig.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "compilerOptions": {
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "forceConsistentCasingInFileNames": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": [
-      "ES2022",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "module": "ESNext",
-    "types": [
-      "vite/client"
-    ],
-    "skipLibCheck": true,
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": [
-    "src",
-    "styled-system"
-  ]
-}
\ No newline at end of file
diff --git a/packages/website/vite.config.ts b/packages/website/vite.config.ts
deleted file mode 100644
index 086bd7c..0000000
--- a/packages/website/vite.config.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
-
-
-export default defineConfig({
-  plugins: [react()],
-  assetsInclude: ["**/*.md", "**/*.woff2"],
-  server: {
-    host: true,
-    port: 5173,
-    watch: {
-      usePolling: true
-    },
-    hmr: true,
-  },
-  build: {
-    outDir: './build',
-    rollupOptions: {
-      output: {
-        entryFileNames: "[hash].js",
-        chunkFileNames: "[hash].js",
-        assetFileNames: "[hash].[ext]",
-        manualChunks(id: string) {
-          if (id.includes('react-dom')) {
-            return 'react-dom'
-          }
-        },
-
-      }
-    }
-  },
-})

From d9596968d766febed2699549f17359547bc05798 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Mon, 9 Feb 2026 04:08:28 +0100
Subject: [PATCH 17/25] =?UTF-8?q?=E2=9C=A8=20feat(docs):=20overhaul=20docu?=
 =?UTF-8?q?mentation=20system=20with=20new=20sections=20and=20improved=20U?=
 =?UTF-8?q?I?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- add new documentation sections: AI (analyse, assistant), API (auth, accounts,
  records, errors, years, organizations), dashboard guide, and legal pages
  (CGU, privacy, legal notices, support, pricing, features)
- create new doc components: docHeader, docLinkCard, docSectionCard, docTip for
  enhanced content presentation
- restructure documentation layout with sidebar navigation and section tabs
- refactor existing doc components (docDefinition, docExample, docList, docTable,
  docNextPage, docSection) with improved styling and accessibility
- update UI components across dashboard with refined spacing, colors, and
  typography (forms, inputs, layouts, overlays, formats)
- add heroIllustration and featureItem components to website
- replace landingPage with comprehensive websitePage
- add Badge component to @arrhes/ui package
- simplify root.css layout rules for body element
- update panda.config with extended color palette
---
 packages/dashboard/src/assets/css/root.css    |   6 +-
 .../src/components/document/docDefinition.tsx |  23 +-
 .../src/components/document/docExample.tsx    |  46 ++-
 .../src/components/document/docHeader.tsx     |  27 ++
 .../src/components/document/docIndexLink.tsx  |  25 +-
 .../src/components/document/docLink.tsx       |   9 +-
 .../src/components/document/docLinkCard.tsx   |  74 ++++
 .../src/components/document/docList.tsx       |  33 +-
 .../src/components/document/docNextPage.tsx   |  87 +++--
 .../src/components/document/docParagraph.tsx  |   6 +-
 .../src/components/document/docSection.tsx    |  18 +-
 .../components/document/docSectionCard.tsx    | 123 ++++++
 .../src/components/document/docTable.tsx      |  45 ++-
 .../src/components/document/docTip.tsx        | 116 ++++++
 .../src/components/formats/formatBase.tsx     |   8 +-
 .../src/components/formats/formatError.tsx    |   8 +-
 .../src/components/formats/formatFileSize.tsx |  10 +-
 .../src/components/formats/formatLink.tsx     |  12 +-
 .../src/components/formats/formatNull.tsx     |   8 +-
 .../src/components/formats/formatPrice.tsx    |   6 +-
 .../src/components/formats/formatText.tsx     |   4 +-
 .../src/components/forms/formError.tsx        |   4 +-
 .../src/components/forms/formItem.tsx         |   6 +-
 .../src/components/forms/formLabel.tsx        |   6 +-
 .../src/components/forms/formRoot.tsx         |  18 +-
 .../src/components/forms/formSubmit.tsx       |   6 +-
 .../src/components/inputs/inputCombobox.tsx   |  36 +-
 .../inputs/inputComboboxMultiple.tsx          |  38 +-
 .../src/components/inputs/inputDate.tsx       |  14 +-
 .../src/components/inputs/inputDisabled.tsx   |   8 +-
 .../src/components/inputs/inputFile.tsx       |  12 +-
 .../src/components/inputs/inputNumber.tsx     |  14 +-
 .../src/components/inputs/inputPassword.tsx   |  16 +-
 .../src/components/inputs/inputSelect.tsx     |  46 +--
 .../src/components/inputs/inputSwitch.tsx     |  26 +-
 .../src/components/inputs/inputText.tsx       |  14 +-
 .../src/components/inputs/inputTextArea.tsx   |  10 +-
 .../src/components/inputs/inputToggle.tsx     |  12 +-
 .../src/components/layouts/banner.tsx         |  14 +-
 .../dashboard/src/components/layouts/box.tsx  |  12 +-
 .../components/layouts/card/cardContent.tsx   |   8 +-
 .../components/layouts/card/cardHeader.tsx    |   6 +-
 .../src/components/layouts/card/cardRoot.tsx  |   8 +-
 .../dashboard/src/components/layouts/chip.tsx |  16 +-
 .../src/components/layouts/command.tsx        |  44 +--
 .../layouts/dataBlock/dataBlockContent.tsx    |   6 +-
 .../layouts/dataBlock/dataBlockHeader.tsx     |   6 +-
 .../layouts/dataBlock/dataBlockItem.tsx       |   6 +-
 .../layouts/dataBlock/dataBlockRoot.tsx       |   8 +-
 .../src/components/layouts/dataTable.tsx      |  58 +--
 .../layouts/dropdownMenu/dropdownContent.tsx  |  10 +-
 .../layouts/dropdownMenu/dropdownItem.tsx     |   4 +-
 .../layouts/dropdownMenu/dropdownLabel.tsx    |   4 +-
 .../dropdownMenu/dropdownSeparator.tsx        |   8 +-
 .../layouts/dropdownMenu/dropdownTrigger.tsx  |   4 +-
 .../dashboard/src/components/layouts/logo.tsx |   4 +-
 .../components/layouts/page/pageContent.tsx   |  10 +-
 .../components/layouts/page/pageHeader.tsx    |  10 +-
 .../src/components/layouts/page/pageRoot.tsx  |  10 +-
 .../components/layouts/page/pageSeparator.tsx |   6 +-
 .../src/components/layouts/pageLayout.tsx     |  26 +-
 .../layouts/section/sectionItem.tsx           |  14 +-
 .../layouts/section/sectionRoot.tsx           |  14 +-
 .../src/components/layouts/subPageLayout.tsx  |  36 +-
 .../src/components/layouts/table/table.tsx    |   4 +-
 .../layouts/table/tableBody/tableBodyCell.tsx |   4 +-
 .../layouts/table/tableBody/tableBodyRoot.tsx |   4 +-
 .../layouts/table/tableBody/tableBodyRow.tsx  |   4 +-
 .../table/tableHeader/tableHeaderCell.tsx     |   4 +-
 .../table/tableHeader/tableHeaderRoot.tsx     |   4 +-
 .../table/tableHeader/tableHeaderRow.tsx      |   4 +-
 .../components/layouts/table/tableRoot.tsx    |   6 +-
 .../src/components/layouts/virtualizer.tsx    |  20 +-
 .../overlays/dialog/dialogContent.tsx         |  18 +-
 .../overlays/dialog/dialogHeader.tsx          |   4 +-
 .../overlays/dialog/dialogOverlay.tsx         |  10 +-
 .../components/overlays/drawer/drawerBody.tsx |   6 +-
 .../overlays/drawer/drawerContent.tsx         |  30 +-
 .../overlays/drawer/drawerHeader.tsx          |   4 +-
 .../overlays/popover/popoverContent.tsx       |  12 +-
 .../components/overlays/toast/toastAction.tsx |   8 +-
 .../overlays/toast/toastContent.tsx           |  30 +-
 .../overlays/toast/toastViewport.tsx          |  10 +-
 .../overlays/tooltip/tooltipContent.tsx       |   8 +-
 .../src/contexts/toasts/toastProvider.tsx     |   2 +-
 .../features/dashboard/dashboardLayout.tsx    |  38 +-
 .../deleteOneOrganization.tsx                 |   2 +-
 .../organizationSettingsPage.tsx              |  10 +-
 .../deleteOneOrganizationUser.tsx             |   2 +-
 .../organizationUsersPage.tsx                 |   4 +-
 .../organizationUsersTable.tsx                |   6 +-
 .../$idAttachment/attachmentFile.tsx          |   2 +-
 .../$idAttachment/attachmentPage.tsx          |   8 +-
 .../$idAttachment/deleteOneAttachment.tsx     |   6 +-
 .../$idYear/attachments/attachmentsTable.tsx  |   2 +-
 .../$idRecordRow/deleteOneRecordRow.tsx       |   8 +-
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |   8 +-
 .../$idRecordRow/updateOneRecordRow.tsx       |  10 +-
 .../records/$idRecord/createOneRecordRow.tsx  |   4 +-
 .../records/$idRecord/deleteOneRecord.tsx     |   4 +-
 .../records/$idRecord/duplicateOneRecord.tsx  |   4 +-
 .../$idYear/records/$idRecord/recordPage.tsx  |  12 +-
 .../records/$idRecord/recordRowsTable.tsx     |  12 +-
 .../$idRecord/updateManyRecordRows.tsx        |   4 +-
 .../years/$idYear/records/recordsPage.tsx     |   2 +-
 .../balanceReport/balanceReportTable.tsx      |  26 +-
 .../balanceSheetAssetsReportRow.tsx           |  10 +-
 .../balanceSheetAssetsReportTable.tsx         |   6 +-
 .../balanceSheetLiabilitiesReportTable.tsx    |   2 +-
 .../balanceSheetLiabilityiesReportRow.tsx     |   6 +-
 .../balanceSheetReportPage.tsx                |   4 +-
 .../incomeStatementReportPage.tsx             |   2 +-
 .../incomeStatementReportRow.tsx              |   6 +-
 .../incomeStatementsReportTable.tsx           |   6 +-
 .../journalReport/journalReportTable.tsx      |  20 +-
 .../ledgerReport/ledgerReportTable.tsx        |  22 +-
 .../accounts/$idAccount/accountPage.tsx       |   6 +-
 .../accounts/$idAccount/deleteOneAccount.tsx  |   2 +-
 .../yearSettings/accounts/accountItem.tsx     |   6 +-
 .../yearSettings/accounts/accountsPage.tsx    |   6 +-
 .../yearSettings/accounts/accountsTable.tsx   |   6 +-
 .../$idBalanceSheet/balanceSheetPage.tsx      |   6 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |   2 +-
 .../balanceSheets/balanceSheetRow.tsx         |  10 +-
 .../balanceSheets/balanceSheetTable.tsx       |   6 +-
 .../balanceSheets/balanceSheetsPage.tsx       |  10 +-
 .../$idYear/yearSettings/deleteOneYear.tsx    |   4 +-
 .../deleteOneIncomeStatement.tsx              |   2 +-
 .../incomeStatementPage.tsx                   |   6 +-
 .../computationIncomeStatementPage.tsx        |   6 +-
 .../deleteOneComputationIncomeStatement.tsx   |   2 +-
 .../$idComputation/computationPage.tsx        |   6 +-
 .../$idComputation/deleteOneComputation.tsx   |   2 +-
 .../computations/computationsTable.tsx        |   6 +-
 .../computations/generateComputations.tsx     |   2 +-
 .../connectAccountsToIncomeStatements.tsx     |   2 +-
 .../generateIncomeStatement.tsx               |   2 +-
 .../incomeStatements/incomeStatementRow.tsx   |   6 +-
 .../incomeStatements/incomeStatementsPage.tsx |  14 +-
 .../incomeStatementsTable.tsx                 |   6 +-
 .../journals/$idJournal/deleteOneJournal.tsx  |   2 +-
 .../journals/$idJournal/journalPage.tsx       |  10 +-
 .../journals/generateJournals.tsx             |   2 +-
 .../yearSettings/journals/journalsPage.tsx    |  10 +-
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |   2 +-
 .../$idRecordLabel/recordLabelPage.tsx        |  10 +-
 .../recordLabels/recordLabelsPage.tsx         |   8 +-
 .../$idYear/yearSettings/yearSettingsPage.tsx |  10 +-
 .../$idOrganization/years/yearCard.tsx        |  18 +-
 .../$idOrganization/years/yearsPage.tsx       |  10 +-
 .../organizations/organizationCard.tsx        |  16 +-
 .../organizations/organizationsPage.tsx       |   8 +-
 .../dashboard/support/supportPage.tsx         |   6 +-
 .../src/features/docs/ai/analyse.tsx          | 249 ++++++++++++
 .../src/features/docs/ai/assistant.tsx        | 245 ++++++++++++
 .../dashboard/src/features/docs/aiIndex.tsx   | 151 ++++++++
 .../features/docs/api/authentification.tsx    | 191 +++++++++
 .../src/features/docs/api/comptes.tsx         | 313 +++++++++++++++
 .../src/features/docs/api/ecritures.tsx       | 318 +++++++++++++++
 .../src/features/docs/api/erreurs.tsx         | 275 +++++++++++++
 .../src/features/docs/api/exercices.tsx       | 259 +++++++++++++
 .../src/features/docs/api/organisations.tsx   | 253 ++++++++++++
 .../dashboard/src/features/docs/apiIndex.tsx  | 206 ++++++++++
 .../features/docs/components/sectionTab.tsx   |  62 +++
 .../docs/components/sidebarNavigation.tsx     |  87 +++++
 .../features/docs/comptabilite/comptes.tsx    | 174 +++++----
 .../features/docs/comptabilite/documents.tsx  | 249 +++++++-----
 .../features/docs/comptabilite/ecritures.tsx  | 236 ++++++-----
 .../docs/comptabilite/introduction.tsx        | 122 +++---
 .../src/features/docs/comptabiliteIndex.tsx   |  55 +++
 .../src/features/docs/dashboard/demarrage.tsx | 108 ++++++
 .../src/features/docs/dashboard/ecritures.tsx | 147 +++++++
 .../features/docs/dashboard/organisations.tsx | 137 +++++++
 .../src/features/docs/dashboard/rapports.tsx  | 203 ++++++++++
 .../src/features/docs/dashboardIndex.tsx      | 141 +++++++
 .../src/features/docs/docSections.tsx         | 104 +++++
 .../src/features/docs/documentationIndex.tsx  | 263 +++++--------
 .../src/features/docs/documentationLayout.tsx | 365 +++++++++++-------
 .../src/features/docs/guide/demarrage.tsx     | 101 -----
 .../src/features/docs/guide/ecritures.tsx     | 141 -------
 .../src/features/docs/guide/organisations.tsx | 132 -------
 .../src/features/docs/guide/rapports.tsx      | 163 --------
 .../dashboard/src/features/docs/root/cgu.tsx  | 198 ++++++++++
 .../features/docs/root/confidentialite.tsx    | 212 ++++++++++
 .../docs/root/features/featureCard.tsx        |  88 +++++
 .../docs/root/features/featuresPage.tsx       | 135 +++++++
 .../features/docs/root/mentionsLegales.tsx    | 158 ++++++++
 .../src/features/docs/root/pricing/tarifs.tsx | 145 +++++++
 .../src/features/docs/root/support.tsx        | 283 ++++++++++++++
 .../src/features/error/errorPage.tsx          |   2 +-
 .../dashboard/src/features/rootLayout.tsx     |  51 +--
 .../src/features/signIn/signInPage.tsx        |  34 +-
 .../src/features/signUp/signUpPage.tsx        |  22 +-
 .../features/website/documentationBanner.tsx  |  29 --
 .../src/features/website/featureCard.tsx      |  45 ---
 .../src/features/website/featureItem.tsx      |  41 ++
 .../src/features/website/heroIllustration.tsx |  41 ++
 .../src/features/website/landingPage.tsx      | 273 -------------
 .../features/website/organizationsBanner.tsx  |  10 +-
 .../src/features/website/pricing.tsx          | 158 ++++++++
 .../src/features/website/websitePage.tsx      | 354 +++++++++++++++++
 packages/dashboard/src/routes/platformTree.ts |   4 +-
 .../docs/accounting/accountingIndexRoute.tsx  |  15 +
 .../docs/accounting/accountingLayoutRoute.tsx |   2 +-
 .../docs/accounting/introductionRoute.tsx     |  15 -
 .../root/docs/accounting/recordsRoute.tsx     |   2 +-
 .../src/routes/root/docs/ai/aiIndexRoute.tsx  |  15 +
 .../src/routes/root/docs/ai/aiLayoutRoute.tsx |  11 +
 .../src/routes/root/docs/ai/analyseRoute.tsx  |  15 +
 .../routes/root/docs/ai/assistantRoute.tsx    |  15 +
 .../routes/root/docs/api/apiIndexRoute.tsx    |  15 +
 .../routes/root/docs/api/apiLayoutRoute.tsx   |  11 +
 .../root/docs/api/authentificationRoute.tsx   |  15 +
 .../src/routes/root/docs/api/comptesRoute.tsx |  15 +
 .../routes/root/docs/api/ecrituresRoute.tsx   |  15 +
 .../src/routes/root/docs/api/erreursRoute.tsx |  15 +
 .../routes/root/docs/api/exercicesRoute.tsx   |  15 +
 .../root/docs/api/organisationsRoute.tsx      |  15 +
 .../src/routes/root/docs/docsLayoutRoute.tsx  |   2 +-
 .../src/routes/root/docs/docsTree.ts          |  49 ++-
 .../src/routes/root/docs/general/cguRoute.tsx |  15 +
 .../docs/general/confidentialiteRoute.tsx     |  15 +
 .../docs/general/fonctionnalitesRoute.tsx     |  15 +
 .../docs/general/mentionsLegalesRoute.tsx     |  15 +
 .../routes/root/docs/general/supportRoute.tsx |  15 +
 .../routes/root/docs/general/tarifsRoute.tsx  |  15 +
 .../routes/root/docs/guide/demarrageRoute.tsx |   4 +-
 .../root/docs/guide/guideIndexRoute.tsx       |  15 +
 .../root/docs/guide/guideLayoutRoute.tsx      |   2 +-
 .../root/docs/guide/organisationsRoute.tsx    |   2 +-
 .../routes/root/docs/guide/rapportsRoute.tsx  |   2 +-
 .../root/docs/guide/recordRowsRoute.tsx       |   4 +-
 ...{landingRoute.tsx => websiteRootRoute.tsx} |   6 +-
 packages/ui/panda.config.ts                   |  18 +-
 packages/ui/src/components/buttons/button.tsx |  22 +-
 .../src/components/buttons/buttonContent.tsx  | 157 +++-----
 packages/ui/src/components/layouts/badge.tsx  |  30 ++
 packages/ui/src/components/layouts/logo.tsx   |  17 +-
 packages/ui/src/index.ts                      |   4 +-
 239 files changed, 7843 insertions(+), 2544 deletions(-)
 create mode 100644 packages/dashboard/src/components/document/docHeader.tsx
 create mode 100644 packages/dashboard/src/components/document/docLinkCard.tsx
 create mode 100644 packages/dashboard/src/components/document/docSectionCard.tsx
 create mode 100644 packages/dashboard/src/components/document/docTip.tsx
 create mode 100644 packages/dashboard/src/features/docs/ai/analyse.tsx
 create mode 100644 packages/dashboard/src/features/docs/ai/assistant.tsx
 create mode 100644 packages/dashboard/src/features/docs/aiIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/authentification.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/comptes.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/ecritures.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/erreurs.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/exercices.tsx
 create mode 100644 packages/dashboard/src/features/docs/api/organisations.tsx
 create mode 100644 packages/dashboard/src/features/docs/apiIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/components/sectionTab.tsx
 create mode 100644 packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
 create mode 100644 packages/dashboard/src/features/docs/comptabiliteIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/demarrage.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/ecritures.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/organisations.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/rapports.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboardIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/docSections.tsx
 delete mode 100644 packages/dashboard/src/features/docs/guide/demarrage.tsx
 delete mode 100644 packages/dashboard/src/features/docs/guide/ecritures.tsx
 delete mode 100644 packages/dashboard/src/features/docs/guide/organisations.tsx
 delete mode 100644 packages/dashboard/src/features/docs/guide/rapports.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/cgu.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/confidentialite.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/features/featureCard.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/features/featuresPage.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/mentionsLegales.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
 create mode 100644 packages/dashboard/src/features/docs/root/support.tsx
 delete mode 100644 packages/dashboard/src/features/website/documentationBanner.tsx
 delete mode 100644 packages/dashboard/src/features/website/featureCard.tsx
 create mode 100644 packages/dashboard/src/features/website/featureItem.tsx
 create mode 100644 packages/dashboard/src/features/website/heroIllustration.tsx
 delete mode 100644 packages/dashboard/src/features/website/landingPage.tsx
 create mode 100644 packages/dashboard/src/features/website/pricing.tsx
 create mode 100644 packages/dashboard/src/features/website/websitePage.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
 rename packages/dashboard/src/routes/root/website/{landingRoute.tsx => websiteRootRoute.tsx} (67%)
 create mode 100644 packages/ui/src/components/layouts/badge.tsx

diff --git a/packages/dashboard/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
index f9d0790..573781e 100644
--- a/packages/dashboard/src/assets/css/root.css
+++ b/packages/dashboard/src/assets/css/root.css
@@ -3,7 +3,6 @@
 @layer base {
   html {
     font-size: 16px;
-    overflow: auto;
   }
 
   *,
@@ -49,11 +48,8 @@
     background-color: var(--colors-background);
     position: relative;
     min-height: 100dvh;
-    height: 100dvh;
-    min-width: 100dvw;
-    width: 100dvw;
+    width: 100%;
     overflow-x: hidden;
-    overflow-y: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
index ff498a5..d4f3fe5 100644
--- a/packages/dashboard/src/components/document/docDefinition.tsx
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -7,22 +7,29 @@ export function DocDefinition(props: {
 }) {
     return (
         <div className={css({
-            p: "4",
-            rounded: "lg",
-            bg: "neutral/5",
+            p: "5",
+            rounded: "xl",
+            backgroundColor: "white",
             border: "1px solid",
             borderColor: "neutral/10",
-            mb: "4"
+            borderLeft: "3px solid",
+            borderLeftColor: "primary"
         })}>
             <dt className={css({
-                fontWeight: "medium",
+                fontWeight: "semibold",
                 color: "neutral",
+                fontSize: "sm",
                 mb: "1"
-            })}>{props.term}</dt>
+            })}>
+                {props.term}
+            </dt>
             <dd className={css({
                 fontSize: "sm",
-                color: "neutral/70"
-            })}>{props.definition}</dd>
+                color: "neutral/60",
+                lineHeight: "1.6"
+            })}>
+                {props.definition}
+            </dd>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
index af09a0c..c6a2c15 100644
--- a/packages/dashboard/src/components/document/docExample.tsx
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -1,3 +1,4 @@
+import { IconInfoCircle } from "@tabler/icons-react"
 import { css } from "../../utilities/cn.js"
 
 
@@ -7,24 +8,47 @@ export function DocExample(props: {
 }) {
     return (
         <div className={css({
-            p: "4",
-            rounded: "lg",
+            p: "5",
+            rounded: "xl",
             border: "1px solid",
             borderColor: "information/20",
-            bg: "information/5",
-            mb: "4"
+            backgroundColor: "information/5"
         })}>
             {props.title && (
-                <p className={css({
-                    fontSize: "xs",
-                    fontWeight: "medium",
-                    color: "information",
-                    mb: "2"
-                })}>Exemple : {props.title}</p>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "2",
+                    mb: "3"
+                })}>
+                    <IconInfoCircle className={css({
+                        width: "4",
+                        height: "4",
+                        color: "information"
+                    })} />
+                    <span className={css({
+                        fontSize: "sm",
+                        fontWeight: "semibold",
+                        color: "information"
+                    })}>
+                        Exemple : {props.title}
+                    </span>
+                </div>
             )}
             <div className={css({
                 fontSize: "sm",
-                color: "neutral/80"
+                color: "neutral/80",
+                lineHeight: "1.6",
+                "& ol": {
+                    spaceY: "2",
+                    pl: "0",
+                    listStyle: "none"
+                },
+                "& ol li": {
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: "2"
+                }
             })}>
                 {props.children}
             </div>
diff --git a/packages/dashboard/src/components/document/docHeader.tsx b/packages/dashboard/src/components/document/docHeader.tsx
new file mode 100644
index 0000000..8859cfc
--- /dev/null
+++ b/packages/dashboard/src/components/document/docHeader.tsx
@@ -0,0 +1,27 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocHeader(props: {
+    title: string
+    description: string
+}) {
+    return (
+        <div className={css({ mb: "8" })}>
+            <h1 className={css({
+                fontSize: "lg",
+                fontWeight: "bold",
+                color: "neutral",
+                mb: "1"
+            })}>
+                {props.title}
+            </h1>
+            <p className={css({
+                color: "neutral/60",
+                fontSize: "sm",
+                lineHeight: "relaxed"
+            })}>
+                {props.description}
+            </p>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docIndexLink.tsx b/packages/dashboard/src/components/document/docIndexLink.tsx
index 374f401..0a1125e 100644
--- a/packages/dashboard/src/components/document/docIndexLink.tsx
+++ b/packages/dashboard/src/components/document/docIndexLink.tsx
@@ -1,19 +1,32 @@
-import { css } from "../../utilities/cn.js";
-import { Link } from "@tanstack/react-router";
+import { Link } from "@tanstack/react-router"
+import { css } from "../../utilities/cn.js"
 
 
-export function DocIndexLink(props: { to: string; label: string }) {
+export function DocIndexLink(props: {
+    to: string
+    label: string
+}) {
     return (
         <Link
             to={props.to}
             className={css({
-                display: "block",
+                display: "flex",
+                alignItems: "center",
+                gap: "2",
+                py: "1.5",
                 fontSize: "sm",
-                color: "neutral/70",
-                _hover: { color: "neutral" },
+                color: "neutral/60",
+                _hover: { color: "primary" },
                 transition: "colors"
             })}
         >
+            <span className={css({
+                width: "1.5",
+                height: "1.5",
+                rounded: "100%",
+                backgroundColor: "currentColor",
+                opacity: 0.5
+            })} />
             {props.label}
         </Link>
     )
diff --git a/packages/dashboard/src/components/document/docLink.tsx b/packages/dashboard/src/components/document/docLink.tsx
index 14f3f1b..64c354a 100644
--- a/packages/dashboard/src/components/document/docLink.tsx
+++ b/packages/dashboard/src/components/document/docLink.tsx
@@ -11,7 +11,14 @@ export function DocLink(props: {
             to={props.to}
             className={css({
                 color: "primary",
-                _hover: { textDecoration: "underline" }
+                fontWeight: "medium",
+                textDecoration: "underline",
+                textDecorationColor: "primary/30",
+                textUnderlineOffset: "2px",
+                _hover: {
+                    textDecorationColor: "primary"
+                },
+                transition: "all 0.15s"
             })}
         >
             {props.children}
diff --git a/packages/dashboard/src/components/document/docLinkCard.tsx b/packages/dashboard/src/components/document/docLinkCard.tsx
new file mode 100644
index 0000000..a473669
--- /dev/null
+++ b/packages/dashboard/src/components/document/docLinkCard.tsx
@@ -0,0 +1,74 @@
+import { Link } from "@tanstack/react-router"
+import type { ReactNode } from "react"
+import { css } from "../../utilities/cn.js"
+
+
+export type DocLinkCardColor = "information" | "success" | "primary" | "warning"
+
+export function DocLinkCard(props: {
+    icon: ReactNode
+    iconColor?: DocLinkCardColor
+    title: string
+    description: string
+    to: string
+}) {
+    const colorStyles: Record<DocLinkCardColor, { bg: string; color: string }> = {
+        information: { bg: "information/10", color: "information" },
+        success: { bg: "success/10", color: "success" },
+        primary: { bg: "primary/10", color: "primary" },
+        warning: { bg: "warning/10", color: "warning" },
+    }
+    const style = colorStyles[props.iconColor ?? "primary"]
+
+    return (
+        <Link
+            to={props.to}
+            className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.75rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+                transition: "all 0.15s",
+                _hover: {
+                    borderColor: "neutral/20",
+                    boxShadow: "sm",
+                }
+            })}
+        >
+            <div className={css({
+                width: "2.5rem",
+                height: "2.5rem",
+                borderRadius: "md",
+                backgroundColor: style.bg,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: style.color,
+                "& svg": {
+                    width: "1.25rem",
+                    height: "1.25rem"
+                }
+            })}>
+                {props.icon}
+            </div>
+            <h3 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+            })}>
+                {props.description}
+            </p>
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docList.tsx b/packages/dashboard/src/components/document/docList.tsx
index 014ebb1..bbc01c6 100644
--- a/packages/dashboard/src/components/document/docList.tsx
+++ b/packages/dashboard/src/components/document/docList.tsx
@@ -1,20 +1,43 @@
+import { IconCheck } from "@tabler/icons-react"
 import { css } from "../../utilities/cn.js"
 
 
 export function DocList(props: {
     items: string[]
+    variant?: "bullet" | "check"
 }) {
+    const variant = props.variant ?? "bullet"
+
     return (
-        <ul className={css({ mb: "4", spaceY: "2" })}>
+        <ul className={css({ spaceY: "2" })}>
             {props.items.map((item, index) => (
                 <li key={index} className={css({
                     display: "flex",
                     alignItems: "flex-start",
-                    gap: "2",
-                    color: "neutral/80"
+                    gap: "3",
+                    color: "neutral/70",
+                    fontSize: "sm",
+                    lineHeight: "1.6"
                 })}>
-                    <span className={css({ color: "neutral/40", mt: "1" })}>-</span>
-                    {item}
+                    {variant === "check" ? (
+                        <IconCheck className={css({
+                            width: "4",
+                            height: "4",
+                            color: "success",
+                            marginTop: "0.5",
+                            flexShrink: 0
+                        })} />
+                    ) : (
+                        <span className={css({
+                            width: "1.5",
+                            height: "1.5",
+                            rounded: "100%",
+                            backgroundColor: "neutral/30",
+                            marginTop: "2",
+                            flexShrink: 0
+                        })} />
+                    )}
+                    <span>{item}</span>
                 </li>
             ))}
         </ul>
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
index b75b012..ac96e97 100644
--- a/packages/dashboard/src/components/document/docNextPage.tsx
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../utilities/cn.js"
-import { IconChevronRight } from "@tabler/icons-react"
+import { IconArrowRight } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
+import { css } from "../../utilities/cn.js"
 
 
 export function DocNextPage(props: {
@@ -8,41 +8,58 @@ export function DocNextPage(props: {
     label: string
 }) {
     return (
-        <Link
-            to={props.to}
-            className={cx(
-                css({
-                    mt: "12",
-                    p: "4",
-                    rounded: "lg",
-                    border: "1px solid",
-                    borderColor: "neutral/10",
+        <div className={css({
+            marginTop: "12",
+            pt: "8",
+            borderTop: "1px solid",
+            borderColor: "neutral/10"
+        })}>
+            <Link
+                to={props.to}
+                className={css({
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
-                    _hover: { bg: "neutral/5" },
-                    transition: "colors"
-                }),
-                "group"
-            )}
-        >
-            <div>
-                <span className={css({
-                    fontSize: "xs",
-                    color: "neutral/50"
-                })}>Page suivante</span>
-                <p className={css({
-                    fontSize: "sm",
-                    fontWeight: "medium"
-                })}>{props.label}</p>
-            </div>
-            <IconChevronRight className={css({
-                w: "5",
-                h: "5",
-                color: "neutral/30",
-                _groupHover: { color: "neutral/50" },
-                transition: "colors"
-            })} />
-        </Link>
+                    p: "5",
+                    rounded: "xl",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    backgroundColor: "white",
+                    transition: "all 0.2s",
+                    _hover: {
+                        borderColor: "primary/30",
+                        shadowidth: "sm",
+                        transform: "translateX(4px)"
+                    }
+                })}
+            >
+                <div>
+                    <span className={css({
+                        display: "block",
+                        fontSize: "xs",
+                        fontWeight: "medium",
+                        color: "neutral/40",
+                        textTransform: "uppercase",
+                        letterSpacing: "wider",
+                        mb: "1"
+                    })}>
+                        Page suivante
+                    </span>
+                    <span className={css({
+                        display: "block",
+                        fontSize: "md",
+                        fontWeight: "semibold",
+                        color: "neutral"
+                    })}>
+                        {props.label}
+                    </span>
+                </div>
+                <IconArrowRight className={css({
+                    width: "5",
+                    height: "5",
+                    color: "primary"
+                })} />
+            </Link>
+        </div>
     )
 }
diff --git a/packages/dashboard/src/components/document/docParagraph.tsx b/packages/dashboard/src/components/document/docParagraph.tsx
index 0ebff45..253b993 100644
--- a/packages/dashboard/src/components/document/docParagraph.tsx
+++ b/packages/dashboard/src/components/document/docParagraph.tsx
@@ -6,9 +6,9 @@ export function DocParagraph(props: {
 }) {
     return (
         <p className={css({
-            color: "neutral/80",
-            lineHeight: "relaxed",
-            mb: "4"
+            color: "neutral/70",
+            lineHeight: "1.75",
+            fontSize: "sm"
         })}>
             {props.children}
         </p>
diff --git a/packages/dashboard/src/components/document/docSection.tsx b/packages/dashboard/src/components/document/docSection.tsx
index 4cd5df8..370952b 100644
--- a/packages/dashboard/src/components/document/docSection.tsx
+++ b/packages/dashboard/src/components/document/docSection.tsx
@@ -5,19 +5,29 @@ export function DocSection(props: {
     title: string
     children: React.ReactNode
 }) {
+    const id = props.title.toLowerCase()
+        .replace(/[^a-z0-9\s-]/g, '')
+        .replace(/\s+/g, '-')
+
     return (
-        <section className={css({ mb: "8" })}>
+        <section className={css({ mb: "10" })}>
             <h2
+                id={id}
                 className={css({
                     fontSize: "xl",
                     fontWeight: "semibold",
-                    mb: "4"
+                    color: "neutral",
+                    mb: "4",
+                    pb: "2",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/10"
                 })}
-                id={props.title.toLowerCase().replace(/\s/g, '-')}
             >
                 {props.title}
             </h2>
-            {props.children}
+            <div className={css({ spaceY: "4" })}>
+                {props.children}
+            </div>
         </section>
     )
 }
diff --git a/packages/dashboard/src/components/document/docSectionCard.tsx b/packages/dashboard/src/components/document/docSectionCard.tsx
new file mode 100644
index 0000000..be22702
--- /dev/null
+++ b/packages/dashboard/src/components/document/docSectionCard.tsx
@@ -0,0 +1,123 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconChevronRight } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import type { ReactNode } from "react"
+import { css } from "../../utilities/cn.js"
+
+
+export type DocSectionCardColor = "information" | "success" | "primary" | "warning"
+
+export function DocSectionCard(props: {
+    icon: ReactNode
+    iconColor?: DocSectionCardColor
+    title: string
+    description: string
+    links: { to: string; label: string }[]
+    ctaTo: string
+    ctaLabel: string
+}) {
+    const colorStyles: Record<DocSectionCardColor, { bg: string; color: string }> = {
+        information: { bg: "information/10", color: "information" },
+        success: { bg: "success/10", color: "success" },
+        primary: { bg: "primary/10", color: "primary" },
+        warning: { bg: "warning/10", color: "warning" },
+    }
+    const style = colorStyles[props.iconColor ?? "primary"]
+
+    return (
+        <div className={css({
+            flex: "1",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem"
+        })}>
+            {/* Icon */}
+            <div className={css({
+                width: "2.5rem",
+                height: "2.5rem",
+                borderRadius: "md",
+                backgroundColor: style.bg,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: style.color,
+                "& svg": {
+                    width: "1.25rem",
+                    height: "1.25rem"
+                }
+            })}>
+                {props.icon}
+            </div>
+
+            {/* Title */}
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+
+            {/* Description */}
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+            })}>
+                {props.description}
+            </p>
+
+            {/* Links */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.25rem",
+                flex: "1"
+            })}>
+                {props.links.map((link) => (
+                    <Link
+                        key={link.to}
+                        to={link.to}
+                        className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.5rem",
+                            paddingY: "0.5rem",
+                            paddingX: "0.5rem",
+                            borderRadius: "md",
+                            fontSize: "sm",
+                            color: "neutral/70",
+                            _hover: {
+                                backgroundColor: "neutral/5",
+                                color: "neutral"
+                            },
+                            transition: "all 0.15s"
+                        })}
+                    >
+                        <span className={css({
+                            width: "0.375rem",
+                            height: "0.375rem",
+                            borderRadius: "lg",
+                            backgroundColor: "neutral/30"
+                        })} />
+                        {link.label}
+                    </Link>
+                ))}
+            </div>
+
+            {/* CTA */}
+            <Link to={props.ctaTo}>
+                <ButtonContent
+                    variant="default"
+                    text={props.ctaLabel}
+                    rightIcon={<IconChevronRight />}
+                />
+            </Link>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docTable.tsx b/packages/dashboard/src/components/document/docTable.tsx
index 0f07a18..d37681e 100644
--- a/packages/dashboard/src/components/document/docTable.tsx
+++ b/packages/dashboard/src/components/document/docTable.tsx
@@ -6,24 +6,33 @@ export function DocTable(props: {
     rows: string[][]
 }) {
     return (
-        <div className={css({ overflowX: "auto", mb: "4" })}>
+        <div className={css({
+            overflowX: "auto",
+            rounded: "xl",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white"
+        })}>
             <table className={css({
-                w: "full",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                rounded: "lg",
-                overflow: "hidden"
+                width: "100%",
+                borderCollapse: "collapse"
             })}>
-                <thead className={css({ bg: "neutral/5" })}>
-                    <tr>
+                <thead>
+                    <tr className={css({
+                        backgroundColor: "neutral/5",
+                        borderBottom: "1px solid",
+                        borderColor: "neutral/10"
+                    })}>
                         {props.headers.map((header, index) => (
                             <th key={index} className={css({
                                 px: "4",
-                                py: "2",
+                                py: "3",
                                 textAlign: "left",
-                                fontSize: "sm",
-                                fontWeight: "medium",
-                                color: "neutral"
+                                fontSize: "xs",
+                                fontWeight: "semibold",
+                                color: "neutral/60",
+                                textTransform: "uppercase",
+                                letterSpacing: "wider"
                             })}>
                                 {header}
                             </th>
@@ -33,15 +42,19 @@ export function DocTable(props: {
                 <tbody>
                     {props.rows.map((row, rowIndex) => (
                         <tr key={rowIndex} className={css({
-                            borderTop: "1px solid",
-                            borderColor: "neutral/10"
+                            borderBottom: "1px solid",
+                            borderColor: "neutral/8",
+                            _last: { borderBottom: "none" },
+                            _hover: { backgroundColor: "neutral/3" },
+                            transition: "colors"
                         })}>
                             {row.map((cell, cellIndex) => (
                                 <td key={cellIndex} className={css({
                                     px: "4",
-                                    py: "2",
+                                    py: "3",
                                     fontSize: "sm",
-                                    color: "neutral/80"
+                                    color: "neutral/70",
+                                    lineHeight: "1.5"
                                 })}>
                                     {cell}
                                 </td>
diff --git a/packages/dashboard/src/components/document/docTip.tsx b/packages/dashboard/src/components/document/docTip.tsx
new file mode 100644
index 0000000..a923115
--- /dev/null
+++ b/packages/dashboard/src/components/document/docTip.tsx
@@ -0,0 +1,116 @@
+import {
+    IconAlertTriangle,
+    IconBulb,
+    IconCircleCheck,
+    IconInfoCircle
+} from "@tabler/icons-react"
+import { css } from "../../utilities/cn.js"
+
+
+type DocTipVariant = "tip" | "warning" | "info" | "success"
+
+const variantConfig: Record<DocTipVariant, {
+    icon: React.ReactNode
+    label: string
+    backgroundColor: string
+    borderColor: string
+    iconColor: string
+    labelColor: string
+}> = {
+    tip: {
+        icon: <IconBulb />,
+        label: "Conseil",
+        backgroundColor: "warning/8",
+        borderColor: "warning/20",
+        iconColor: "warning",
+        labelColor: "warning"
+    },
+    warning: {
+        icon: <IconAlertTriangle />,
+        label: "Attention",
+        backgroundColor: "danger/8",
+        borderColor: "danger/20",
+        iconColor: "danger",
+        labelColor: "danger"
+    },
+    info: {
+        icon: <IconInfoCircle />,
+        label: "Information",
+        backgroundColor: "information/8",
+        borderColor: "information/20",
+        iconColor: "information",
+        labelColor: "information"
+    },
+    success: {
+        icon: <IconCircleCheck />,
+        label: "Félicitations",
+        backgroundColor: "success/8",
+        borderColor: "success/20",
+        iconColor: "success",
+        labelColor: "success"
+    }
+}
+
+
+export function DocTip(props: {
+    variant?: DocTipVariant
+    label?: string
+    children: React.ReactNode
+}) {
+    const variant = props.variant ?? "tip"
+    const config = variantConfig[variant]
+    const label = props.label ?? config.label
+
+    return (
+        <div className={css({
+            padding: "1.5rem",
+            borderRadius: "lg",
+            backgroundColor: config.backgroundColor,
+            border: "1px solid",
+            borderColor: config.borderColor
+        })}>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "flex-start",
+                gap: "0.75rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <div className={css({
+                        width: "1.25rem",
+                        height: "1.25rem",
+                        flexShrink: 0,
+                        color: config.iconColor,
+                        "& svg": {
+                            width: "100%",
+                            height: "100%"
+                        }
+                    })}>
+                        {config.icon}
+                    </div>
+                    <span className={css({
+                        fontWeight: "semibold",
+                        color: config.labelColor,
+                        fontSize: "md",
+                    })}>
+                        {label}
+                    </span>
+                </div>
+                <div className={css({ flex: "1" })}>
+
+                    <span className={css({
+                        fontSize: "sm",
+                        color: "neutral/80",
+                        lineHeight: "relaxed"
+                    })}>
+                        {props.children}
+                    </span>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/formats/formatBase.tsx b/packages/dashboard/src/components/formats/formatBase.tsx
index eeb6bf2..509e8e0 100644
--- a/packages/dashboard/src/components/formats/formatBase.tsx
+++ b/packages/dashboard/src/components/formats/formatBase.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 type FormatBase = {
@@ -12,9 +12,9 @@ export function FormatBase(props: FormatBase) {
         <div
             className={cx(
                 css({
-                    w: "fit",
-                    maxW: "full",
-                    overflow: "auto",
+                    width: "fit",
+                    maxWidth: "100%",
+                    overflowidth: "auto",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "center"
diff --git a/packages/dashboard/src/components/formats/formatError.tsx b/packages/dashboard/src/components/formats/formatError.tsx
index 3bdbc9b..81a3a03 100644
--- a/packages/dashboard/src/components/formats/formatError.tsx
+++ b/packages/dashboard/src/components/formats/formatError.tsx
@@ -1,5 +1,5 @@
-import { css } from "../../utilities/cn.js"
 import { ComponentProps } from "react"
+import { css } from "../../utilities/cn.js"
 import { FormatBase } from "./formatBase.js"
 
 
@@ -12,15 +12,15 @@ export function FormatError(props: {
         <FormatBase className={props.className}>
             <span className={css({
                 display: "inline-flex",
-                flexDir: "row",
+                flexDirection: "row",
                 justifyContent: "flex-start",
                 alignItems: "center",
                 fontSize: "sm",
                 fontWeight: "semibold",
                 color: "error/75",
                 whiteSpace: "nowrap",
-                overflow: "auto",
-                textOverflow: "ellipsis"
+                overflowidth: "auto",
+                textOverflowidth: "ellipsis"
             })}>
                 {props.text}
             </span>
diff --git a/packages/dashboard/src/components/formats/formatFileSize.tsx b/packages/dashboard/src/components/formats/formatFileSize.tsx
index c9545b4..a2e9a54 100644
--- a/packages/dashboard/src/components/formats/formatFileSize.tsx
+++ b/packages/dashboard/src/components/formats/formatFileSize.tsx
@@ -1,7 +1,7 @@
+import { ComponentProps } from "react"
 import { FormatBase } from "../../components/formats/formatBase.js"
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { css } from "../../utilities/cn.js"
-import { ComponentProps } from "react"
 
 
 const sizes = ['o', 'ko', 'Mo', 'Go', 'To']
@@ -26,11 +26,11 @@ export function FormatFileSize(props: FormatFileSize) {
     return (
         <FormatBase className={props.className}>
             <span className={css({
-                w: "fit",
-                maxW: "full",
-                overflow: "hidden",
+                width: "fit",
+                maxWidth: "100%",
+                overflowidth: "hidden",
                 whiteSpace: "nowrap",
-                textOverflow: "ellipsis",
+                textOverflowidth: "ellipsis",
                 fontSize: "base",
                 wordBreak: "break-word"
             })}>
diff --git a/packages/dashboard/src/components/formats/formatLink.tsx b/packages/dashboard/src/components/formats/formatLink.tsx
index a5b8312..8c64a87 100644
--- a/packages/dashboard/src/components/formats/formatLink.tsx
+++ b/packages/dashboard/src/components/formats/formatLink.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@arrhes/ui"
+import { ComponentProps } from "react"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { css } from "../../utilities/cn.js"
-import { ComponentProps } from "react"
 import { FormatBase } from "./formatBase.js"
 import { FormatNull } from "./formatNull.js"
 
@@ -24,8 +24,8 @@ export function FormatLink(props: FormatLinkProps) {
             <Button
                 onClick={() => copyContent(props.text)}
                 className={css({
-                    w: "full",
-                    overflow: "auto",
+                    width: "100%",
+                    overflowidth: "auto",
                     rounded: "none"
                 })}
             >
@@ -33,11 +33,11 @@ export function FormatLink(props: FormatLinkProps) {
                     textAlign: "left",
                     textDecoration: "underline",
                     _hover: { textDecoration: "none" },
-                    maxW: "full",
+                    maxWidth: "100%",
                     overflowWrap: "normal",
                     whiteSpace: "nowrap",
-                    overflow: "auto",
-                    textOverflow: "ellipsis"
+                    overflowidth: "auto",
+                    textOverflowidth: "ellipsis"
                 })}>
                     {props.text}
                 </span>
diff --git a/packages/dashboard/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
index 6bcacaf..14ebfda 100644
--- a/packages/dashboard/src/components/formats/formatNull.tsx
+++ b/packages/dashboard/src/components/formats/formatNull.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 type FormatNull = {
@@ -12,15 +12,15 @@ export function FormatNull(props: FormatNull) {
         <span className={cx(
             css({
                 display: "inline-flex",
-                flexDir: "row",
+                flexDirection: "row",
                 justifyContent: "flex-start",
                 alignItems: "center",
                 fontSize: "sm",
                 fontStyle: "italic",
                 color: "neutral/25",
                 whiteSpace: "nowrap",
-                overflow: "auto",
-                textOverflow: "ellipsis"
+                overflowidth: "auto",
+                textOverflowidth: "ellipsis"
             }),
             props.className
         )}>
diff --git a/packages/dashboard/src/components/formats/formatPrice.tsx b/packages/dashboard/src/components/formats/formatPrice.tsx
index e58b897..07910f4 100644
--- a/packages/dashboard/src/components/formats/formatPrice.tsx
+++ b/packages/dashboard/src/components/formats/formatPrice.tsx
@@ -1,6 +1,6 @@
+import { ComponentProps } from "react"
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { css, cx } from "../../utilities/cn.js"
-import { ComponentProps } from "react"
 
 
 export function formatPrice(parameters: {
@@ -38,8 +38,8 @@ export function FormatPrice(props: {
     return (
         <span className={cx(
             css({
-                w: "fit",
-                maxW: "full",
+                width: "fit",
+                maxWidth: "100%",
                 fontSize: "sm"
             }),
             processedPrice === 0 ? css({ color: "neutral/25" }) : undefined,
diff --git a/packages/dashboard/src/components/formats/formatText.tsx b/packages/dashboard/src/components/formats/formatText.tsx
index 44f31fc..cdc1ad0 100644
--- a/packages/dashboard/src/components/formats/formatText.tsx
+++ b/packages/dashboard/src/components/formats/formatText.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
+import { css, cx } from "../../utilities/cn.js"
 import { FormatNull } from "./formatNull.js"
 
 
@@ -16,7 +16,7 @@ export function FormatText(props: {
                 fontSize: "sm",
                 wordBreak: "break-word",
                 overflowX: "hidden",
-                textOverflow: "ellipsis"
+                textOverflowidth: "ellipsis"
             }),
             !props.wrap ? css({ whiteSpace: "nowrap" }) : undefined,
             props.className
diff --git a/packages/dashboard/src/components/forms/formError.tsx b/packages/dashboard/src/components/forms/formError.tsx
index 625c694..9a09387 100644
--- a/packages/dashboard/src/components/forms/formError.tsx
+++ b/packages/dashboard/src/components/forms/formError.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { forwardRef } from "react"
+import { css, cx } from "../../utilities/cn.js"
 import { useFormField } from "./useFormField.js"
 
 
@@ -17,7 +17,7 @@ export const FormError = forwardRef<
             id={formMessageId}
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     fontSize: "xs",
                     color: "error"
                 }),
diff --git a/packages/dashboard/src/components/forms/formItem.tsx b/packages/dashboard/src/components/forms/formItem.tsx
index da9dc82..4b91203 100644
--- a/packages/dashboard/src/components/forms/formItem.tsx
+++ b/packages/dashboard/src/components/forms/formItem.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { HTMLAttributes, useId } from "react"
+import { css, cx } from "../../utilities/cn.js"
 import { FormItemContext } from "./formItemContext.js"
 
 
@@ -14,9 +14,9 @@ export function FormItem(props: FormItem) {
                 {...props}
                 className={cx(
                     css({
-                        w: "full",
+                        width: "100%",
                         display: "flex",
-                        flexDir: "column",
+                        flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "flex-start",
                         gap: "1"
diff --git a/packages/dashboard/src/components/forms/formLabel.tsx b/packages/dashboard/src/components/forms/formLabel.tsx
index f5d1a7b..a232d79 100644
--- a/packages/dashboard/src/components/forms/formLabel.tsx
+++ b/packages/dashboard/src/components/forms/formLabel.tsx
@@ -1,8 +1,8 @@
 
-import { css } from "../../utilities/cn.js"
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip"
 import { IconInfoSquare } from "@tabler/icons-react"
 import { HTMLAttributes } from "react"
+import { css } from "../../utilities/cn.js"
 import { useFormField } from "./useFormField.js"
 
 
@@ -31,7 +31,7 @@ export function FormLabel(props: FormLabel) {
         >
             <div className={css({
                 display: "flex",
-                flexDir: "column",
+                flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "flex-start",
                 gap: "1"
@@ -82,7 +82,7 @@ export function FormLabel(props: FormLabel) {
                                 _hover: { color: "neutral", fill: "neutral/5" }
                             })} />
                         </TooltipTrigger>
-                        <TooltipContent className={css({ bg: "neutral", p: "2" })}>
+                        <TooltipContent className={css({ backgroundColor: "neutral", p: "2" })}>
                             <p className={css({
                                 overflowWrap: "break-word",
                                 hyphens: "auto",
diff --git a/packages/dashboard/src/components/forms/formRoot.tsx b/packages/dashboard/src/components/forms/formRoot.tsx
index ed8ce7a..6c26100 100644
--- a/packages/dashboard/src/components/forms/formRoot.tsx
+++ b/packages/dashboard/src/components/forms/formRoot.tsx
@@ -1,9 +1,9 @@
-import { Button, type ButtonProps } from "@arrhes/ui"
-import { css, cx } from "../../utilities/cn.js"
+import { Button } from "@arrhes/ui"
 import { valibotResolver } from "@hookform/resolvers/valibot"
 import { ReactElement, useEffect, useRef } from "react"
 import { DefaultValues, FormProvider, useForm, UseFormReturn } from "react-hook-form"
 import * as v from "valibot"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function FormRoot<
@@ -46,27 +46,27 @@ export function FormRoot<
         <FormProvider {...form}>
             <form
                 className={css({
-                    w: "full",
+                    width: "100%",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start"
                 })}
             //  onSubmit={}
             >
                 <div className={css({
-                    w: "full",
-                    maxW: "md",
+                    width: "100%",
+                    maxWidth: "md",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
                     gap: "4"
                 })}>
                     <div className={css({
-                        w: "full",
+                        width: "100%",
                         display: "flex",
-                        flexDir: "column",
+                        flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
                         gap: "2"
diff --git a/packages/dashboard/src/components/forms/formSubmit.tsx b/packages/dashboard/src/components/forms/formSubmit.tsx
index 443b105..9afdba8 100644
--- a/packages/dashboard/src/components/forms/formSubmit.tsx
+++ b/packages/dashboard/src/components/forms/formSubmit.tsx
@@ -23,8 +23,8 @@ export function FormSubmit<T>(props: FormSubmit<T>) {
     }
 
     return (
-        <div className={css({ w: "full", mt: "auto", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "2" })}>
-            <div className={css({ w: "full", display: "flex", flexDir: "row", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+        <div className={css({ width: "100%", marginTop: "auto", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "2" })}>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                 {
                     (props.previousCallback === undefined) ? null : (
                         <Button
@@ -42,7 +42,7 @@ export function FormSubmit<T>(props: FormSubmit<T>) {
                 />
             </div>
             {(!props.stepCount && !props.stepName) ? null :
-                <div className={css({ w: "full", display: "flex", flexDir: "row", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
+                <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
                     {(!props.stepCount) ? null : <span className={css({ fontSize: "sm", color: "neutral/50" })}>{props.stepCount}</span>}
                     {(!props.stepName) ? null : <span className={css({ fontSize: "sm", color: "neutral/50" })}>{props.stepName}</span>}
                 </div>
diff --git a/packages/dashboard/src/components/inputs/inputCombobox.tsx b/packages/dashboard/src/components/inputs/inputCombobox.tsx
index d35e0c4..a0d0ff9 100644
--- a/packages/dashboard/src/components/inputs/inputCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputCombobox.tsx
@@ -1,14 +1,14 @@
 
 import { Button } from "@arrhes/ui"
+import { IconCheck, IconChevronDown } from "@tabler/icons-react"
+import { ComponentProps, useEffect, useState } from "react"
+import { FieldError } from "react-hook-form"
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Virtualizer } from "../../components/layouts/virtualizer.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
 import { css, cx } from "../../utilities/cn.js"
 import { debounce } from "../../utilities/debounce.js"
-import { IconCheck, IconChevronDown } from "@tabler/icons-react"
-import { ComponentProps, useEffect, useState } from "react"
-import { FieldError } from "react-hook-form"
 
 
 export function InputCombobox<TValue extends string>(props: {
@@ -55,7 +55,7 @@ export function InputCombobox<TValue extends string>(props: {
                     }}
                     data-open={open}
                     className={cx(
-                        css({ w: "full" }),
+                        css({ width: "100%" }),
                         props.isDisabled ? css({ cursor: "not-allowed" }) : "",
                         props.className
                     )}
@@ -64,8 +64,8 @@ export function InputCombobox<TValue extends string>(props: {
                 >
                     <div className={cx(
                         css({
-                            w: "full",
-                            h: "[32px]",
+                            width: "100%",
+                            height: "[32px]",
                             display: "flex",
                             justifyContent: "space-between",
                             alignItems: "center",
@@ -73,8 +73,8 @@ export function InputCombobox<TValue extends string>(props: {
                             rounded: "sm",
                             p: "2",
                             border: "1px solid",
-                            _hover: { shadow: "inner" },
-                            _focusWithin: { borderColor: "neutral/50", shadow: "inner" }
+                            _hover: { shadowidth: "inner" },
+                            _focusWithin: { borderColor: "neutral/50", shadowidth: "inner" }
                         }),
                         (props.error === undefined) ? css({ borderColor: "neutral/25" }) : css({ borderColor: "error" }),
                         props.className
@@ -82,13 +82,13 @@ export function InputCombobox<TValue extends string>(props: {
                         <span
                             className={cx(
                                 css({
-                                    w: "full",
-                                    h: "full",
+                                    width: "100%",
+                                    height: "100%",
                                     fontSize: "sm",
                                     fontWeight: "medium",
                                     lineHeight: "none",
                                     whiteSpace: "nowrap",
-                                    textOverflow: "ellipsis",
+                                    textOverflowidth: "ellipsis",
                                     rounded: "sm",
                                     textAlign: "left"
                                 }),
@@ -102,7 +102,7 @@ export function InputCombobox<TValue extends string>(props: {
                         </span>
                         <IconChevronDown
                             size={16}
-                            className={css({ stroke: "neutral", minW: "[16px]", w: "[16px]", minH: "[16px]", h: "[16px]" })}
+                            className={css({ stroke: "neutral", minwidth: "[16px]", width: "[16px]", minH: "[16px]", height: "[16px]" })}
                             strokeWidth={2}
                         />
                     </div>
@@ -113,11 +113,11 @@ export function InputCombobox<TValue extends string>(props: {
                     ? (null)
                     : (
                         <Popover.Content align="start">
-                            <div className={css({ w: "full", h: "[32px]", display: "flex", justifyContent: "flex-start", alignItems: "center", p: "2", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                            <div className={css({ width: "100%", height: "[32px]", display: "flex", justifyContent: "flex-start", alignItems: "center", p: "2", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <input
                                     type="text"
                                     className={css({
-                                        w: "full",
+                                        width: "100%",
                                         fontSize: "sm",
                                         lineHeight: "none",
                                         _placeholder: { color: "neutral/25" }
@@ -126,7 +126,7 @@ export function InputCombobox<TValue extends string>(props: {
                                     onChange={(e) => setRawQuery(e.currentTarget.value)}
                                 />
                             </div>
-                            <div className={css({ h: "fit-content", maxH: "[256px]", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                            <div className={css({ height: "fit-content", maxH: "[256px]", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                                 {
                                     (props.isLoading === false)
                                         ? (null)
@@ -163,8 +163,8 @@ export function InputCombobox<TValue extends string>(props: {
                                                 }}
                                                 className={cx(
                                                     css({
-                                                        w: "full",
-                                                        h: "fit-content",
+                                                        width: "100%",
+                                                        height: "fit-content",
                                                         display: "flex",
                                                         justifyContent: "space-between",
                                                         alignItems: "center",
@@ -172,7 +172,7 @@ export function InputCombobox<TValue extends string>(props: {
                                                         p: "2",
                                                         cursor: "pointer"
                                                     }),
-                                                    (currentOption?.key === option.key) ? css({ bg: "neutral/5" }) : css({ bg: "none", _hover: { bg: "neutral/5" } })
+                                                    (currentOption?.key === option.key) ? css({ backgroundColor: "neutral/5" }) : css({ backgroundColor: "none", _hover: { backgroundColor: "neutral/5" } })
                                                 )}
                                             >
                                                 <span
diff --git a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
index 2ff7e74..057e870 100644
--- a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
+++ b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
@@ -1,12 +1,12 @@
 import { Button } from "@arrhes/ui"
+import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
+import { CommandEmpty, CommandLoading } from "cmdk"
+import { Fragment, useState } from "react"
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Command, CommandInput, CommandItem, CommandList } from "../../components/layouts/command.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
 import { css, cx } from "../../utilities/cn.js"
-import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
-import { CommandEmpty, CommandLoading } from "cmdk"
-import { Fragment, useState } from "react"
 
 
 
@@ -41,10 +41,10 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
         .filter((option) => !props.selectedOptions.some((x) => x.key === option.key))
 
     return (
-        <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "1" })}>
-            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", p: "2", w: "full", rounded: "md", border: "1px solid", borderColor: "neutral/25", _disabled: { cursor: "not-allowed", opacity: "50" }, maxH: "[256px]", overflow: "auto", minH: "[40px]" })}>
+        <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "1" })}>
+            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", p: "2", width: "100%", rounded: "md", border: "1px solid", borderColor: "neutral/25", _disabled: { cursor: "not-allowed", opacity: "50" }, maxH: "[256px]", overflowidth: "auto", minH: "[40px]" })}>
                 {(props.selectedOptions.length === 0) ? (
-                    <div className={css({ w: "full", h: "full", display: "flex", justifyContent: "flex-start", alignItems: "center" })}>
+                    <div className={css({ width: "100%", height: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center" })}>
                         <FormatNull text={props.emptyLabel ?? "Nothing selected"} />
                     </div>
                 ) : (
@@ -69,7 +69,7 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                     <Button
                         role="combobox"
                         data-open={open}
-                        className={css({ w: "full" })}
+                        className={css({ width: "100%" })}
                         onClick={() => {
                             if (props.isDisabled) return
                             setOpen(!open)
@@ -78,7 +78,7 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                     >
                         <div className={cx(
                             css({
-                                w: "full",
+                                width: "100%",
                                 display: "grid",
                                 gridTemplateColumns: "auto min-content",
                                 alignItems: "center",
@@ -87,13 +87,13 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                 border: "1px solid",
                                 borderColor: "neutral/25",
                                 rounded: "md",
-                                _groupFocus: { borderColor: "neutral/50", shadow: "outer", bg: "neutral/5" },
-                                "&[data-open=true]": { borderColor: "neutral/50", bg: "neutral/5", shadow: "outer" }
+                                _groupFocus: { borderColor: "neutral/50", shadowidth: "outer", backgroundColor: "neutral/5" },
+                                "&[data-open=true]": { borderColor: "neutral/50", backgroundColor: "neutral/5", shadowidth: "outer" }
                             })
                         )}
                         >
-                            <span className={css({ w: "full", h: "fit-content", textAlign: "left", color: "neutral/50", fontSize: "sm" })}>{props.placeholder}</span>
-                            <IconSelector className={css({ h: "4", w: "4", flexShrink: "0", opacity: "50" })} />
+                            <span className={css({ width: "100%", height: "fit-content", textAlign: "left", color: "neutral/50", fontSize: "sm" })}>{props.placeholder}</span>
+                            <IconSelector className={css({ height: "4", width: "4", flexShrink: "0", opacity: "50" })} />
                         </div>
                     </Button>
                 </Popover.Trigger>
@@ -104,7 +104,7 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                         >
                             <Command
                                 className={cx(
-                                    css({ w: "full" }),
+                                    css({ width: "100%" }),
                                     props.className
                                 )}
                                 filter={(value, search) => {
@@ -123,9 +123,9 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                         )
                                         : (null)
                                 }
-                                <CommandList className={css({ maxH: "[256px]", overflow: "auto", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch" })}>
+                                <CommandList className={css({ maxH: "[256px]", overflowidth: "auto", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch" })}>
                                     <CommandEmpty>
-                                        <div className={css({ position: "relative", h: "[40px]", p: "3", display: "flex", justifyContent: "flex-start", alignItems: "center", cursor: "default", userSelect: "none", rounded: "sm", outline: "none", _disabled: { pointerEvents: "none", opacity: "50" } })}>
+                                        <div className={css({ position: "relative", height: "[40px]", p: "3", display: "flex", justifyContent: "flex-start", alignItems: "center", cursor: "default", userSelect: "none", rounded: "sm", outline: "none", _disabled: { pointerEvents: "none", opacity: "50" } })}>
                                             <span className={css({ color: "neutral/10", textAlign: "left", fontStyle: "italic" })}>
                                                 No result
                                             </span>
@@ -150,14 +150,14 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                                     className={cx(
                                                         css({
                                                             p: "3",
-                                                            h: "[40px]",
+                                                            height: "[40px]",
                                                             display: "flex",
                                                             justifyContent: "space-between",
                                                             alignItems: "center",
-                                                            overflow: "auto",
+                                                            overflowidth: "auto",
                                                             gap: "3"
                                                         }),
-                                                        isSelected ? css({ bg: "neutral/10" }) : css({ bg: "none", _hover: { bg: "neutral/5" } })
+                                                        isSelected ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "none", _hover: { backgroundColor: "neutral/5" } })
                                                     )}
                                                 >
                                                     <span
@@ -167,7 +167,7 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                                     </span>
                                                     <IconCheck
                                                         className={cx(
-                                                            css({ h: "4", w: "4", stroke: "neutral" }),
+                                                            css({ height: "4", width: "4", stroke: "neutral" }),
                                                             isSelected ? css({ opacity: "100" }) : css({ opacity: "0" })
                                                         )}
                                                     />
diff --git a/packages/dashboard/src/components/inputs/inputDate.tsx b/packages/dashboard/src/components/inputs/inputDate.tsx
index 83f299e..923b033 100644
--- a/packages/dashboard/src/components/inputs/inputDate.tsx
+++ b/packages/dashboard/src/components/inputs/inputDate.tsx
@@ -1,7 +1,7 @@
-import { css, cx } from "../../utilities/cn.js"
 import { InputHTMLAttributes } from "react"
 import { FieldError } from "react-hook-form"
 import { IMask, IMaskInput } from "react-imask"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputDate(props:
@@ -38,8 +38,8 @@ export function InputDate(props:
         <div
             className={cx(
                 css({
-                    h: "32px",
-                    w: "full",
+                    height: "32px",
+                    width: "100%",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
@@ -47,7 +47,7 @@ export function InputDate(props:
                     border: "1px solid",
                     borderColor: "neutral/20",
                     rounded: "sm",
-                    _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                    _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
                 }),
                 css(props.error ? { borderColor: "error" } : {}),
                 props.className
@@ -89,13 +89,13 @@ export function InputDate(props:
                 value={input(props.value)}
                 className={css({
                     rounded: "inherit",
-                    w: "full",
+                    width: "100%",
                     fontSize: "sm",
                     _placeholder: { color: "neutral/25" },
                     p: "2",
-                    overflow: "hidden",
+                    overflowidth: "hidden",
                     whiteSpace: "nowrap",
-                    textOverflow: "ellipsis"
+                    textOverflowidth: "ellipsis"
                 })}
                 inputMode="decimal"
             />
diff --git a/packages/dashboard/src/components/inputs/inputDisabled.tsx b/packages/dashboard/src/components/inputs/inputDisabled.tsx
index 6325e33..e44eb22 100644
--- a/packages/dashboard/src/components/inputs/inputDisabled.tsx
+++ b/packages/dashboard/src/components/inputs/inputDisabled.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../utilities/cn.js"
 import { InputHTMLAttributes, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
+import { css, cx } from "../../utilities/cn.js"
 
 
 type InputDisabled = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
@@ -17,16 +17,16 @@ export function InputDisabled(props: InputDisabled) {
             className={cx(
                 css({
                     position: "relative",
-                    w: "full",
+                    width: "100%",
                     display: "flex",
-                    flexDir: "row",
+                    flexDirection: "row",
                     justifyContent: "space-between",
                     alignItems: "center",
                     gap: "2",
                     p: "2",
                     border: "1px solid",
                     rounded: "md",
-                    bg: "neutral",
+                    backgroundColor: "neutral",
                     fontSize: "sm"
                 }),
                 css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" })
diff --git a/packages/dashboard/src/components/inputs/inputFile.tsx b/packages/dashboard/src/components/inputs/inputFile.tsx
index b633fde..6d50805 100644
--- a/packages/dashboard/src/components/inputs/inputFile.tsx
+++ b/packages/dashboard/src/components/inputs/inputFile.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@arrhes/ui"
-import { css } from "../../utilities/cn.js"
 import { InputHTMLAttributes, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
+import { css } from "../../utilities/cn.js"
 
 
 export function InputFile(props:
@@ -19,11 +19,11 @@ export function InputFile(props:
     return (
         <div
             className={css({
-                w: "full",
+                width: "100%",
                 border: "1px solid",
                 borderColor: "neutral/20",
                 borderStyle: "dashed",
-                _hover: { bg: "neutral/5" },
+                _hover: { backgroundColor: "neutral/5" },
                 rounded: "sm",
                 display: "flex",
                 justifyContent: "center",
@@ -49,14 +49,14 @@ export function InputFile(props:
                     }
                 }}
                 accept={!props.type ? "*" : "image/*"}
-                className={css({ display: "none", w: "full", h: "full" })}
+                className={css({ display: "none", width: "100%", height: "100%" })}
             />
             <Button
                 onClick={(_event) => { inputRef.current?.click() }}
                 className={css({
                     cursor: "pointer",
-                    w: "full",
-                    h: "full",
+                    width: "100%",
+                    height: "100%",
                     p: { base: "2", md: "3" },
                     display: "flex",
                     justifyContent: "center",
diff --git a/packages/dashboard/src/components/inputs/inputNumber.tsx b/packages/dashboard/src/components/inputs/inputNumber.tsx
index 2ddd86c..3ab23a8 100644
--- a/packages/dashboard/src/components/inputs/inputNumber.tsx
+++ b/packages/dashboard/src/components/inputs/inputNumber.tsx
@@ -1,7 +1,7 @@
-import { css, cx } from "../../utilities/cn.js"
 import { InputHTMLAttributes } from "react"
 import { FieldError } from "react-hook-form"
 import { IMask, IMaskInput } from 'react-imask'
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputPrice(props:
@@ -27,8 +27,8 @@ export function InputPrice(props:
     return (
         <div className={cx(
             css({
-                h: "32px",
-                w: "full",
+                height: "32px",
+                width: "100%",
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "stretch",
@@ -60,14 +60,14 @@ export function InputPrice(props:
                 value={input(props.value)}
                 className={css({
                     rounded: "inherit",
-                    w: "full",
+                    width: "100%",
                     fontSize: "base",
                     _placeholder: { color: "neutral/25" },
                     p: "2",
-                    _focus: { shadow: "inset", bg: "neutral/5" },
-                    overflow: "hidden",
+                    _focus: { shadowidth: "inset", backgroundColor: "neutral/5" },
+                    overflowidth: "hidden",
                     whiteSpace: "nowrap",
-                    textOverflow: "ellipsis"
+                    textOverflowidth: "ellipsis"
                 })}
                 inputMode="decimal"
             />
diff --git a/packages/dashboard/src/components/inputs/inputPassword.tsx b/packages/dashboard/src/components/inputs/inputPassword.tsx
index 651fd8c..be4184c 100644
--- a/packages/dashboard/src/components/inputs/inputPassword.tsx
+++ b/packages/dashboard/src/components/inputs/inputPassword.tsx
@@ -1,8 +1,8 @@
 import { Button } from "@arrhes/ui"
-import { css, cx } from "../../utilities/cn.js"
 import { IconEye, IconEyeClosed } from '@tabler/icons-react'
 import { InputHTMLAttributes, forwardRef, useState } from 'react'
 import { FieldError } from 'react-hook-form'
+import { css, cx } from "../../utilities/cn.js"
 
 
 type InputPassword = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
@@ -31,14 +31,14 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
             <div
                 className={cx(
                     css({
-                        w: "full",
-                        h: "32px",
+                        width: "100%",
+                        height: "32px",
                         display: "flex",
                         justifyContent: "space-between",
                         alignItems: "center",
                         border: "1px solid",
                         rounded: "sm",
-                        _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                        _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
                     }),
                     css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
                     props.className
@@ -48,12 +48,12 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
                     {...props}
                     type={showPassword ? "text" : "password"}
                     className={css({
-                        w: "full",
-                        h: "32px",
+                        width: "100%",
+                        height: "32px",
                         fontSize: "sm",
                         lineHeight: "none",
                         _placeholder: { color: "neutral/50" },
-                        bg: "transparent",
+                        backgroundColor: "transparent",
                         p: "2",
                         rounded: "md"
                     })}
@@ -65,7 +65,7 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
                 <Button
                     onClick={handleClickShowPassword}
                     className={css({
-                        _hover: { bg: "neutral/5" },
+                        _hover: { backgroundColor: "neutral/5" },
                         rounded: "md",
                         p: "2"
                     })}
diff --git a/packages/dashboard/src/components/inputs/inputSelect.tsx b/packages/dashboard/src/components/inputs/inputSelect.tsx
index 0c39dc4..785d7ba 100644
--- a/packages/dashboard/src/components/inputs/inputSelect.tsx
+++ b/packages/dashboard/src/components/inputs/inputSelect.tsx
@@ -1,11 +1,11 @@
 import { Button } from "@arrhes/ui"
+import { IconCheck, IconChevronDown } from "@tabler/icons-react"
+import { InputHTMLAttributes, useState } from 'react'
+import { FieldError } from 'react-hook-form'
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
 import { css, cx } from "../../utilities/cn.js"
-import { IconCheck, IconChevronDown } from "@tabler/icons-react"
-import { InputHTMLAttributes, useState } from 'react'
-import { FieldError } from 'react-hook-form'
 
 
 export function InputSelect<TValue extends string>(props:
@@ -50,7 +50,7 @@ export function InputSelect<TValue extends string>(props:
                         setOpen(!open)
                     }}
                     className={cx(
-                        css({ w: "full" }),
+                        css({ width: "100%" }),
                         "group",
                         css(props.isDisabled ? { cursor: "not-allowed" } : {}),
                         props.className
@@ -59,8 +59,8 @@ export function InputSelect<TValue extends string>(props:
                 >
                     <div className={cx(
                         css({
-                            w: "full",
-                            h: "32px",
+                            width: "100%",
+                            height: "32px",
                             display: "flex",
                             justifyContent: "flex-start",
                             alignItems: "center",
@@ -68,8 +68,8 @@ export function InputSelect<TValue extends string>(props:
                             rounded: "sm",
                             p: "2",
                             border: "1px solid",
-                            _hover: { shadow: "inset" },
-                            _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                            _hover: { shadowidth: "inset" },
+                            _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
                         }),
                         css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
                         props.className
@@ -77,13 +77,13 @@ export function InputSelect<TValue extends string>(props:
                         <span
                             className={cx(
                                 css({
-                                    w: "full",
-                                    h: "full",
+                                    width: "100%",
+                                    height: "100%",
                                     fontSize: "sm",
                                     fontWeight: "medium",
                                     lineHeight: "none",
                                     whiteSpace: "nowrap",
-                                    textOverflow: "ellipsis",
+                                    textOverflowidth: "ellipsis",
                                     rounded: "sm",
                                     textAlign: "left"
                                 }),
@@ -99,10 +99,10 @@ export function InputSelect<TValue extends string>(props:
                             size={16}
                             className={css({
                                 stroke: "neutral",
-                                minW: "16px",
-                                w: "16px",
+                                minwidth: "16px",
+                                width: "16px",
                                 minH: "16px",
-                                h: "16px"
+                                height: "16px"
                             })}
                             strokeWidth={2}
                         />
@@ -115,11 +115,11 @@ export function InputSelect<TValue extends string>(props:
                 <div className={css({
                     minH: "32px",
                     maxH: "256px",
-                    overflow: "auto",
-                    w: "full",
+                    overflowidth: "auto",
+                    width: "100%",
                     p: "2",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "1"
@@ -154,7 +154,7 @@ export function InputSelect<TValue extends string>(props:
                                         className={cx(
                                             css({
                                                 position: "relative",
-                                                w: "full",
+                                                width: "100%",
                                                 display: "flex",
                                                 justifyContent: "space-between",
                                                 alignItems: "center",
@@ -165,8 +165,8 @@ export function InputSelect<TValue extends string>(props:
                                                 cursor: "pointer"
                                             }),
                                             css(option.key === props.value
-                                                ? { bg: "neutral/5", borderColor: "neutral/5" }
-                                                : { bg: "none", _hover: { bg: "neutral/5", borderColor: "neutral/5" } }
+                                                ? { backgroundColor: "neutral/5", borderColor: "neutral/5" }
+                                                : { backgroundColor: "none", _hover: { backgroundColor: "neutral/5", borderColor: "neutral/5" } }
                                             )
                                         )}
                                     >
@@ -185,10 +185,10 @@ export function InputSelect<TValue extends string>(props:
                                         <IconCheck
                                             className={cx(
                                                 css({
-                                                    minW: "16px",
-                                                    w: "16px",
+                                                    minwidth: "16px",
+                                                    width: "16px",
                                                     minH: "16px",
-                                                    h: "16px",
+                                                    height: "16px",
                                                     color: "neutral"
                                                 }),
                                                 css(option.key === props.value
diff --git a/packages/dashboard/src/components/inputs/inputSwitch.tsx b/packages/dashboard/src/components/inputs/inputSwitch.tsx
index cdb1153..32c7fdd 100644
--- a/packages/dashboard/src/components/inputs/inputSwitch.tsx
+++ b/packages/dashboard/src/components/inputs/inputSwitch.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../utilities/cn.js"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
 import { ComponentProps } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 type InputSwitch = Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange"> & {
@@ -26,18 +26,18 @@ export function InputSwitch(props: InputSwitch) {
             className={cx(
                 css({
                     display: "inline-flex",
-                    h: "6",
-                    w: "10",
+                    height: "6",
+                    width: "10",
                     flexShrink: "0",
                     cursor: "pointer",
                     alignItems: "center",
-                    rounded: "full",
+                    rounded: "100%",
                     border: "1px solid",
                     borderColor: "neutral/25",
                     _disabled: { cursor: "not-allowed", opacity: "0.5" },
-                    bg: "white",
-                    _checked: { bg: "success/5", borderColor: "neutral" },
-                    _focus: { shadow: "inset" }
+                    backgroundColor: "white",
+                    _checked: { backgroundColor: "success/5", borderColor: "neutral" },
+                    _focus: { shadowidth: "inset" }
                 }),
                 props.className
             )}
@@ -49,13 +49,13 @@ export function InputSwitch(props: InputSwitch) {
                 className={css({
                     pointerEvents: "none",
                     display: "block",
-                    h: "4",
-                    w: "4",
-                    rounded: "full",
-                    _checked: { bg: "neutral", transform: "translateX(18px)" },
-                    bg: "neutral/10",
+                    height: "4",
+                    width: "4",
+                    rounded: "100%",
+                    _checked: { backgroundColor: "neutral", transform: "translateX(18px)" },
+                    backgroundColor: "neutral/10",
                     transform: "translateX(4px)",
-                    shadow: "lg",
+                    shadowidth: "lg",
                     transition: "transform"
                 })}
             />
diff --git a/packages/dashboard/src/components/inputs/inputText.tsx b/packages/dashboard/src/components/inputs/inputText.tsx
index 6a2c27f..672d957 100644
--- a/packages/dashboard/src/components/inputs/inputText.tsx
+++ b/packages/dashboard/src/components/inputs/inputText.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../utilities/cn.js"
 import { InputHTMLAttributes } from 'react'
 import { FieldError } from 'react-hook-form'
+import { css, cx } from "../../utilities/cn.js"
 
 
 type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
@@ -24,15 +24,15 @@ export function InputText(props: InputText) {
         <div
             className={cx(
                 css({
-                    w: "full",
-                    h: "32px",
+                    width: "100%",
+                    height: "32px",
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "center",
                     gap: "2",
                     border: "1px solid",
                     rounded: "sm",
-                    _focusWithin: { borderColor: "neutral/50", shadow: "inset" }
+                    _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
                 }),
                 css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
                 props.className
@@ -42,12 +42,12 @@ export function InputText(props: InputText) {
                 {...props}
                 type="text"
                 className={css({
-                    w: "full",
-                    h: "full",
+                    width: "100%",
+                    height: "100%",
                     fontSize: "sm",
                     lineHeight: "none",
                     _placeholder: { color: "neutral/25" },
-                    bg: "transparent",
+                    backgroundColor: "transparent",
                     p: "2",
                     rounded: "md"
                 })}
diff --git a/packages/dashboard/src/components/inputs/inputTextArea.tsx b/packages/dashboard/src/components/inputs/inputTextArea.tsx
index 907609d..fee5b6c 100644
--- a/packages/dashboard/src/components/inputs/inputTextArea.tsx
+++ b/packages/dashboard/src/components/inputs/inputTextArea.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentPropsWithRef, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputTextArea(props:
@@ -29,7 +29,7 @@ export function InputTextArea(props:
             ref={textAreaRef}
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     minH: "128px",
                     display: "flex",
                     justifyContent: "center",
@@ -40,12 +40,12 @@ export function InputTextArea(props:
                     rounded: "sm",
                     fontSize: "sm",
                     _placeholder: { color: "neutral/50" },
-                    _focus: { borderColor: "neutral/50", shadow: "inset" },
+                    _focus: { borderColor: "neutral/50", shadowidth: "inset" },
                     outline: "none",
                     flexShrink: "0",
                     resize: "none",
-                    h: "fit",
-                    overflow: "auto"
+                    height: "fit",
+                    overflowidth: "auto"
                 }),
                 css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
                 props.className
diff --git a/packages/dashboard/src/components/inputs/inputToggle.tsx b/packages/dashboard/src/components/inputs/inputToggle.tsx
index b8b2aba..cd650d9 100644
--- a/packages/dashboard/src/components/inputs/inputToggle.tsx
+++ b/packages/dashboard/src/components/inputs/inputToggle.tsx
@@ -1,8 +1,8 @@
 
 import { Button, ButtonContent } from "@arrhes/ui"
-import { css, cx } from "../../utilities/cn.js"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
 import { ComponentProps, JSX } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputToggle<TValue extends (string | boolean)>(props:
@@ -19,8 +19,8 @@ export function InputToggle<TValue extends (string | boolean)>(props:
 ) {
     return (
         <div className={css({
-            w: "fit",
-            h: "32px",
+            width: "fit",
+            height: "32px",
             display: "flex",
             justifyContent: "flex-start",
             alignItems: "center",
@@ -28,7 +28,7 @@ export function InputToggle<TValue extends (string | boolean)>(props:
             borderColor: "neutral/20",
             rounded: "sm",
             cursor: "pointer",
-            _focus: { borderColor: "neutral/50", shadow: "inset" },
+            _focus: { borderColor: "neutral/50", shadowidth: "inset" },
             outline: "none"
         })}
         >
@@ -60,14 +60,14 @@ export function InputToggle<TValue extends (string | boolean)>(props:
                                         border: "none"
                                     }),
                                     css(isSelected ? {
-                                        bg: "neutral/10",
+                                        backgroundColor: "neutral/10",
                                         outline: "1px solid",
                                         outlineColor: "neutral",
                                         rounded: "sm"
                                     } : {})
                                 )}
                                 text={option.label}
-                                icon={option.icon}
+                                leftIcon={option.icon}
                             />
                         </Button>
                     )
diff --git a/packages/dashboard/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
index 5ba90c1..98040c7 100644
--- a/packages/dashboard/src/components/layouts/banner.tsx
+++ b/packages/dashboard/src/components/layouts/banner.tsx
@@ -1,7 +1,7 @@
-import { css, cx } from "../../utilities/cn.js"
 import { colorVariant } from "@arrhes/application-metadata/components"
 import { IconAlertHexagon, IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 
@@ -16,27 +16,27 @@ export function Banner(props: {
     const banners = {
         "neutral": {
             icon: null,
-            bg: css({ bg: "background" }),
+            backgroundColor: css({ backgroundColor: "background" }),
             text: css({ color: "neutral" })
         },
         "information": {
             icon: <IconInfoSquare size={20} className={css({ color: "information" })} />,
-            bg: css({ bg: "information/5" }),
+            backgroundColor: css({ backgroundColor: "information/5" }),
             text: css({ color: "information" })
         },
         "error": {
             icon: <IconAlertTriangle size={20} className={css({ color: "error" })} />,
-            bg: css({ bg: "error/5" }),
+            backgroundColor: css({ backgroundColor: "error/5" }),
             text: css({ color: "error" })
         },
         "warning": {
             icon: <IconAlertHexagon size={20} className={css({ color: "warning" })} />,
-            bg: css({ bg: "warning/5" }),
+            backgroundColor: css({ backgroundColor: "warning/5" }),
             text: css({ color: "warning" })
         },
         "success": {
             icon: <IconCircleCheck size={20} className={css({ color: "success" })} />,
-            bg: css({ bg: "success/5" }),
+            backgroundColor: css({ backgroundColor: "success/5" }),
             text: css({ color: "success" })
         }
     }
@@ -45,7 +45,7 @@ export function Banner(props: {
         <div
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     p: "4",
                     display: "flex",
                     justifyContent: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
index 6355020..60e2581 100644
--- a/packages/dashboard/src/components/layouts/box.tsx
+++ b/packages/dashboard/src/components/layouts/box.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function Box(props: {
@@ -10,13 +10,13 @@ export function Box(props: {
         <div
             className={cx(
                 css({
-                    minW: "0",
-                    w: "full",
-                    maxW: "full",
-                    h: "fit",
+                    minwidth: "0",
+                    width: "100%",
+                    maxWidth: "100%",
+                    height: "fit",
                     flexShrink: "0",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     overflowX: "auto",
diff --git a/packages/dashboard/src/components/layouts/card/cardContent.tsx b/packages/dashboard/src/components/layouts/card/cardContent.tsx
index 78d574f..7b266d7 100644
--- a/packages/dashboard/src/components/layouts/card/cardContent.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardContent.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function CardContent(props: {
@@ -10,10 +10,10 @@ export function CardContent(props: {
         <div
             className={cx(
                 css({
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start"
                 }),
diff --git a/packages/dashboard/src/components/layouts/card/cardHeader.tsx b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
index 5eae176..d881a29 100644
--- a/packages/dashboard/src/components/layouts/card/cardHeader.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 
@@ -11,8 +11,8 @@ export function CardHeader(props: {
         <div
             className={cx(
                 css({
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
index 4da79b1..25ecf31 100644
--- a/packages/dashboard/src/components/layouts/card/cardRoot.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type CardRoot = {
@@ -12,14 +12,14 @@ export function CardRoot(props: CardRoot) {
         <div
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     flexShrink: "0",
                     flex: "1",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
-                    overflow: "auto",
+                    overflowidth: "auto",
                     border: "1px solid",
                     borderColor: "neutral/10",
                     rounded: "md"
diff --git a/packages/dashboard/src/components/layouts/chip.tsx b/packages/dashboard/src/components/layouts/chip.tsx
index d1417dc..a36752c 100644
--- a/packages/dashboard/src/components/layouts/chip.tsx
+++ b/packages/dashboard/src/components/layouts/chip.tsx
@@ -1,32 +1,32 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export type ChipColors = "neutral" | "error" | "warning" | "success" | "information"
 
 const chipColors = {
     "neutral": {
-        bg: css({ bg: "neutral/5" }),
+        backgroundColor: css({ backgroundColor: "neutral/5" }),
         border: css({ borderColor: "neutral/10" }),
         text: css({ color: "neutral" })
     },
     "information": {
-        bg: css({ bg: "information/5" }),
+        backgroundColor: css({ backgroundColor: "information/5" }),
         border: css({ borderColor: "information/10" }),
         text: css({ color: "information" })
     },
     "error": {
-        bg: css({ bg: "error/5" }),
+        backgroundColor: css({ backgroundColor: "error/5" }),
         border: css({ borderColor: "error/10" }),
         text: css({ color: "error" })
     },
     "warning": {
-        bg: css({ bg: "warning/5" }),
+        backgroundColor: css({ backgroundColor: "warning/5" }),
         border: css({ borderColor: "warning/10" }),
         text: css({ color: "warning" })
     },
     "success": {
-        bg: css({ bg: "success/5" }),
+        backgroundColor: css({ backgroundColor: "success/5" }),
         border: css({ borderColor: "success/10" }),
         text: css({ color: "success" })
     }
@@ -48,8 +48,8 @@ export function Chip(props: {
         <div
             className={cx(
                 css({
-                    w: "fit",
-                    h: "fit",
+                    width: "fit",
+                    height: "fit",
                     px: "2",
                     py: "1",
                     display: "flex",
diff --git a/packages/dashboard/src/components/layouts/command.tsx b/packages/dashboard/src/components/layouts/command.tsx
index b9d1c51..7a9545c 100644
--- a/packages/dashboard/src/components/layouts/command.tsx
+++ b/packages/dashboard/src/components/layouts/command.tsx
@@ -1,8 +1,8 @@
-import { css, cx } from "../../utilities/cn.js"
 import { Dialog, DialogContent, DialogProps } from "@radix-ui/react-dialog"
 import { IconSearch } from "@tabler/icons-react"
 import { Command as CommandPrimitive } from "cmdk"
 import * as React from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export const Command = React.forwardRef<
@@ -14,12 +14,12 @@ export const Command = React.forwardRef<
         className={cx(
             css({
                 display: "flex",
-                h: "full",
-                w: "full",
-                flexDir: "column",
-                overflow: "auto",
+                height: "100%",
+                width: "100%",
+                flexDirection: "column",
+                overflowidth: "auto",
                 rounded: "inherit",
-                bg: "white"
+                backgroundColor: "white"
             }),
             className
         )}
@@ -33,9 +33,9 @@ export const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
     return (
         <Dialog {...props}>
             <DialogContent className={css({
-                overflow: "auto",
+                overflowidth: "auto",
                 p: "0",
-                shadow: "lg"
+                shadowidth: "lg"
             })}>
                 <Command className={css({
                     "& [cmdk-group-heading]": {
@@ -50,19 +50,19 @@ export const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
                         px: "2"
                     },
                     "& [cmdk-input-wrapper] svg": {
-                        h: "5",
-                        w: "5"
+                        height: "5",
+                        width: "5"
                     },
                     "& [cmdk-input]": {
-                        h: "12"
+                        height: "12"
                     },
                     "& [cmdk-item]": {
                         px: "2",
                         py: "3"
                     },
                     "& [cmdk-item] svg": {
-                        h: "5",
-                        w: "5"
+                        height: "5",
+                        width: "5"
                     }
                 })}>
                     {children}
@@ -77,7 +77,7 @@ export const CommandInput = React.forwardRef<
     React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
     <div className={css({
-        h: "40px",
+        height: "40px",
         display: "flex",
         alignItems: "center",
         gap: "2",
@@ -86,8 +86,8 @@ export const CommandInput = React.forwardRef<
         borderColor: "neutral/10"
     })} cmdk-input-wrapper="">
         <IconSearch className={css({
-            h: "4",
-            w: "4",
+            height: "4",
+            width: "4",
             flexShrink: "0",
             opacity: "0.5"
         })} />
@@ -96,9 +96,9 @@ export const CommandInput = React.forwardRef<
             className={cx(
                 css({
                     display: "flex",
-                    w: "full",
+                    width: "100%",
                     rounded: "md",
-                    bg: "transparent",
+                    backgroundColor: "transparent",
                     fontSize: "base",
                     outline: "none",
                     _placeholder: { color: "neutral/50" },
@@ -163,7 +163,7 @@ export const CommandGroup = React.forwardRef<
         ref={ref}
         className={cx(
             css({
-                overflow: "auto",
+                overflowidth: "auto",
                 color: "slate.950",
                 "& [cmdk-group-heading]": {
                     px: "2",
@@ -188,8 +188,8 @@ export const CommandSeparator = React.forwardRef<
         className={cx(
             css({
                 mx: "-1",
-                h: "1px",
-                bg: "slate.200"
+                height: "1px",
+                backgroundColor: "slate.200"
             }),
             className
         )}
@@ -216,7 +216,7 @@ export const CommandItem = React.forwardRef<
                 fontSize: "sm",
                 outline: "none",
                 _selected: {
-                    bg: "slate.100",
+                    backgroundColor: "slate.100",
                     color: "slate.900"
                 },
                 _disabled: {
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
index b1c7035..8df7228 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockContent(props: {
@@ -11,8 +11,8 @@ export function DataBlockContent(props: {
             className={cx(
                 css({
                     flexShrink: "0",
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "grid",
                     gridTemplateColumns: "max-content auto",
                     columnGap: "4",
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
index 1077f28..d601a40 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockHeader(props: {
@@ -11,8 +11,8 @@ export function DataBlockHeader(props: {
             className={cx(
                 css({
                     flexShrink: "0",
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
index 5c6b521..2ca03ee 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
@@ -1,7 +1,7 @@
-import { Tooltip } from "../../../components/overlays/tooltip/tooltip.js"
-import { css } from "../../../utilities/cn.js"
 import { IconInfoSquareRounded } from "@tabler/icons-react"
 import { Fragment, ReactElement } from "react"
+import { Tooltip } from "../../../components/overlays/tooltip/tooltip.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export function DataBlockItem(props: {
@@ -34,7 +34,7 @@ export function DataBlockItem(props: {
                                     }
                                 })} />
                             </Tooltip.Trigger>
-                            <Tooltip.Content className={css({ bg: "neutral" })}>
+                            <Tooltip.Content className={css({ backgroundColor: "neutral" })}>
                                 <p className={css({
                                     wordBreak: "break-word",
                                     hyphens: "auto",
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
index b63b027..8fdf8cb 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockRoot(props: {
@@ -11,10 +11,10 @@ export function DataBlockRoot(props: {
             className={cx(
                 css({
                     flexShrink: "0",
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
                     gap: "2"
diff --git a/packages/dashboard/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
index 21a89e4..f4cb430 100644
--- a/packages/dashboard/src/components/layouts/dataTable.tsx
+++ b/packages/dashboard/src/components/layouts/dataTable.tsx
@@ -1,9 +1,4 @@
 import { Button } from "@arrhes/ui"
-import { FormatNull } from "../../components/formats/formatNull.js"
-import { InputDebounced } from "../../components/inputs/inputDebounced.js"
-import { InputText } from "../../components/inputs/inputText.js"
-import { CircularLoader } from "../../components/layouts/circularLoader.js"
-import { css, cx } from "../../utilities/cn.js"
 import { IconSortAscending, IconSortDescending } from "@tabler/icons-react"
 import {
     ColumnDef,
@@ -17,6 +12,11 @@ import {
     useReactTable
 } from '@tanstack/react-table'
 import { ReactElement, useMemo, useState } from "react"
+import { FormatNull } from "../../components/formats/formatNull.js"
+import { InputDebounced } from "../../components/inputs/inputDebounced.js"
+import { InputText } from "../../components/inputs/inputText.js"
+import { CircularLoader } from "../../components/layouts/circularLoader.js"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
@@ -55,18 +55,18 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
     return (
         <div className={css({
             flexShrink: "0",
-            w: "full",
-            h: "fit",
+            width: "100%",
+            height: "fit",
             display: "flex",
-            flexDir: "column",
+            flexDirection: "column",
             justifyContent: "flex-start",
             alignItems: "stretch",
             gap: "3"
         })}>
             <div className={css({
                 flexShrink: "0",
-                w: "full",
-                h: "fit",
+                width: "100%",
+                height: "fit",
                 display: "flex",
                 justifyContent: "space-between",
                 alignItems: "flex-start",
@@ -78,7 +78,7 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                 >
                     <InputText
                         placeholder="Recherche"
-                        className={css({ maxW: "320px" })}
+                        className={css({ maxWidth: "320px" })}
                     />
                 </InputDebounced>
                 <div className={css({
@@ -91,39 +91,39 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                 </div>
             </div>
             <div className={css({
-                w: "full",
-                maxW: "full",
+                width: "100%",
+                maxWidth: "100%",
                 maxH: "600px",
                 p: "0",
                 display: "flex",
-                flexDir: "column",
+                flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "stretch",
-                overflow: "auto",
+                overflowidth: "auto",
                 rounded: "md",
                 border: "1px solid",
                 borderColor: "neutral/10"
             })}>
                 <table className={css({
-                    w: "full",
-                    maxW: "full",
-                    h: "full",
-                    maxH: "full",
+                    width: "100%",
+                    maxWidth: "100%",
+                    height: "100%",
+                    maxH: "100%",
                     borderCollapse: "collapse"
                 })}>
                     <thead className={css({
-                        w: "full",
+                        width: "100%",
                         position: "sticky",
                         top: "0",
-                        bg: "white"
+                        backgroundColor: "white"
                     })}>
-                        <tr className={css({ w: "full" })}>
+                        <tr className={css({ width: "100%" })}>
                             {table.getFlatHeaders().map((header) => {
                                 return (
                                     <th
                                         key={header.id}
                                         colSpan={header.colSpan}
-                                        className={css({ w: "fit" })}
+                                        className={css({ width: "fit" })}
                                     >
                                         <div className={css({
                                             display: "flex",
@@ -152,8 +152,8 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                         </tr>
                     </thead>
                     <tbody className={css({
-                        w: "full",
-                        h: "fit"
+                        width: "100%",
+                        height: "fit"
                     })}>
                         {
                             table.getRowModel().rows.length > 0
@@ -180,22 +180,22 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                                     }}
                                     className={cx(
                                         css({
-                                            w: "full",
+                                            width: "100%",
                                             borderBottom: "1px solid",
                                             borderBottomColor: "neutral/5",
                                             _last: { borderBottom: "0" }
                                         }),
                                         !props.onRowClick ? undefined : css({
                                             cursor: "pointer",
-                                            _hover: { bg: "neutral/5" }
+                                            _hover: { backgroundColor: "neutral/5" }
                                         })
                                     )}
                                 >
                                     {row.getVisibleCells().map(cell => {
                                         return (
                                             <td key={cell.id} className={css({
-                                                w: "fit",
-                                                _last: { w: "1%" }
+                                                width: "fit",
+                                                _last: { width: "1%" }
                                             })}>
                                                 <div className={css({
                                                     display: "flex",
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
index 3905afb..1d5c0e1 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuContent, DropdownMenuPortal } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 
@@ -17,18 +17,18 @@ export function DropdownContent(props:
                 sideOffset={props.sideOffset || 6}
                 className={cx(
                     css({
-                        bg: "white",
+                        backgroundColor: "white",
                         rounded: "md",
                         p: "2",
-                        shadow: "lg",
+                        shadowidth: "lg",
                         display: "flex",
-                        flexDir: "column",
+                        flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
                         gap: "0",
                         border: "1px solid",
                         borderColor: "neutral/20",
-                        minW: "var(--radix-dropdown-menu-trigger-width)"
+                        minwidth: "var(--radix-dropdown-menu-trigger-width)"
                     }),
                     props.className
                 )}
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
index d1489a7..4e43e8a 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
@@ -1,6 +1,6 @@
-import { css } from "../../../utilities/cn.js"
 import { DropdownMenuItem } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
+import { css } from "../../../utilities/cn.js"
 
 
 export function DropdownItem(props:
@@ -10,7 +10,7 @@ export function DropdownItem(props:
         <DropdownMenuItem
             {...props}
             className={css({
-                w: "full",
+                width: "100%",
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "center",
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
index cb37d7b..473bd55 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
@@ -1,6 +1,6 @@
-import { css } from "../../../utilities/cn.js"
 import { DropdownMenuLabel } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
+import { css } from "../../../utilities/cn.js"
 
 
 export function DropdownLabel(props:
@@ -10,7 +10,7 @@ export function DropdownLabel(props:
         <DropdownMenuLabel
             {...props}
             className={css({
-                w: "full",
+                width: "100%",
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "center",
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
index 4dd74b7..900d33c 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 
@@ -12,9 +12,9 @@ export function DropdownSeparator(props:
             {...props}
             className={cx(
                 css({
-                    w: "full",
-                    h: "1px",
-                    bg: "neutral/10",
+                    width: "100%",
+                    height: "1px",
+                    backgroundColor: "neutral/10",
                     my: "2"
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
index 5151b75..92d2c8b 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
@@ -1,8 +1,8 @@
 
 
-import { css, cx } from "../../../utilities/cn.js"
 import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DropdownTrigger(props:
@@ -14,7 +14,7 @@ export function DropdownTrigger(props:
             className={cx(
                 css({
                     cursor: "pointer",
-                    w: "fit",
+                    width: "fit",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "center",
diff --git a/packages/dashboard/src/components/layouts/logo.tsx b/packages/dashboard/src/components/layouts/logo.tsx
index 8401bc1..76b5eb5 100644
--- a/packages/dashboard/src/components/layouts/logo.tsx
+++ b/packages/dashboard/src/components/layouts/logo.tsx
@@ -13,8 +13,8 @@ export function Logo() {
                 className={css({
                     flexShrink: "0",
                     fill: "neutral",
-                    h: "16px",
-                    w: "16px"
+                    height: "16px",
+                    width: "16px"
                 })}
             >
                 <g>
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index 6a475ec..7ac422b 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type PageContent = {
@@ -12,11 +12,11 @@ export function PageContent(props: PageContent) {
         <div
             className={cx(
                 css({
-                    w: "full",
-                    maxW: "xl",
-                    h: "fit",
+                    width: "100%",
+                    maxWidth: "xl",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "4"
diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index 5a5d25c..e2c6472 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 
@@ -13,9 +13,9 @@ export function PageHeader(props: {
         <div
             className={cx(
                 css({
-                    w: "full",
-                    maxW: "xl",
-                    h: "fit",
+                    width: "100%",
+                    maxWidth: "xl",
+                    height: "fit",
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "flex-start",
@@ -26,7 +26,7 @@ export function PageHeader(props: {
         >
             <div className={css({
                 display: "flex",
-                flexDir: "column",
+                flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "flex-start"
             })}>
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index b46ba4e..1693abe 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type PageRoot = {
@@ -12,17 +12,17 @@ export function PageRoot(props: PageRoot) {
         <div
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     flexShrink: "0",
                     flex: "1",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "center",
-                    overflow: "auto",
+                    overflowidth: "auto",
                     p: "4",
                     gap: "4",
-                    bg: "white",
+                    backgroundColor: "white",
                     borderTop: "1px solid",
                     borderColor: "neutral/10",
                     md: {
diff --git a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
index 9a6b3e5..9910c0f 100644
--- a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type PageSeparator = ComponentProps<"div">
@@ -10,8 +10,8 @@ export function PageSeparator(props: PageSeparator) {
             className={
                 cx(
                     css({
-                        w: "full",
-                        h: "1px",
+                        width: "100%",
+                        height: "1px",
                         borderBottom: "1px solid",
                         borderColor: "neutral/10"
                     }),
diff --git a/packages/dashboard/src/components/layouts/pageLayout.tsx b/packages/dashboard/src/components/layouts/pageLayout.tsx
index 5d7684e..8ee432b 100644
--- a/packages/dashboard/src/components/layouts/pageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/pageLayout.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
-import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
-import { css, cx } from "../../utilities/cn.js"
 import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
 import { JSX } from "react"
+import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function PageLayout(props: {
@@ -22,20 +22,20 @@ export function PageLayout(props: {
         <div className={css({
             flex: "1",
             flexShrink: "0",
-            w: "full",
+            width: "100%",
             minH: "fit",
             display: "flex",
-            flexDir: "column",
+            flexDirection: "column",
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            overflow: "auto"
+            overflowidth: "auto"
         })}>
             {
                 props.tabs === undefined
                     ? null
                     : (
                         <div className={css({
-                            w: "full",
+                            width: "100%",
                             display: "flex",
                             justifyContent: "flex-start",
                             alignItems: "center",
@@ -55,7 +55,7 @@ export function PageLayout(props: {
                                             aria-current={isActive}
                                             className={css({
                                                 display: "flex",
-                                                flexDir: "column",
+                                                flexDirection: "column",
                                                 justifyContent: "center",
                                                 alignItems: "center",
                                                 gap: "2"
@@ -73,7 +73,7 @@ export function PageLayout(props: {
                                             >
                                                 <ButtonContent
                                                     variant="invisible"
-                                                    icon={tab.icon}
+                                                    leftIcon={tab.icon}
                                                     text={tab.label}
                                                     color="neutral"
                                                     isActive={isActive}
@@ -88,14 +88,14 @@ export function PageLayout(props: {
                                                 className={cx(
                                                     css({
                                                         flexShrink: "0",
-                                                        w: "full",
-                                                        h: "2px",
-                                                        rounded: "full",
+                                                        width: "100%",
+                                                        height: "2px",
+                                                        rounded: "100%",
                                                         transition: "all",
                                                         transitionDuration: "200ms",
                                                         transitionTimingFunction: "ease-in-out"
                                                     }),
-                                                    isActive ? css({ bg: "neutral" }) : css({ bg: "transparent" })
+                                                    isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
                                                 )}
                                             />
                                         </div>
@@ -108,7 +108,7 @@ export function PageLayout(props: {
             <div className={css({
                 flex: "1",
                 flexShrink: "0",
-                w: "full",
+                width: "100%",
                 minH: "fit",
                 display: "flex",
                 justifyContent: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/section/sectionItem.tsx b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
index e1a652f..f4a5f46 100644
--- a/packages/dashboard/src/components/layouts/section/sectionItem.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function SectionItem(props: {
@@ -10,13 +10,13 @@ export function SectionItem(props: {
         <div
             className={cx(
                 css({
-                    flexGrow: "1",
-                    minW: "0",
-                    w: "full",
-                    maxW: "full",
-                    h: "fit",
+                    flexGrowidth: "1",
+                    minwidth: "0",
+                    width: "100%",
+                    maxWidth: "100%",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "4"
diff --git a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
index 893814c..4be3167 100644
--- a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function SectionRoot(props: {
@@ -10,13 +10,13 @@ export function SectionRoot(props: {
         <div
             className={cx(
                 css({
-                    flexGrow: "1",
-                    minW: "0",
-                    w: "full",
-                    maxW: "full",
-                    h: "fit",
+                    flexGrowidth: "1",
+                    minwidth: "0",
+                    width: "100%",
+                    maxWidth: "100%",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "8"
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index a796b87..3abdf1d 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
-import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
-import { css, cx } from "../../utilities/cn.js"
 import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
 import { JSX } from "react"
+import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function SubPageLayout(props: {
@@ -22,9 +22,9 @@ export function SubPageLayout(props: {
         <div className={css({
             flex: "1",
             flexShrink: "1",
-            w: "full",
-            maxW: "full",
-            h: "fit",
+            width: "100%",
+            maxWidth: "100%",
+            height: "fit",
             display: "flex",
             justifyContent: "flex-start",
             alignItems: "flex-start",
@@ -35,9 +35,9 @@ export function SubPageLayout(props: {
                     ? (null)
                     : (
                         <div className={css({
-                            w: "fit",
+                            width: "fit",
                             display: "flex",
-                            flexDir: "column",
+                            flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
                             gap: "2",
@@ -56,7 +56,7 @@ export function SubPageLayout(props: {
                                             key={tab.to}
                                             aria-current={isActive}
                                             className={css({
-                                                w: "full",
+                                                width: "100%",
                                                 display: "flex",
                                                 justifyContent: "flex-start",
                                                 alignItems: "stretch",
@@ -67,7 +67,7 @@ export function SubPageLayout(props: {
                                                 to={tab.to}
                                                 params={tab.params}
                                                 className={css({
-                                                    w: "full",
+                                                    width: "100%",
                                                     display: "flex",
                                                     justifyContent: "flex-start",
                                                     alignItems: "center",
@@ -76,12 +76,12 @@ export function SubPageLayout(props: {
                                             >
                                                 <ButtonContent
                                                     variant="invisible"
-                                                    icon={tab.icon}
+                                                    leftIcon={tab.icon}
                                                     text={tab.label}
                                                     color="neutral"
                                                     isActive={isActive}
                                                     className={css({
-                                                        w: "full",
+                                                        width: "100%",
                                                         transition: "all",
                                                         transitionDuration: "200ms",
                                                         transitionTimingFunction: "ease-in-out"
@@ -92,10 +92,10 @@ export function SubPageLayout(props: {
                                                 className={cx(
                                                     css({
                                                         flexShrink: "0",
-                                                        w: "2px",
-                                                        rounded: "full"
+                                                        width: "2px",
+                                                        rounded: "100%"
                                                     }),
-                                                    isActive ? css({ bg: "neutral" }) : css({ bg: "transparent" })
+                                                    isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
                                                 )}
                                             />
                                         </div>
@@ -108,11 +108,11 @@ export function SubPageLayout(props: {
             <div className={css({
                 flexShrink: "1",
                 minH: "fit",
-                minW: "0",
-                w: "full",
-                maxW: "full",
+                minwidth: "0",
+                width: "100%",
+                maxWidth: "100%",
                 display: "flex",
-                flexDir: "column",
+                flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "stretch"
             })}>
diff --git a/packages/dashboard/src/components/layouts/table/table.tsx b/packages/dashboard/src/components/layouts/table/table.tsx
index 266c9f0..337adf8 100644
--- a/packages/dashboard/src/components/layouts/table/table.tsx
+++ b/packages/dashboard/src/components/layouts/table/table.tsx
@@ -11,12 +11,12 @@ export const Table = {
     Root: TableRoot,
     Header: {
         Root: TableHeaderRoot,
-        Row: TableHeaderRow,
+        Rowidth: TableHeaderRow,
         Cell: TableHeaderCell
     },
     Body: {
         Root: TableBodyRoot,
-        Row: TableBodyRow,
+        Rowidth: TableBodyRow,
         Cell: TableBodyCell
     }
 }
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
index 1c68b27..1e46bd5 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyCell(props: {
@@ -13,7 +13,7 @@ export function TableBodyCell(props: {
         <td
             className={cx(
                 css({
-                    w: "fit",
+                    width: "fit",
                     p: "2",
                     verticalAlign: "top"
                 }),
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
index 82ae41f..1a56ad3 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyRoot(props: {
@@ -9,7 +9,7 @@ export function TableBodyRoot(props: {
     return (
         <tbody
             className={cx(
-                css({ w: "full" }),
+                css({ width: "100%" }),
                 props.className
             )}
             children={props.children}
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
index 765b6b2..92fbcab 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyRow(props: {
@@ -10,7 +10,7 @@ export function TableBodyRow(props: {
         <tr
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     borderBottom: "1px solid",
                     borderColor: "neutral/5",
                     _last: { borderBottom: "0" }
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
index d65060c..899d2f9 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderCell(props: {
@@ -12,7 +12,7 @@ export function TableHeaderCell(props: {
         <th
             className={cx(
                 css({
-                    w: "fit",
+                    width: "fit",
                     p: "2",
                     verticalAlign: "middle"
                 }),
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
index e67b0b5..01f1d1d 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderRoot(props: {
@@ -10,7 +10,7 @@ export function TableHeaderRoot(props: {
         <thead
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     borderBottom: "1px solid",
                     borderColor: "neutral/10"
                 }),
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
index 8ef1302..e506ab3 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderRow(props: {
@@ -9,7 +9,7 @@ export function TableHeaderRow(props: {
     return (
         <tr
             className={cx(
-                css({ w: "full" }),
+                css({ width: "100%" }),
                 props.className
             )}
             children={props.children}
diff --git a/packages/dashboard/src/components/layouts/table/tableRoot.tsx b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
index e52ae0e..b1e7a60 100644
--- a/packages/dashboard/src/components/layouts/table/tableRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../../utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function TableRoot(props: {
@@ -10,8 +10,8 @@ export function TableRoot(props: {
         <table
             className={cx(
                 css({
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     borderCollapse: "collapse"
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/layouts/virtualizer.tsx b/packages/dashboard/src/components/layouts/virtualizer.tsx
index 04f3b4e..1467faa 100644
--- a/packages/dashboard/src/components/layouts/virtualizer.tsx
+++ b/packages/dashboard/src/components/layouts/virtualizer.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../utilities/cn.js"
 import { useVirtualizer } from '@tanstack/react-virtual'
 import { ComponentProps, ReactElement, useRef } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function Virtualizer<TData extends unknown>(props: {
@@ -22,13 +22,13 @@ export function Virtualizer<TData extends unknown>(props: {
             ref={parentRef}
             className={cx(
                 css({
-                    w: "full",
-                    h: "full",
+                    width: "100%",
+                    height: "100%",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    overflow: "auto"
+                    overflowidth: "auto"
                 }),
                 props.className
             )}
@@ -36,10 +36,10 @@ export function Virtualizer<TData extends unknown>(props: {
             <div
                 className={css({
                     position: "relative",
-                    w: "full",
-                    h: "fit",
+                    width: "100%",
+                    height: "fit",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start"
                 })}
@@ -55,8 +55,8 @@ export function Virtualizer<TData extends unknown>(props: {
                             top: "0",
                             left: "0",
                             minH: "fit",
-                            h: "fit",
-                            w: "full"
+                            height: "fit",
+                            width: "100%"
                         })}
                         style={{
                             height: `${virtualItem.size}px`,
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
index 74e0191..a9fc8bd 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 import { DialogOverlay } from "./dialogOverlay.js"
 import { DialogPortal } from "./dialogPortal.js"
 
@@ -17,15 +17,15 @@ export function DialogContent(props:
                     onClick={(e) => e.preventDefault()}
                     className={cx(
                         css({
-                            minW: "full",
-                            w: "full",
-                            maxW: "md",
-                            h: "fit",
-                            maxH: "full",
-                            bg: "white",
+                            minwidth: "100%",
+                            width: "100%",
+                            maxWidth: "md",
+                            height: "fit",
+                            maxH: "100%",
+                            backgroundColor: "white",
                             rounded: "md",
                             display: "flex",
-                            flexDir: "column",
+                            flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
                             border: "1px solid",
@@ -38,7 +38,7 @@ export function DialogContent(props:
                                 animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
                             },
                             md: {
-                                minW: "md"
+                                minwidth: "md"
                             }
                         }),
                         props.className
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
index ca97069..4747f55 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
@@ -1,9 +1,9 @@
 
 import { Button } from "@arrhes/ui"
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
 import { HTMLAttributes } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogHeader(props:
@@ -14,7 +14,7 @@ export function DialogHeader(props:
             {...props}
             className={cx(
                 css({
-                    w: "full",
+                    width: "100%",
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "center",
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
index fd52acd..1c7ea5a 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 
@@ -17,14 +17,14 @@ export function DialogOverlay(props:
                     position: "fixed",
                     zIndex: "10",
                     inset: "0",
-                    w: "full",
-                    h: "full",
+                    width: "100%",
+                    height: "100%",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "center",
                     alignItems: "center",
                     p: "6",
-                    bg: "neutral/20",
+                    backgroundColor: "neutral/20",
                     "&[data-state=open]": {
                         animation: "fadeIn 0.2s ease-out"
                     },
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
index c3ab7eb..76a4e9f 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
@@ -1,5 +1,5 @@
-import { css } from "../../../utilities/cn.js"
 import { JSX } from "react"
+import { css } from "../../../utilities/cn.js"
 
 
 export function DrawerBody(props: {
@@ -7,9 +7,9 @@ export function DrawerBody(props: {
 }) {
     return (
         <div className={css({
-            w: "full",
+            width: "100%",
             display: "flex",
-            flexDir: "column",
+            flexDirection: "column",
             justifyContent: "flex-start",
             alignItems: "flex-start",
             gap: "4",
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index fb121e3..6acb090 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DrawerContent(props:
@@ -14,14 +14,14 @@ export function DrawerContent(props:
                     position: "fixed",
                     zIndex: "10",
                     inset: "0",
-                    w: "full",
-                    h: "full",
+                    width: "100%",
+                    height: "100%",
                     display: "flex",
                     justifyContent: "flex-end",
                     alignItems: "center",
-                    overflow: "auto",
+                    overflowidth: "auto",
                     p: "2",
-                    bg: "neutral/25",
+                    backgroundColor: "neutral/25",
                     "&[data-state=open]": {
                         animation: "fadeIn 0.2s ease-out"
                     },
@@ -37,15 +37,15 @@ export function DrawerContent(props:
                     }}
                     className={cx(
                         css({
-                            minW: "full",
-                            w: "full",
-                            maxW: "full",
-                            h: "full",
-                            overflow: "auto",
-                            bg: "white",
+                            minwidth: "100%",
+                            width: "100%",
+                            maxWidth: "100%",
+                            height: "100%",
+                            overflowidth: "auto",
+                            backgroundColor: "white",
                             rounded: "md",
                             display: "flex",
-                            flexDir: "column",
+                            flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
                             border: "2px solid",
@@ -61,9 +61,9 @@ export function DrawerContent(props:
                                 animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
                             },
                             md: {
-                                minW: "md",
-                                maxW: "md",
-                                maxH: "full"
+                                minwidth: "md",
+                                maxWidth: "md",
+                                maxH: "100%"
                             }
                         }),
                         props.className
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
index dfe7d15..60985a7 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
@@ -1,8 +1,8 @@
 
 import { Button } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
+import { css } from "../../../utilities/cn.js"
 
 
 export function DrawerHeader(props: {
@@ -10,7 +10,7 @@ export function DrawerHeader(props: {
 }) {
     return (
         <div className={css({
-            w: "full",
+            width: "100%",
             display: "flex",
             justifyContent: "space-between",
             alignItems: "flex-start",
diff --git a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
index eb308b7..da6766e 100644
--- a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
+++ b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../../utilities/cn.js"
 import * as PopoverPrimitive from "@radix-ui/react-popover"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type PopoverContent = ComponentProps<typeof PopoverPrimitive.Content>
@@ -17,16 +17,16 @@ export function PopoverContent(props: PopoverContent) {
                 className={cx(
                     css({
                         zIndex: "10",
-                        bg: "white",
+                        backgroundColor: "white",
                         rounded: "md",
-                        shadow: "md",
+                        shadowidth: "md",
                         display: "flex",
-                        flexDir: "column",
+                        flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
                         gap: "0",
-                        minW: "var(--radix-popover-trigger-width)",
-                        maxW: "var(--radix-popover-trigger-width)",
+                        minwidth: "var(--radix-popover-trigger-width)",
+                        maxWidth: "var(--radix-popover-trigger-width)",
                         border: "1px solid",
                         borderColor: "neutral/10"
                     }),
diff --git a/packages/dashboard/src/components/overlays/toast/toastAction.tsx b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
index eb4a9bf..fa786d6 100644
--- a/packages/dashboard/src/components/overlays/toast/toastAction.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../../utilities/cn.js"
 import * as ToastPrimitives from "@radix-ui/react-toast"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function ToastAction(props:
@@ -12,18 +12,18 @@ export function ToastAction(props:
             className={cx(
                 css({
                     display: "inline-flex",
-                    h: "8",
+                    height: "8",
                     flexShrink: "0",
                     alignItems: "center",
                     justifyContent: "center",
                     rounded: "md",
                     border: "1px solid",
-                    bg: "transparent",
+                    backgroundColor: "transparent",
                     px: "3",
                     fontSize: "sm",
                     fontWeight: "medium",
                     transition: "colors",
-                    _hover: { bg: "secondary" },
+                    _hover: { backgroundColor: "secondary" },
                     _focus: { outline: "none", ring: "1", ringColor: "ring" },
                     _disabled: { pointerEvents: "none", opacity: "0.5" }
                 }),
diff --git a/packages/dashboard/src/components/overlays/toast/toastContent.tsx b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
index 7fcb6b6..46c931c 100644
--- a/packages/dashboard/src/components/overlays/toast/toastContent.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
@@ -1,20 +1,20 @@
-import { css, cx } from "../../../utilities/cn.js"
 import * as ToastPrimitives from "@radix-ui/react-toast"
 import { IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 const toastIcons = {
     error: (
         <div className={css({
             p: "2",
-            w: "32px",
-            h: "32px",
+            width: "32px",
+            height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             rounded: "sm",
-            bg: "error/10",
+            backgroundColor: "error/10",
             border: "1px solid",
             borderColor: "error/50"
         })}>
@@ -24,13 +24,13 @@ const toastIcons = {
     success: (
         <div className={css({
             p: "2",
-            w: "32px",
-            h: "32px",
+            width: "32px",
+            height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             rounded: "sm",
-            bg: "success/10",
+            backgroundColor: "success/10",
             border: "1px solid",
             borderColor: "success"
         })}>
@@ -40,13 +40,13 @@ const toastIcons = {
     warning: (
         <div className={css({
             p: "2",
-            w: "32px",
-            h: "32px",
+            width: "32px",
+            height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             rounded: "sm",
-            bg: "warning/10",
+            backgroundColor: "warning/10",
             border: "1px solid",
             borderColor: "warning"
         })}>
@@ -56,13 +56,13 @@ const toastIcons = {
     information: (
         <div className={css({
             p: "2",
-            w: "32px",
-            h: "32px",
+            width: "32px",
+            height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             rounded: "sm",
-            bg: "information/10",
+            backgroundColor: "information/10",
             border: "1px solid",
             borderColor: "information"
         })}>
@@ -90,7 +90,7 @@ export function ToastContent(props: ToastContent) {
                 css({
                     pointerEvents: "auto",
                     position: "relative",
-                    w: "full",
+                    width: "100%",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "flex-start",
@@ -99,7 +99,7 @@ export function ToastContent(props: ToastContent) {
                     rounded: "md",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    bg: "white",
+                    backgroundColor: "white",
                     transition: "all",
                     "&[data-swipe=cancel]": { transform: "translateX(0)" },
                     "&[data-swipe=end]": { transform: "translateX(var(--radix-toast-swipe-end-x))" },
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index 9aa3fe7..762044b 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -1,6 +1,6 @@
-import { css, cx } from "../../../utilities/cn.js"
 import * as ToastPrimitives from "@radix-ui/react-toast"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 type ToastViewport = ComponentProps<typeof ToastPrimitives.Viewport>
@@ -16,18 +16,18 @@ export function ToastViewport(props: ToastViewport) {
                     zIndex: "100",
                     display: "flex",
                     maxH: "screen",
-                    w: "full",
-                    flexDir: "column-reverse",
+                    width: "100%",
+                    flexDirection: "column-reverse",
                     gap: "1",
                     p: "4",
                     right: "0",
                     sm: {
                         top: "auto",
-                        flexDir: "column"
+                        flexDirection: "column"
                     },
                     md: {
                         bottom: "0",
-                        maxW: "420px"
+                        maxWidth: "420px"
                     }
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
index d2d4000..1b82962 100644
--- a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
+++ b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 import { ComponentProps } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Content>) {
@@ -12,10 +12,10 @@ export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Con
             className={cx(
                 css({
                     zIndex: "50",
-                    overflow: "auto",
-                    maxW: "xs",
+                    overflowidth: "auto",
+                    maxWidth: "xs",
                     rounded: "md",
-                    bg: "white",
+                    backgroundColor: "white",
                     px: "4",
                     py: "3",
                     fontSize: "xs",
diff --git a/packages/dashboard/src/contexts/toasts/toastProvider.tsx b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
index 8fb32ba..1d77df2 100644
--- a/packages/dashboard/src/contexts/toasts/toastProvider.tsx
+++ b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
@@ -16,7 +16,7 @@ export function ToasterProvider() {
                             {...props}
                             key={id}
                         >
-                            <div className={css({ display: "flex", flexDir: "column", justifyContent: "center", alignItems: "flex-start" })}>
+                            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "flex-start" })}>
                                 {
                                     (title === undefined)
                                         ? null
diff --git a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index ee05b76..2e36e54 100644
--- a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -12,15 +12,15 @@ import { Breadcrumbs } from "../breadcrumbs.js"
 
 export function DashboardLayout() {
     return (
-        <div className={css({ position: "relative", minH: "full", h: "fit-content", w: "full", maxW: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "stretch", overflow: "auto" })}>
-            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", p: "4" })}>
+        <div className={css({ position: "relative", minH: "100%", height: "fit-content", width: "100%", maxWidth: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", overflowidth: "auto" })}>
+            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", p: "4" })}>
                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                     <Link
                         to="/"
                     >
                         <ButtonContent
                             variant="invisible"
-                            icon={<IconAbacus />}
+                            leftIcon={<IconAbacus />}
                         />
                     </Link>
                     {/* <span>
@@ -32,24 +32,24 @@ export function DashboardLayout() {
                     className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}
                 >
                     <Link
-                        to="/docs"
-                        className={css({ w: "fit-content" })}
+                        to="/documentation"
+                        className={css({ width: "fit-content" })}
                         aria-label="Documentation"
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconBook2 />}
+                            leftIcon={<IconBook2 />}
                             text="Documentation"
                         />
                     </Link>
                     <Dropdown.Root>
                         <Dropdown.Trigger
-                            className={css({ w: "full" })}
+                            className={css({ width: "100%" })}
                         >
                             <ButtonContent
                                 variant="default"
-                                icon={<IconUser />}
-                                className={css({ w: "full" })}
+                                leftIcon={<IconUser />}
+                                className={css({ width: "100%" })}
                             />
                         </Dropdown.Trigger>
                         <Dropdown.Content
@@ -62,7 +62,7 @@ export function DashboardLayout() {
                                             <ButtonGhostContent
                                                 icon={<IconSettings />}
                                                 text="Settings"
-                                                className={css({ w: "full" })}
+                                                className={css({ width: "100%" })}
                                             />
                                         </Menubar.Item>
                                     </Link> */}
@@ -73,44 +73,44 @@ export function DashboardLayout() {
                                             <ButtonGhostContent
                                                 icon={<IconRosetteDiscountCheck />}
                                                 text="Subscription"
-                                                className={css({ w: "full" })}
+                                                className={css({ width: "100%" })}
                                             />
                                         </Menubar.Item>
                                     </Link> */}
                             {/* <Dropdown.Item>
                                 <Link
                                     to="/paramètres"
-                                    className={css({ w: "full" })}
+                                    className={css({ width: "100%" })}
                                 >
                                     <ButtonGhostContent
                                         icon={<IconSettings />}
                                         text="Paramètres"
-                                        className={css({ w: "full" })}
+                                        className={css({ width: "100%" })}
                                     />
                                 </Link>
                             </Dropdown.Item> */}
                             {/* <Dropdown.Item>
                                 <Link
                                     to="/organisations"
-                                    className={css({ w: "full" })}
+                                    className={css({ width: "100%" })}
                                 >
                                     <ButtonGhostContent
                                         icon={<IconBuilding />}
                                         text="Organisations"
-                                        className={css({ w: "full" })}
+                                        className={css({ width: "100%" })}
                                     />
                                 </Link>
                             </Dropdown.Item> */}
                             <Dropdown.Item>
                                 <Link
                                     to="/dashboard/support"
-                                    className={css({ w: "full" })}
+                                    className={css({ width: "100%" })}
                                 >
                                     <ButtonContent
                                         variant="invisible"
-                                        icon={<IconLifebuoy />}
+                                        leftIcon={<IconLifebuoy />}
                                         text="Support"
-                                        className={css({ w: "full" })}
+                                        className={css({ width: "100%" })}
                                     />
                                 </Link>
                             </Dropdown.Item>
@@ -121,7 +121,7 @@ export function DashboardLayout() {
                                     icon={<IconLogout />}
                                     text="Se déconnecter"
                                     color="error"
-                                    className={css({ w: "full" })}
+                                    className={css({ width: "100%" })}
                                     onClick={async () => {
                                         await postAPI({
                                             routeDefinition: signOutRouteDefinition,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
index 20f4643..ebf86e1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
@@ -66,7 +66,7 @@ export function DeleteOneOrganization(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette organisation ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index f7470ab..c779b4d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -23,8 +23,8 @@ export function OrganizationSettingsPage() {
             {(organization) => {
                 return (
                     <Box>
-                        <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                        <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <span>
                                     Modifier les informations de l'organisation
                                 </span>
@@ -33,19 +33,19 @@ export function OrganizationSettingsPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier l'organisation"
                                     />
                                 </UpdateOneOrganization>
                             </div>
-                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
                                 <span>
                                     Supprimer l'organisation
                                 </span>
                                 <DeleteOneOrganization idOrganization={organization.id}>
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
+                                        leftIcon={<IconTrash />}
                                         text="Supprimer l'organisation"
                                         color="error"
                                     />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
index 518eecc..eb696ab 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
@@ -63,7 +63,7 @@ export function DeleteOneOrganizationUser(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer l'utilisateur de cette organisation ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
index cdcecbf..9e119e0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
@@ -14,13 +14,13 @@ export function OrganizationUsersPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneOrganizationUser
                         idOrganization={params.idOrganization}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconUserPlus />}
+                            leftIcon={<IconUserPlus />}
                             text="Ajouter un utilisateur"
                         />
                     </CreateOneOrganizationUser>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
index 9f29366..a4832e9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
@@ -38,7 +38,7 @@ export function OrganizationUsersTable(props: {
                                 return (
                                     <div
                                         key={organizationUser.id}
-                                        className={css({ w: "full", p: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
+                                        className={css({ width: "100%", p: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
                                     >
                                         <span>
                                             {organizationUser.user.email}
@@ -49,7 +49,7 @@ export function OrganizationUsersTable(props: {
                                             >
                                                 <ButtonContent
                                                     variant="default"
-                                                    icon={<IconPencil />}
+                                                    leftIcon={<IconPencil />}
                                                     title="Modifier l'utilisateur"
                                                 />
                                             </UpdateOneOrganizationUser>
@@ -58,7 +58,7 @@ export function OrganizationUsersTable(props: {
                                             >
                                                 <ButtonContent
                                                     variant="default"
-                                                    icon={<IconTrash />}
+                                                    leftIcon={<IconTrash />}
                                                     title="Supprimer l'utilisateur"
                                                     color="error"
                                                 />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
index fc2389a..54f7668 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
@@ -37,7 +37,7 @@ export function AttachmentFile(props: {
     return (
         <embed
             title={props.attachment.reference}
-            className={css({ w: "full", minH: "fit", h: "768px", maxH: "768px", border: "1px solid", borderColor: "neutral/20", rounded: "md", p: "4" })}
+            className={css({ width: "100%", minH: "fit", height: "768px", maxH: "768px", border: "1px solid", borderColor: "neutral/20", rounded: "md", p: "4" })}
             src={attachmentSignedUrlResponse.data.url}
             type={props.attachment.type ?? undefined}
         />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
index 0f5030f..798b243 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
@@ -1,7 +1,7 @@
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { Link, useParams } from "@tanstack/react-router"
-import { Button, ButtonContent } from "@arrhes/ui"
 import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
 import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatFileSize } from "../../../../../../../../components/formats/formatFileSize.tsx"
@@ -42,7 +42,7 @@ export function AttachmentPage() {
                                         >
                                             <ButtonContent
                                                 variant="default"
-                                                icon={<IconChevronLeft />}
+                                                leftIcon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
                                         </Link>
@@ -69,7 +69,7 @@ export function AttachmentPage() {
                                         </DeleteOneAttachment>
                                     </div>
                                 </Section.Item>
-                                <Section.Item className={css({ flexDir: "column" })}>
+                                <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
@@ -104,7 +104,7 @@ export function AttachmentPage() {
                                         attachment={attachment}
                                     />
                                 </Section.Item>
-                                <Section.Item className={css({ flexDir: "column" })}>
+                                <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
index bd2b8b8..ca2516f 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
@@ -1,11 +1,11 @@
 import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
 import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { Button } from "@arrhes/ui"
 import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
@@ -76,7 +76,7 @@ export function DeleteOneAttachment(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce fichier ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
index 852f6d8..fb9779c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
@@ -89,7 +89,7 @@ export function AttachmentsTable(props: {
             >
                 <ButtonContent
                     variant="primary"
-                    icon={<IconPlus />}
+                    leftIcon={<IconPlus />}
                     text="Ajouter un fichier"
                 />
             </CreateOneAttachment>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
index 64e3aa8..4e7d554 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
@@ -1,11 +1,11 @@
 import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
 import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
-import { css } from "@arrhes/ui/utilities/cn.js"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -13,7 +13,7 @@ import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneRecordRow(props: {
-    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
+    recordRowidth: v.InferOutput<typeof returnedSchemas.recordRow>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
     const [open, setOpen] = useState(false)
@@ -22,7 +22,7 @@ export function DeleteOneRecordRow(props: {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneRecordRowRouteDefinition,
             body: {
-                idRecordRow: props.recordRow.id,
+                idRecordRowidth: props.recordRow.id,
                 idOrganization: props.recordRow.idOrganization,
                 idYear: props.recordRow.idYear,
             }
@@ -78,7 +78,7 @@ export function DeleteOneRecordRow(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce mouvement ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
index 5be06da..cfc28fc 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
@@ -29,14 +29,14 @@ export function RecordRowPage() {
                     body={{
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
-                        idRecordRow: params.idRecordRow,
+                        idRecordRowidth: params.idRecordRow,
                     }}
                 >
                     {(recordRow) => {
                         return (
                             <Section.Root>
                                 <Section.Item>
-                                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
+                                    <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
                                         <Link
                                             to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord"
                                             params={{
@@ -47,7 +47,7 @@ export function RecordRowPage() {
                                         >
                                             <ButtonContent
                                                 variant="default"
-                                                icon={<IconChevronLeft />}
+                                                leftIcon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
                                         </Link>
@@ -74,7 +74,7 @@ export function RecordRowPage() {
                                         </div>
                                     </div>
                                 </Section.Item>
-                                <Section.Item className={css({ flexDir: "column" })}>
+                                <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
                                         <DataBlock.Header>
                                             <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
index 9de4411..d58f7e3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
@@ -22,7 +22,7 @@ import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function UpdateOneRecordRow(props: {
-    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
+    recordRowidth: v.InferOutput<typeof returnedSchemas.recordRow>
     children: JSX.Element
 }) {
     const [open, setOpen] = useState(false)
@@ -44,7 +44,7 @@ export function UpdateOneRecordRow(props: {
                         schema={updateOneRecordRowRouteDefinition.schemas.body}
                         defaultValues={{
                             ...props.recordRow,
-                            idRecordRow: props.recordRow.id,
+                            idRecordRowidth: props.recordRow.id,
                         }}
                         submitButtonProps={{
                             icon: <IconPencil />,
@@ -80,7 +80,7 @@ export function UpdateOneRecordRow(props: {
                                 body: {
                                     idOrganization: props.recordRow.idOrganization,
                                     idYear: props.recordRow.idYear,
-                                    idRecordRow: props.recordRow.id,
+                                    idRecordRowidth: props.recordRow.id,
                                 },
                             })
 
@@ -178,12 +178,12 @@ export function UpdateOneRecordRow(props: {
                                         )}
                                     />
                                 </div>
-                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
                                     <FormLabel
                                         label="Mouvement ajouté aux calculs ?"
                                         isRequired={false}
                                     />
-                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                    <div className={css({ width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
                                         <FormField
                                             control={form.control}
                                             name="isComputedForJournalReport"
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
index 9e83e63..e4a7874 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
@@ -184,12 +184,12 @@ export function CreateOneRecordRow(props: {
                                         )}
                                     />
                                 </div>
-                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
                                     <FormLabel
                                         label="Mouvement ajouté aux calculs ?"
                                         isRequired={false}
                                     />
-                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                    <div className={css({ width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
                                         <FormField
                                             control={form.control}
                                             name="isComputedForJournalReport"
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
index 25be717..faa6f36 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
@@ -1,11 +1,11 @@
 import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
 import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
-import { css } from "@arrhes/ui/utilities/cn.js"
 import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
@@ -76,7 +76,7 @@ export function DeleteOneRecord(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette écriture ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
index 061d48b..26b8324 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
@@ -1,11 +1,11 @@
 import { duplicateOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconCopyCheck } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
 import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
-import { Button } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
 import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
index 56d6141..99c54a7 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
@@ -58,7 +58,7 @@ export function RecordPage() {
                                     return (
                                         <Section.Root>
                                             <Section.Item>
-                                                <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
+                                                <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
                                                     <Link
                                                         to="/organisations/$idOrganization/exercices/$idYear/écritures"
                                                         params={{
@@ -68,7 +68,7 @@ export function RecordPage() {
                                                     >
                                                         <ButtonContent
                                                             variant="default"
-                                                            icon={<IconChevronLeft />}
+                                                            leftIcon={<IconChevronLeft />}
                                                             text="Retour"
                                                         />
                                                     </Link>
@@ -78,7 +78,7 @@ export function RecordPage() {
                                                         >
                                                             <ButtonContent
                                                                 variant="primary"
-                                                                icon={<IconPencil />}
+                                                                leftIcon={<IconPencil />}
                                                                 text="Modifier"
                                                             />
                                                         </UpdateOneRecord>
@@ -87,7 +87,7 @@ export function RecordPage() {
                                                         >
                                                             <ButtonContent
                                                                 variant="default"
-                                                                icon={<IconCopyCheck />}
+                                                                leftIcon={<IconCopyCheck />}
                                                                 text="Dupliquer"
                                                             />
                                                         </DuplicateOneRecord>
@@ -96,7 +96,7 @@ export function RecordPage() {
                                                         >
                                                             <ButtonContent
                                                                 variant="default"
-                                                                icon={<IconTrash />}
+                                                                leftIcon={<IconTrash />}
                                                                 title="Supprimer"
                                                                 color="error"
                                                             />
@@ -140,7 +140,7 @@ export function RecordPage() {
                                                         )
                                                 }
                                             </Section.Item>
-                                            <Section.Item className={css({ flexDir: "column" })}>
+                                            <Section.Item className={css({ flexDirection: "column" })}>
                                                 <DataBlock.Root>
                                                     <DataBlock.Header>
                                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
index 141126d..7a85ff8 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
@@ -45,12 +45,12 @@ export function RecordRowsTable(props: {
                                     idOrganization: props.record.idOrganization,
                                     idYear: props.record.idYear,
                                     idRecord: row.original.idRecord,
-                                    idRecordRow: row.original.id
+                                    idRecordRowidth: row.original.id
                                 }}
                             >
                                 <ButtonContent
                                     variant="invisible"
-                                    icon={<IconEye />}
+                                    leftIcon={<IconEye />}
                                     text={undefined}
                                 />
                             </Link>
@@ -82,7 +82,7 @@ export function RecordRowsTable(props: {
                         >
                             {(account) => (
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
-                                    <FormatText className={css({ overflow: "visible" })}>
+                                    <FormatText className={css({ overflowidth: "visible" })}>
                                         {account.number}
                                     </FormatText>
                                     <FormatText wrap={true} className={css({ color: "neutral/50" })}>
@@ -132,7 +132,7 @@ export function RecordRowsTable(props: {
                 //         idOrganization: props.record.idOrganization,
                 //         idYear: props.record.idYear,
                 //         idRecord: row.original.idRecord,
-                //         idRecordRow: row.original.id
+                //         idRecordRowidth: row.original.id
                 //     }
                 // })
             }}
@@ -143,7 +143,7 @@ export function RecordRowsTable(props: {
                 >
                     <ButtonContent
                         variant="primary"
-                        icon={<IconPlus />}
+                        leftIcon={<IconPlus />}
                         text="Ajouter un mouvement"
                     />
                 </CreateOneRecordRow>
@@ -152,7 +152,7 @@ export function RecordRowsTable(props: {
                 >
                     <ButtonContent
                         variant="default"
-                        icon={<IconEdit />}
+                        leftIcon={<IconEdit />}
                         text="Modifier plusieurs mouvements"
                     />
                 </UpdateManyRecordRows>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
index fdee569..bc53ca1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
@@ -99,12 +99,12 @@ export function UpdateManyRecordRows(props: {
                                         </FormItem>
                                     )}
                                 />
-                                <div className={css({ width: "full", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
+                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
                                     <FormLabel
                                         label="Mouvement ajouté aux calculs ?"
                                         isRequired={false}
                                     />
-                                    <div className={css({ width: "full", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
+                                    <div className={css({ width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "flex-start", flexWrap: "wrap", gap: "2" })}>
                                         <FormField
                                             control={form.control}
                                             name="isComputedForJournalReport"
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 703a6ca..6f7bd27 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -163,7 +163,7 @@ export function RecordsPage() {
                                 >
                                     <ButtonContent
                                         variant="primary"
-                                        icon={<IconPlus />}
+                                        leftIcon={<IconPlus />}
                                         text="Ajouter une écriture"
                                     />
                                 </CreateOneRecord>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
index 149781c..8ca189a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
@@ -53,16 +53,16 @@ export function BalanceReportTable(props: {
                     <Table.Header.Cell>
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>Compte</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Débit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Crédit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Solde débiteur</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Solde créditeur</span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
@@ -72,16 +72,16 @@ export function BalanceReportTable(props: {
                     <Table.Body.Cell align="right">
                         <span className={css({ color: "neutral/50" })}>Total</span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice price={accountsTotalDebit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice price={accountsTotalCredit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice price={accountsTotalBalanceDebit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice price={accountsTotalBalanceCredit} className={css({ fontWeight: "bold" })} />
                     </Table.Body.Cell>
                 </Table.Body.Row>
@@ -122,23 +122,23 @@ export function BalanceReportTable(props: {
                             return (
                                 <Table.Body.Row key={account.id} className={css({ borderColor: "neutral/5" })}>
                                     <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                        <FormatText className={css({ overflow: "visible" })}>
+                                        <FormatText className={css({ overflowidth: "visible" })}>
                                             {account.number}
                                         </FormatText>
                                         <FormatText wrap={true} className={css({ color: "neutral/50" })}>
                                             {account.label}
                                         </FormatText>
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalDebit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalCredit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalBalanceDebit} />
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalBalanceCredit} />
                                     </Table.Body.Cell>
                                 </Table.Body.Row>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
index 2d545e5..6a432f3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportRow.tsx
@@ -1,4 +1,4 @@
-import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
@@ -17,7 +17,7 @@ export function BalanceSheetAssetsReportRow(props: {
         <Table.Body.Row
             className={cx(
                 "",
-                props.number ? css({ bg: "neutral/5" }) : ""
+                props.number ? css({ backgroundColor: "neutral/5" }) : ""
             )}
         >
             <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
@@ -30,7 +30,7 @@ export function BalanceSheetAssetsReportRow(props: {
                     {props.number} {props.label}
                 </FormatText>
             </Table.Body.Cell>
-            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+            <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                 {
                     (props.isAmountDisplayed === true)
                         ? (
@@ -39,7 +39,7 @@ export function BalanceSheetAssetsReportRow(props: {
                         : (null)
                 }
             </Table.Body.Cell>
-            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+            <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                 {
                     (props.isAmountDisplayed === true)
                         ? (
@@ -48,7 +48,7 @@ export function BalanceSheetAssetsReportRow(props: {
                         : (null)
                 }
             </Table.Body.Cell>
-            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+            <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                 {
                     (props.isAmountDisplayed === true)
                         ? (
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
index a16dbe2..1aaa091 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetAsset/balanceSheetAssetsReportTable.tsx
@@ -61,13 +61,13 @@ export function BalanceSheetAssetsReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell />
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>Brut</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Amort. & Dépré.</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>Net</span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
index 83d94ab..10a8ba9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx
@@ -52,7 +52,7 @@ export function BalanceSheetLiabilitiesReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell />
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>
                             Net
                         </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
index 8620c4f..2415735 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetLiability/balanceSheetLiabilityiesReportRow.tsx
@@ -1,4 +1,4 @@
-import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { Table } from "../../../../../../../../../components/layouts/table/table.tsx"
@@ -16,7 +16,7 @@ export function BalanceSheetLiabilitiesReportRow(props: {
         <Table.Body.Row
             className={cx(
                 "",
-                props.number ? css({ bg: "neutral/5" }) : ""
+                props.number ? css({ backgroundColor: "neutral/5" }) : ""
             )}
         >
             <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
@@ -29,7 +29,7 @@ export function BalanceSheetLiabilitiesReportRow(props: {
                     {props.number} {props.label}
                 </FormatText>
             </Table.Body.Cell>
-            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+            <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                 {
                     (props.isAmountDisplayed === true)
                         ? (
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
index 6cea935..d6d0602 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
@@ -47,7 +47,7 @@ export function BalanceSheetReportPage() {
                                         {(balanceSheets) => {
                                             return (
                                                 <Section.Item>
-                                                    <div className={css({ w: "full", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
+                                                    <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
                                                         <DownloadBalanceSheetReport
                                                             idOrganization={params.idOrganization}
                                                             idYear={params.idYear}
@@ -60,7 +60,7 @@ export function BalanceSheetReportPage() {
                                                             />
                                                         </DownloadBalanceSheetReport>
                                                     </div>
-                                                    <div className={css({ w: "full", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
+                                                    <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
                                                         <Box className={css({ gap: "4" })}>
                                                             <TitleComponent className={css({ p: "4" })}>
                                                                 Actif
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
index 1f8dc3a..154acf9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
@@ -63,7 +63,7 @@ export function IncomeStatementReportPage() {
                                                                 {(computationIncomeStatements) => {
                                                                     return (
                                                                         <Section.Item>
-                                                                            <div className={css({ w: "full", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
+                                                                            <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
                                                                                 <DownloadIncomeStatementReport
                                                                                     idOrganization={params.idOrganization}
                                                                                     idYear={params.idYear}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
index 48b070e..e0eaf81 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportRow.tsx
@@ -1,4 +1,4 @@
-import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
 import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
 import { Table } from "../../../../../../../../components/layouts/table/table.tsx"
@@ -16,7 +16,7 @@ export function IncomeStatementReportRow(props: {
         <Table.Body.Row
             className={cx(
                 css({}),
-                props.number ? css({ bg: "neutral/5" }) : ""
+                props.number ? css({ backgroundColor: "neutral/5" }) : ""
             )}
         >
             <Table.Body.Cell style={{ paddingLeft: `${props.level * 16 + 8}px` }} >
@@ -29,7 +29,7 @@ export function IncomeStatementReportRow(props: {
                     {props.number} {props.label}
                 </FormatText>
             </Table.Body.Cell>
-            <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+            <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                 {
                     (props.isAmountDisplayed === true)
                         ? (
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
index 9992e63..c664bee 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -22,7 +22,7 @@ export function IncomeStatementsReportTable(props: {
             <Table.Header.Root>
                 <Table.Header.Row>
                     <Table.Header.Cell />
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>
                             Net
                         </span>
@@ -135,7 +135,7 @@ export function IncomeStatementsReportTable(props: {
                                         index === 0 ? css({ borderTop: "1px solid token(colors.neutral/25)", borderBottomColor: "neutral/5" }) : ""
                                     )}
                                 >
-                                    <Table.Body.Cell align="right" className={css({ w: "full", display: "flex", justifyContent: "end", gap: "2" })}>
+                                    <Table.Body.Cell align="right" className={css({ width: "100%", display: "flex", justifyContent: "end", gap: "2" })}>
                                         <FormatText
                                             className={css({ whiteSpace: "normal", textAlign: "right" })}
                                         >
@@ -147,7 +147,7 @@ export function IncomeStatementsReportTable(props: {
                                             {`(${computationIncomeStatementsLabel})`}
                                         </FormatText>
                                     </Table.Body.Cell>
-                                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={computationAmount} />
                                     </Table.Body.Cell>
                                 </Table.Body.Row>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
index 7243a80..e5295a0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
@@ -44,12 +44,12 @@ export function JournalReportTable(props: {
                             Compte
                         </span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>
                             Débit
                         </span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>
                             Crédit
                         </span>
@@ -64,13 +64,13 @@ export function JournalReportTable(props: {
                             Total
                         </span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice
                             price={totalDebit}
                             className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice
                             price={totalCredit}
                             className={css({ fontWeight: "bold" })}
@@ -102,7 +102,7 @@ export function JournalReportTable(props: {
                             return (
                                 <Table.Body.Root key={record.id} className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}>
                                     <Table.Body.Row className={cx(
-                                        css({ borderColor: "neutral/10", bg: "background" }),
+                                        css({ borderColor: "neutral/10", backgroundColor: "background" }),
                                         // (recordTotalDebit === recordTotalCredit) ? "" : "border border-error"
                                     )}>
                                         <Table.Body.Cell>
@@ -117,7 +117,7 @@ export function JournalReportTable(props: {
                                             </FormatText>
                                         </Table.Body.Cell>
                                         {/* <Table.Body.Cell colSpan={2} /> */}
-                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                             <FormatPrice
                                                 price={recordTotalDebit}
                                                 className={cx(
@@ -126,7 +126,7 @@ export function JournalReportTable(props: {
                                                 )}
                                             />
                                         </Table.Body.Cell>
-                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                             <FormatPrice
                                                 price={recordTotalCredit}
                                                 className={cx(
@@ -160,7 +160,7 @@ export function JournalReportTable(props: {
                                                             >
                                                                 {(account) => (
                                                                     <Fragment>
-                                                                        <FormatText className={css({ overflow: "visible" })}>
+                                                                        <FormatText className={css({ overflowidth: "visible" })}>
                                                                             {account.number}
                                                                         </FormatText>
                                                                         <FormatText wrap={true} className={css({ color: "neutral/50" })}>
@@ -170,10 +170,10 @@ export function JournalReportTable(props: {
                                                                 )}
                                                             </DataWrapper>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.debit} />
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.credit} />
                                                         </Table.Body.Cell>
                                                     </Table.Body.Row>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
index 7487915..da97b11 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
@@ -31,29 +31,29 @@ export function LedgerReportTable(props: {
                     <Table.Header.Cell>
                         <span className={css({ color: "neutral/75", fontSize: "sm" })}>Libellé</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Débit</span>
                     </Table.Header.Cell>
-                    <Table.Header.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Header.Cell className={css({ width: "[1%]" })} align="right">
                         <span className={css({ color: "neutral/75", fontSize: "sm", whiteSpace: "nowrap" })}>Crédit</span>
                     </Table.Header.Cell>
                 </Table.Header.Row>
             </Table.Header.Root>
             <Table.Body.Root className={css({ borderY: "1px solid token(colors.neutral/20)", _last: { borderBottom: "0" } })}>
-                <Table.Body.Row className={css({ bg: "background" })}>
+                <Table.Body.Row className={css({ backgroundColor: "background" })}>
                     <Table.Body.Cell colSpan={1} />
                     <Table.Body.Cell align="right">
                         <span className={css({ color: "neutral/50" })}>
                             Total
                         </span>
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice
                             price={accountsTotalDebit}
                             className={css({ fontWeight: "bold" })}
                         />
                     </Table.Body.Cell>
-                    <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                    <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                         <FormatPrice
                             price={accountsTotalCredit}
                             className={css({ fontWeight: "bold" })}
@@ -90,9 +90,9 @@ export function LedgerReportTable(props: {
                                     key={account.id}
                                     className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}
                                 >
-                                    <Table.Body.Row className={css({ borderColor: "neutral/10", bg: "background" })}>
+                                    <Table.Body.Row className={css({ borderColor: "neutral/10", backgroundColor: "background" })}>
                                         <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                            <FormatText className={css({ overflow: "visible" })}>
+                                            <FormatText className={css({ overflowidth: "visible" })}>
                                                 {account.number}
                                             </FormatText>
                                             <FormatText wrap={true} className={css({ color: "neutral/50" })}>
@@ -100,10 +100,10 @@ export function LedgerReportTable(props: {
                                             </FormatText>
                                         </Table.Body.Cell>
                                         <Table.Body.Cell />
-                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                             <FormatPrice price={accountTotalDebit} className={css({ fontWeight: "bold" })} />
                                         </Table.Body.Cell>
-                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                             <FormatPrice price={accountTotalCredit} className={css({ fontWeight: "bold" })} />
                                         </Table.Body.Cell>
                                     </Table.Body.Row>
@@ -118,10 +118,10 @@ export function LedgerReportTable(props: {
                                                                 {recordRow.label}
                                                             </FormatText>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.debit} />
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className={css({ w: "[1%]" })} align="right">
+                                                        <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.credit} />
                                                         </Table.Body.Cell>
                                                     </Table.Body.Row>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
index 3c74f02..4132f30 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
@@ -32,7 +32,7 @@ export function AccountPage() {
                 {(account) => {
                     return (
                         <Fragment>
-                            <Section.Item className={css({ flexDir: "row" })}>
+                            <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes"
@@ -43,7 +43,7 @@ export function AccountPage() {
                                     >
                                         <ButtonContent
                                             variant="default"
-                                            icon={<IconChevronLeft />}
+                                            leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
@@ -70,7 +70,7 @@ export function AccountPage() {
                                     </DeleteOneAccount>
                                 </div>
                             </Section.Item>
-                            <Section.Item className={css({ flexDir: "column" })}>
+                            <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
index 1ab0dea..b41462d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
@@ -76,7 +76,7 @@ export function DeleteOneAccount(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce compte ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
index be5b641..43a1a44 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
@@ -53,10 +53,10 @@ export function AccountItem(props: {
                     idYear: props.idYear,
                     idAccount: props.account.id,
                 }}
-                className={css({ w: "full" })}
+                className={css({ width: "100%" })}
             >
                 <div
-                    className={css({ minW: "fit", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottomWidth: "1px", borderColor: "neutral/5", _last: { borderBottomWidth: "0" } })}
+                    className={css({ minwidth: "fit", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottomWidth: "1px", borderColor: "neutral/5", _last: { borderBottomWidth: "0" } })}
                 // style={{
                 //     paddingLeft: `${(1 + props.level) * 12}px`
                 // }}
@@ -67,7 +67,7 @@ export function AccountItem(props: {
                             : (
                                 <pre
                                     className={cx(
-                                        css({ color: "neutral/25", fontSize: "22px", lineHeight: "none", h: "full", verticalAlign: "middle", textAlign: "left" }),
+                                        css({ color: "neutral/25", fontSize: "22px", lineHeight: "none", height: "100%", verticalAlign: "middle", textAlign: "left" }),
                                         props.account.isMandatory ? "" : ""
                                     )}
                                     dangerouslySetInnerHTML={{
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
index c81e5b0..69fdb8b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
@@ -16,14 +16,14 @@ export function AccountsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneAccount
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter un compte"
                         />
                     </CreateOneAccount>
@@ -33,7 +33,7 @@ export function AccountsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Générer les comptes par défaut"
                         />
                     </GenerateAccounts>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index 7a1ae16..170f5a4 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -43,17 +43,17 @@ export function AccountsTable(props: {
                     .sort((a, b) => a.account.number.toString().localeCompare(b.account.number.toString()))
 
                 return (
-                    <div className={css({ h: "fit", w: "fit", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
+                    <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className={css({ maxW: "320px" })}
+                                className={css({ maxWidth: "320px" })}
                             />
                         </InputDebounced>
-                        <div className={css({ h: "fit", w: "fit", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                        <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (groupedAccounts.length !== 0)
                                     ? (null)
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
index 8aa796f..5e647d5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
@@ -29,7 +29,7 @@ export function BalanceSheetPage() {
             {(balanceSheet) => {
                 return (
                     <Section.Root>
-                        <Section.Item className={css({ flexDir: "row" })}>
+                        <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
@@ -40,7 +40,7 @@ export function BalanceSheetPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconChevronLeft />}
+                                        leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
@@ -67,7 +67,7 @@ export function BalanceSheetPage() {
                                 </DeleteOneBalanceSheet>
                             </div>
                         </Section.Item>
-                        <Section.Item className={css({ flexDir: "column" })}>
+                        <Section.Item className={css({ flexDirection: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
index 1e40a9d..13209d8 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
@@ -76,7 +76,7 @@ export function DeleteOneBalanceSheet(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de bilan ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
index d080f1a..27dd7d9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
@@ -27,17 +27,17 @@ export function BalanceSheetRow(props: {
                 idYear: props.idYear,
                 idBalanceSheet: props.balanceSheet.id,
             }}
-            className={css({ w: "full" })}
+            className={css({ width: "100%" })}
         >
             <div
                 className={css({
-                    minW: "fit-content",
-                    w: "full",
+                    minwidth: "fit-content",
+                    width: "100%",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "center",
                     gap: "2",
-                    _hover: { bg: "neutral/5" },
+                    _hover: { backgroundColor: "neutral/5" },
                     borderBottom: "1px solid",
                     borderColor: "neutral/5",
                     _last: { borderBottom: "0" }
@@ -55,7 +55,7 @@ export function BalanceSheetRow(props: {
                                     color: "neutral/25",
                                     fontSize: "[22px]",
                                     lineHeight: "none",
-                                    h: "full",
+                                    height: "100%",
                                     verticalAlign: "middle",
                                     textAlign: "left"
                                 })}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
index 4a6a6e2..6590f31 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
@@ -34,17 +34,17 @@ export function BalanceSheetTable(props: {
                     .sort((a, b) => Number(a.number) - Number(b.number))
 
                 return (
-                    <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className={css({ maxW: "[320px]" })}
+                                className={css({ maxWidth: "[320px]" })}
                             />
                         </InputDebounced>
-                        <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                        <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (filteredBalanceSheets.length !== 0)
                                     ? (null)
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
index fed38b6..18f6d75 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
@@ -18,14 +18,14 @@ export function BalanceSheetsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ minW: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                <div className={css({ minwidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneBalanceSheet
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter une ligne de bilan"
                         />
                     </CreateOneBalanceSheet>
@@ -35,7 +35,7 @@ export function BalanceSheetsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Générer les lignes de bilan par défaut"
                         />
                     </GenerateBalanceSheets>
@@ -45,12 +45,12 @@ export function BalanceSheetsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconLine />}
+                            leftIcon={<IconLine />}
                             text="Connecter les comptes aux lignes de bilan par défaut"
                         />
                     </ConnectAccountsToBalanceSheets>
                 </div>
-                <div className={css({ w: "full", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
+                <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
                     <Box className={css({ p: "4", gap: "4", maxH: "[640px]" })}>
                         <TitleComponent>
                             Actif
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
index 2f9fec5..2db6dac 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
@@ -1,12 +1,12 @@
 import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
 import * as v from "valibot"
 import { Dialog } from "../../../../../../../components/overlays/dialog/dialog.js"
 import { toast } from "../../../../../../../contexts/toasts/useToast.js"
-import { css } from "@arrhes/ui/utilities/cn.js"
 import { platformRouter } from "../../../../../../../routes/platformRouter.js"
 import { invalidateData } from "../../../../../../../utilities/invalidateData.js"
 import { postAPI } from "../../../../../../../utilities/postAPI.js"
@@ -72,7 +72,7 @@ export function DeleteOneYear(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cet exercice ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
index 5aa31f5..bd7e087 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
@@ -76,7 +76,7 @@ export function DeleteOneIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
index eeb53d7..e64dfe2 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
@@ -29,7 +29,7 @@ export function IncomeStatementPage() {
             {(incomeStatement) => {
                 return (
                     <Section.Root>
-                        <Section.Item className={css({ flexDir: "row" })}>
+                        <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
@@ -40,7 +40,7 @@ export function IncomeStatementPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconChevronLeft />}
+                                        leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
@@ -67,7 +67,7 @@ export function IncomeStatementPage() {
                                 </DeleteOneIncomeStatement>
                             </div>
                         </Section.Item>
-                        <Section.Item className={css({ flexDir: "column" })}>
+                        <Section.Item className={css({ flexDirection: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
index 0b61d55..676f49b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
@@ -32,7 +32,7 @@ export function ComputationIncomeStatementPage() {
                 {(computationIncomeStatement) => {
                     return (
                         <Fragment>
-                            <Section.Item className={css({ flexDir: "row" })}>
+                            <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
@@ -43,7 +43,7 @@ export function ComputationIncomeStatementPage() {
                                     >
                                         <ButtonContent
                                             variant="default"
-                                            icon={<IconChevronLeft />}
+                                            leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
@@ -70,7 +70,7 @@ export function ComputationIncomeStatementPage() {
                                     </DeleteOneComputationIncomeStatement>
                                 </div>
                             </Section.Item>
-                            <Section.Item className={css({ flexDir: "column" })}>
+                            <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
index f82665a..7d81edd 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
@@ -76,7 +76,7 @@ export function DeleteOneComputationIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
index 7136eee..0a9d843 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
@@ -32,7 +32,7 @@ export function ComputationPage() {
                 {(computation) => {
                     return (
                         <Fragment>
-                            <Section.Item className={css({ flexDir: "row" })}>
+                            <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                     <Link
                                         to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
@@ -43,7 +43,7 @@ export function ComputationPage() {
                                     >
                                         <ButtonContent
                                             variant="default"
-                                            icon={<IconChevronLeft />}
+                                            leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
                                     </Link>
@@ -70,7 +70,7 @@ export function ComputationPage() {
                                     </DeleteOneComputation>
                                 </div>
                             </Section.Item>
-                            <Section.Item className={css({ flexDir: "column" })}>
+                            <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
                                     <DataBlock.Header>
                                         <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
index 4b79de9..69d0d95 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
@@ -76,7 +76,7 @@ export function DeleteOneComputation(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de calcul ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
index 85cfd2f..b2b2da9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
@@ -28,7 +28,7 @@ export function ComputationsTable(props: {
                     )
                 }
                 return (
-                    <div className={css({ h: "fit-content", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4" })}>
+                    <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4" })}>
                         {computations.map((computation) => (
                             <Link
                                 key={computation.id}
@@ -38,9 +38,9 @@ export function ComputationsTable(props: {
                                     idOrganization: props.idOrganization,
                                     idYear: props.idYear,
                                 }}
-                                className={css({ w: "full" })}
+                                className={css({ width: "100%" })}
                             >
-                                <div className={css({ p: "2", minW: "fit-content", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}>
+                                <div className={css({ p: "2", minwidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}>
                                     <span className={css({ color: "neutral", fontSize: "xs", lineHeight: "none" })}>
                                         {computation.number}
                                     </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
index 6cc7c8a..f8b4c26 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
@@ -36,7 +36,7 @@ export function GenerateComputations(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les lignes de calcul par défaut ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
index 6dc1a28..db271fc 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
@@ -36,7 +36,7 @@ export function ConnectAccountsToIncomeStatements(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous connecter les comptes aux lignes de compte de résultat par défault ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
index 9679784..6990796 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
@@ -36,7 +36,7 @@ export function GenerateIncomeStatements(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les lignes de compte de résultat par défaut ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
index 8d2af55..13e78f2 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
@@ -27,10 +27,10 @@ export function IncomeStatementRow(props: {
                 idYear: props.idYear,
                 idIncomeStatement: props.incomeStatement.id,
             }}
-            className={css({ w: "full" })}
+            className={css({ width: "100%" })}
         >
             <div
-                className={css({ minW: "fit-content", w: "full", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { bg: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}
+                className={css({ minwidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}
             // style={{
             //     paddingLeft: `${(1 + props.level) * 12}px`
             // }}
@@ -40,7 +40,7 @@ export function IncomeStatementRow(props: {
                         ? (null)
                         : (
                             <pre
-                                className={css({ color: "neutral/25", fontSize: "22px", lineHeight: "1", h: "full", verticalAlign: "middle", textAlign: "left" })}
+                                className={css({ color: "neutral/25", fontSize: "22px", lineHeight: "1", height: "100%", verticalAlign: "middle", textAlign: "left" })}
                                 dangerouslySetInnerHTML={{
                                     __html: prefix
                                 }}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
index a0e8f78..a6ac84d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
@@ -20,14 +20,14 @@ export function IncomeStatementsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ minW: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                <div className={css({ minwidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneIncomeStatement
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter une ligne de compte de résultat"
                         />
                     </CreateOneIncomeStatement>
@@ -37,7 +37,7 @@ export function IncomeStatementsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Générer les lignes de compte de résultat par défaut"
                         />
                     </GenerateIncomeStatements>
@@ -47,7 +47,7 @@ export function IncomeStatementsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconLine />}
+                            leftIcon={<IconLine />}
                             text="Connecter les comptes aux lignes de compte de résultat par défaut"
                         />
                     </ConnectAccountsToIncomeStatements>
@@ -60,14 +60,14 @@ export function IncomeStatementsPage() {
                 </Box>
             </Section.Item>
             <Section.Item>
-                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "flex-start", gap: "2" })}>
+                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "flex-start", gap: "2" })}>
                     <CreateOneComputation
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter une ligne de calcul"
                         />
                     </CreateOneComputation>
@@ -77,7 +77,7 @@ export function IncomeStatementsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Générer les calculs par défaut"
                         />
                     </GenerateComputations>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
index 495a64d..5ee8976 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
@@ -32,17 +32,17 @@ export function IncomeStatementsTable(props: {
                     .sort((a, b) => Number(a.number) - Number(b.number))
 
                 return (
-                    <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
+                    <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
                         >
                             <InputText
                                 placeholder="Recherche"
-                                className={css({ maxW: "[320px]" })}
+                                className={css({ maxWidth: "[320px]" })}
                             />
                         </InputDebounced>
-                        <div className={css({ h: "fit-content", w: "fit-content", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                        <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                             {
                                 (filteredIncomeStatements.length !== 0)
                                     ? (null)
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
index a7ec6a2..7a1ead5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
@@ -76,7 +76,7 @@ export function DeleteOneJournal(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce journal ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
index 66bcd50..30a15c9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
@@ -29,7 +29,7 @@ export function JournalPage() {
             {(journal) => {
                 return (
                     <Section.Root>
-                        <Section.Item className={css({ flexDir: "row" })}>
+                        <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
@@ -40,7 +40,7 @@ export function JournalPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconChevronLeft />}
+                                        leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
@@ -51,7 +51,7 @@ export function JournalPage() {
                                 >
                                     <ButtonContent
                                         variant="primary"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneJournal>
@@ -60,14 +60,14 @@ export function JournalPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
+                                        leftIcon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
                                     />
                                 </DeleteOneJournal>
                             </div>
                         </Section.Item>
-                        <Section.Item className={css({ flexDir: "column" })}>
+                        <Section.Item className={css({ flexDirection: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
index 3671ebf..b0a4b51 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
@@ -36,7 +36,7 @@ export function GenerateJournals(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les journaux par défaut ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index b71fde0..6449f4b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -18,14 +18,14 @@ export function JournalsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneJournal
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter un journal"
                         />
                     </CreateOneJournal>
@@ -35,7 +35,7 @@ export function JournalsPage() {
                     >
                         <ButtonContent
                             variant="default"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Générer les journaux par défaut"
                         />
                     </GenerateJournals>
@@ -60,7 +60,7 @@ export function JournalsPage() {
                                 )
                             }
                             return (
-                                <div className={css({ h: "fit", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                                <div className={css({ height: "fit", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                                     {
                                         sortedJournals.map((journal) => (
                                             <Link
@@ -71,7 +71,7 @@ export function JournalsPage() {
                                                     idYear: params.idYear,
                                                     idJournal: journal.id
                                                 }}
-                                                className={css({ w: "full", p: "2", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { bg: "neutral/5" }, cursor: "pointer" })}
+                                                className={css({ width: "100%", p: "2", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${journal.label} (${journal.code})`}
                                             </Link>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
index 30b8bc2..7f24eab 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
@@ -76,7 +76,7 @@ export function DeleteOneRecordLabel(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette catégorie ?
                             </Dialog.Title>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
index 7088372..50affde 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
@@ -29,7 +29,7 @@ export function RecordLabelPage() {
             {(recordLabel) => {
                 return (
                     <Section.Root>
-                        <Section.Item className={css({ flexDir: "row" })}>
+                        <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                                 <Link
                                     to="/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
@@ -40,7 +40,7 @@ export function RecordLabelPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconChevronLeft />}
+                                        leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
                                 </Link>
@@ -51,7 +51,7 @@ export function RecordLabelPage() {
                                 >
                                     <ButtonContent
                                         variant="primary"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneRecordLabel>
@@ -60,14 +60,14 @@ export function RecordLabelPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
+                                        leftIcon={<IconTrash />}
                                         title="Supprimer"
                                         color="error"
                                     />
                                 </DeleteOneRecordLabel>
                             </div>
                         </Section.Item>
-                        <Section.Item className={css({ flexDir: "column" })}>
+                        <Section.Item className={css({ flexDirection: "column" })}>
                             <DataBlock.Root>
                                 <DataBlock.Header>
                                     <TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index f312945..bab7cdd 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -17,14 +17,14 @@ export function RecordLabelsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ w: "full", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                     <CreateOneRecordLabel
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
                     >
                         <ButtonContent
                             variant="primary"
-                            icon={<IconPlus />}
+                            leftIcon={<IconPlus />}
                             text="Ajouter une catégorie"
                         />
                     </CreateOneRecordLabel>
@@ -49,7 +49,7 @@ export function RecordLabelsPage() {
                                 )
                             }
                             return (
-                                <div className={css({ h: "fit-content", w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                                <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                                     {
                                         sortedRecordLabels.map((recordLabel) => (
                                             <Link
@@ -60,7 +60,7 @@ export function RecordLabelsPage() {
                                                     idYear: params.idYear,
                                                     idRecordLabel: recordLabel.id
                                                 }}
-                                                className={css({ w: "full", p: "2", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { bg: "neutral/5" }, cursor: "pointer" })}
+                                                className={css({ width: "100%", p: "2", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${recordLabel.label}`}
                                             </Link>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index d2746eb..39342a9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -24,8 +24,8 @@ export function YearSettingsPage() {
             {(year) => {
                 return (
                     <Box>
-                        <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                        <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <span>
                                     Modifier les informations de l'exercice
                                 </span>
@@ -34,12 +34,12 @@ export function YearSettingsPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneYear>
                             </div>
-                            <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
                                 <span>
                                     Supprimer l'exercice
                                 </span>
@@ -48,7 +48,7 @@ export function YearSettingsPage() {
                                 >
                                     <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
+                                        leftIcon={<IconTrash />}
                                         text="Supprimer"
                                         color="error"
                                     />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
index 3ff9b3b..e221ee1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
@@ -1,5 +1,5 @@
 import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconCalendar, IconChevronRight, IconLock } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
@@ -26,23 +26,23 @@ export function YearCard(props: {
                 idYear: year.id
             }}
             className={cx(
-                css({ w: "full", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+                css({ width: "100%", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
                 css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
-                css({ _hover: { borderColor: "neutral/20", bg: "neutral/2" }, transition: "colors", cursor: "pointer" })
+                css({ _hover: { borderColor: "neutral/20", backgroundColor: "neutral/2" }, transition: "colors", cursor: "pointer" })
             )}
         >
             <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
                 <div className={cx(
-                    css({ w: "12", h: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
-                    year.isClosed ? css({ bg: "neutral/10" }) : css({ bg: "success/5" })
+                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
+                    year.isClosed ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "success/5" })
                 )}>
                     {year.isClosed ? (
-                        <IconLock className={css({ w: "6", h: "6", color: "neutral/50" })} />
+                        <IconLock className={css({ width: "6", height: "6", color: "neutral/50" })} />
                     ) : (
-                        <IconCalendar className={css({ w: "6", h: "6", color: "success/70" })} />
+                        <IconCalendar className={css({ width: "6", height: "6", color: "success/70" })} />
                     )}
                 </div>
-                <div className={css({ display: "flex", flexDir: "column", gap: "1" })}>
+                <div className={css({ display: "flex", flexDirection: "column", gap: "1" })}>
                     <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
                         {year.label}
                     </span>
@@ -65,7 +65,7 @@ export function YearCard(props: {
                         color="success"
                     />
                 )}
-                <IconChevronRight className={css({ w: "5", h: "5", color: "neutral/30" })} />
+                <IconChevronRight className={css({ width: "5", height: "5", color: "neutral/30" })} />
             </div>
         </Link>
     )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
index 314cb0c..d2aa7a3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
@@ -17,8 +17,8 @@ export function YearsPage() {
     return (
         <Page.Root>
             <Page.Content>
-                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
-                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
+                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
                         <span className={css({ fontSize: "2xl" })}>
                             Exercices fiscaux
                         </span>
@@ -27,7 +27,7 @@ export function YearsPage() {
                         >
                             <ButtonContent
                                 variant="default"
-                                icon={<IconCalendarPlus />}
+                                leftIcon={<IconCalendarPlus />}
                                 text="Ajouter un exercice"
                             />
                         </CreateOneYear>
@@ -43,12 +43,12 @@ export function YearsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucun exercice"
-                                        className={css({ p: "4", w: "full" })}
+                                        className={css({ p: "4", width: "100%" })}
                                     />
                                 )
                             }
                             return (
-                                <div className={css({ w: "full", display: "flex", flexDir: "column", gap: "3" })}>
+                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "3" })}>
                                     {years.map((year) => (
                                         <YearCard
                                             key={year.id}
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
index 45f22e6..71cfe3e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
@@ -1,5 +1,5 @@
 import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { cx, css } from "@arrhes/ui/utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconBuilding, IconChevronRight } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
@@ -23,19 +23,19 @@ export function OrganizationCard(props: {
                 idOrganization: organization.id
             }}
             className={cx(
-                css({ w: "full", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+                css({ width: "100%", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
                 css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
-                css({ _hover: { borderColor: "neutral/20", bg: "neutral/2" }, transition: "colors", cursor: "pointer" })
+                css({ _hover: { borderColor: "neutral/20", backgroundColor: "neutral/2" }, transition: "colors", cursor: "pointer" })
             )}
         >
             <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
                 <div className={cx(
-                    css({ w: "12", h: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
-                    css({ bg: "neutral/5" })
+                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
+                    css({ backgroundColor: "neutral/5" })
                 )}>
-                    <IconBuilding className={css({ w: "6", h: "6", color: "neutral/50" })} />
+                    <IconBuilding className={css({ width: "6", height: "6", color: "neutral/50" })} />
                 </div>
-                <div className={css({ display: "flex", flexDir: "column", gap: "1" })}>
+                <div className={css({ display: "flex", flexDirection: "column", gap: "1" })}>
                     <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
                         {organization.name}
                     </span>
@@ -65,7 +65,7 @@ export function OrganizationCard(props: {
                         color="warning"
                     />
                 )}
-                <IconChevronRight className={css({ w: "5", h: "5", color: "neutral/30" })} />
+                <IconChevronRight className={css({ width: "5", height: "5", color: "neutral/30" })} />
             </div>
         </Link>
     )
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
index 68beeef..1145ff2 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
@@ -13,15 +13,15 @@ export function OrganizationsPage() {
     return (
         <Page.Root>
             <Page.Content>
-                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
-                    <div className={css({ w: "full", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
+                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
                         <span className={css({ fontSize: "2xl" })}>
                             Mes organisations
                         </span>
                         <AddNewOrganization>
                             <ButtonContent
                                 variant="default"
-                                icon={<IconBuildingPlus />}
+                                leftIcon={<IconBuildingPlus />}
                                 text="Ajouter une organisation"
                             />
                         </AddNewOrganization>
@@ -40,7 +40,7 @@ export function OrganizationsPage() {
                                 )
                             }
                             return (
-                                <div className={css({ w: "full", display: "flex", flexDir: "column", gap: "3" })}>
+                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "3" })}>
                                     {organizationUsers.map((organizationUser) => (
                                         <OrganizationCard
                                             key={organizationUser.id}
diff --git a/packages/dashboard/src/features/dashboard/support/supportPage.tsx b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
index b10586a..f01445c 100644
--- a/packages/dashboard/src/features/dashboard/support/supportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
@@ -26,7 +26,7 @@ export function SupportPage() {
                         >
                             <ButtonContent
                                 variant="default"
-                                icon={<IconMail />}
+                                leftIcon={<IconMail />}
                                 text="Email"
                             />
                         </a>
@@ -35,7 +35,7 @@ export function SupportPage() {
                         >
                             <ButtonContent
                                 variant="default"
-                                icon={<IconBrandGithub />}
+                                leftIcon={<IconBrandGithub />}
                                 text="Github"
                             />
                         </a>
@@ -44,7 +44,7 @@ export function SupportPage() {
                         >
                             <ButtonContent
                                 variant="default"
-                                icon={<IconBrandLinkedin />}
+                                leftIcon={<IconBrandLinkedin />}
                                 text="LinkedIn"
                             />
                         </a>
diff --git a/packages/dashboard/src/features/docs/ai/analyse.tsx b/packages/dashboard/src/features/docs/ai/analyse.tsx
new file mode 100644
index 0000000..d257da6
--- /dev/null
+++ b/packages/dashboard/src/features/docs/ai/analyse.tsx
@@ -0,0 +1,249 @@
+import { Badge } from "@arrhes/ui"
+import {
+    IconAlertTriangle,
+    IconChartBar,
+    IconChartPie,
+    IconTrendingUp
+} from "@tabler/icons-react"
+import type { ReactNode } from "react"
+import { css } from "../../../utilities/cn.js"
+
+
+export function AiAnalyse() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Analyse des données
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    L'IA analyse vos données comptables pour vous fournir des insights et détecter des anomalies.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="Fonctionnalités d'analyse">
+                    <p>
+                        Notre système d'analyse utilise l'intelligence artificielle pour examiner vos données
+                        comptables et vous fournir des informations utiles pour piloter votre activité.
+                    </p>
+                </Section>
+
+                <div className={css({
+                    display: "grid",
+                    gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                    gap: "1rem",
+                })}>
+                    <FeatureCard
+                        icon={<IconAlertTriangle />}
+                        title="Détection d'anomalies"
+                        description="L'IA identifie les écritures inhabituelles, les doublons potentiels et les erreurs de saisie courantes."
+                    />
+                    <FeatureCard
+                        icon={<IconTrendingUp />}
+                        title="Tendances et prévisions"
+                        description="Analysez l'évolution de vos indicateurs clés et anticipez les tendances futures."
+                    />
+                    <FeatureCard
+                        icon={<IconChartPie />}
+                        title="Répartition des charges"
+                        description="Visualisez automatiquement la répartition de vos dépenses par catégorie et par période."
+                    />
+                    <FeatureCard
+                        icon={<IconChartBar />}
+                        title="Comparaisons"
+                        description="Comparez vos résultats avec les périodes précédentes ou avec des moyennes sectorielles."
+                    />
+                </div>
+
+                <Section title="Détection d'anomalies">
+                    <p>
+                        Le système analyse automatiquement vos écritures pour détecter :
+                    </p>
+                    <ul className={css({
+                        margin: 0,
+                        paddingLeft: "1.5rem",
+                        "& li": { marginBottom: "0.25rem" }
+                    })}>
+                        <li><strong>Doublons :</strong> Écritures similaires qui pourraient être des erreurs</li>
+                        <li><strong>Montants inhabituels :</strong> Écritures dont le montant sort de la normale</li>
+                        <li><strong>Écritures déséquilibrées :</strong> Écritures dont le total débit ne correspond pas au total crédit</li>
+                        <li><strong>Comptes non conformes :</strong> Utilisation de comptes inappropriés pour certaines opérations</li>
+                        <li><strong>Dates incohérentes :</strong> Écritures datées en dehors de l'exercice courant</li>
+                    </ul>
+                </Section>
+
+                <Section title="Rapports automatiques">
+                    <p>
+                        L'IA génère automatiquement des rapports d'analyse à intervalles réguliers :
+                    </p>
+                    <ul className={css({
+                        margin: 0,
+                        paddingLeft: "1.5rem",
+                        "& li": { marginBottom: "0.25rem" }
+                    })}>
+                        <li><strong>Rapport hebdomadaire :</strong> Synthèse des écritures de la semaine et anomalies détectées</li>
+                        <li><strong>Rapport mensuel :</strong> Analyse des indicateurs clés et comparaison avec le mois précédent</li>
+                        <li><strong>Rapport de clôture :</strong> Vérifications avant la clôture d'un exercice</li>
+                    </ul>
+                </Section>
+
+                <Section title="Configuration">
+                    <p>
+                        Vous pouvez personnaliser les analyses selon vos besoins :
+                    </p>
+                    <ul className={css({
+                        margin: 0,
+                        paddingLeft: "1.5rem",
+                        "& li": { marginBottom: "0.25rem" }
+                    })}>
+                        <li>Définir des seuils d'alerte personnalisés</li>
+                        <li>Activer ou désactiver certains types de détection</li>
+                        <li>Configurer la fréquence des rapports automatiques</li>
+                        <li>Choisir les destinataires des notifications</li>
+                    </ul>
+                </Section>
+
+                <div className={css({
+                    padding: "1.5rem",
+                    borderRadius: "lg",
+                    backgroundColor: "information/8",
+                    border: "1px solid",
+                    borderColor: "information/20"
+                })}>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/80",
+                        lineHeight: "relaxed",
+                        margin: 0
+                    })}>
+                        <span className={css({ fontWeight: "semibold", color: "neutral" })}>Disponibilité : </span>
+                        Les fonctionnalités d'analyse IA sont disponibles avec le forfait Pro.
+                        Les utilisateurs du forfait gratuit ont accès à un aperçu limité des analyses.
+                    </p>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& strong": {
+                    color: "neutral",
+                    fontWeight: "medium"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
+
+
+function FeatureCard(props: {
+    icon: ReactNode
+    title: string
+    description: string
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                width: "2.5rem",
+                height: "2.5rem",
+                borderRadius: "md",
+                backgroundColor: "primary/10",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: "primary",
+                "& svg": {
+                    width: "1.25rem",
+                    height: "1.25rem"
+                }
+            })}>
+                {props.icon}
+            </div>
+            <h3 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+                margin: 0
+            })}>
+                {props.title}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+                margin: 0
+            })}>
+                {props.description}
+            </p>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/ai/assistant.tsx b/packages/dashboard/src/features/docs/ai/assistant.tsx
new file mode 100644
index 0000000..155a5a2
--- /dev/null
+++ b/packages/dashboard/src/features/docs/ai/assistant.tsx
@@ -0,0 +1,245 @@
+import { Badge } from "@arrhes/ui"
+import {
+    IconBulb,
+    IconFileText,
+    IconMessage,
+    IconSparkles
+} from "@tabler/icons-react"
+import type { ReactNode } from "react"
+import { css } from "../../../utilities/cn.js"
+
+
+export function AiAssistant() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Assistant comptable
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Un assistant IA pour vous aider dans vos tâches comptables quotidiennes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="Présentation">
+                    <p>
+                        L'assistant comptable d'Arrhes utilise l'intelligence artificielle pour vous
+                        accompagner dans la gestion de votre comptabilité. Il comprend le langage naturel
+                        et peut répondre à vos questions, vous suggérer des écritures et vous aider à
+                        résoudre des problèmes courants.
+                    </p>
+                </Section>
+
+                <div className={css({
+                    display: "grid",
+                    gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                    gap: "1rem",
+                })}>
+                    <FeatureCard
+                        icon={<IconMessage />}
+                        title="Questions en langage naturel"
+                        description="Posez vos questions comme vous le feriez à un expert-comptable. L'assistant comprend le contexte et vous répond de manière précise."
+                    />
+                    <FeatureCard
+                        icon={<IconSparkles />}
+                        title="Suggestions d'écritures"
+                        description="L'assistant peut suggérer des écritures comptables basées sur vos descriptions ou vos documents importés."
+                    />
+                    <FeatureCard
+                        icon={<IconBulb />}
+                        title="Aide contextuelle"
+                        description="Obtenez de l'aide adaptée à la page où vous vous trouvez et aux données que vous consultez."
+                    />
+                    <FeatureCard
+                        icon={<IconFileText />}
+                        title="Explication des normes"
+                        description="L'assistant vous explique les règles comptables françaises et vous guide dans leur application."
+                    />
+                </div>
+
+                <Section title="Exemples de questions">
+                    <div className={css({
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "0.5rem",
+                    })}>
+                        <ExampleQuestion>
+                            Comment comptabiliser l'achat d'un ordinateur à 1200 EUR HT ?
+                        </ExampleQuestion>
+                        <ExampleQuestion>
+                            Quelle est la différence entre une charge et une immobilisation ?
+                        </ExampleQuestion>
+                        <ExampleQuestion>
+                            Peux-tu m'expliquer le lettrage des comptes clients ?
+                        </ExampleQuestion>
+                        <ExampleQuestion>
+                            Comment enregistrer une facture avec TVA déductible ?
+                        </ExampleQuestion>
+                        <ExampleQuestion>
+                            Quel compte utiliser pour les frais de déplacement ?
+                        </ExampleQuestion>
+                    </div>
+                </Section>
+
+                <Section title="Limites">
+                    <div className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "warning/8",
+                        border: "1px solid",
+                        borderColor: "warning/20",
+                    })}>
+                        <p className={css({ margin: 0 })}>
+                            <strong>Important :</strong> L'assistant IA est un outil d'aide à la décision.
+                            Il ne remplace pas l'expertise d'un professionnel comptable. Pour les situations
+                            complexes ou les décisions importantes, nous vous recommandons de consulter
+                            un expert-comptable.
+                        </p>
+                    </div>
+                </Section>
+
+                <Section title="Confidentialité">
+                    <p>
+                        Vos échanges avec l'assistant sont confidentiels et ne sont pas utilisés pour
+                        entraîner nos modèles. Les données comptables que vous partagez restent
+                        privées et sécurisées.
+                    </p>
+                </Section>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
+
+
+function FeatureCard(props: {
+    icon: ReactNode
+    title: string
+    description: string
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                width: "2.5rem",
+                height: "2.5rem",
+                borderRadius: "md",
+                backgroundColor: "primary/10",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: "primary",
+                "& svg": {
+                    width: "1.25rem",
+                    height: "1.25rem"
+                }
+            })}>
+                {props.icon}
+            </div>
+            <h3 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+                margin: 0
+            })}>
+                {props.title}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+                margin: 0
+            })}>
+                {props.description}
+            </p>
+        </div>
+    )
+}
+
+
+function ExampleQuestion(props: { children: React.ReactNode }) {
+    return (
+        <div className={css({
+            padding: "0.75rem 1rem",
+            borderRadius: "md",
+            backgroundColor: "neutral/5",
+            fontSize: "sm",
+            color: "neutral",
+            fontStyle: "italic",
+        })}>
+            "{props.children}"
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/aiIndex.tsx b/packages/dashboard/src/features/docs/aiIndex.tsx
new file mode 100644
index 0000000..4fb2ee1
--- /dev/null
+++ b/packages/dashboard/src/features/docs/aiIndex.tsx
@@ -0,0 +1,151 @@
+import { Badge } from "@arrhes/ui"
+import { IconChartBar, IconMessageCircle } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { DocLinkCard } from "../../components/document/docLinkCard.js"
+import { css } from "../../utilities/cn.js"
+
+
+export function AiIndex() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Intelligence Artificielle
+                    </h1>
+                    <Badge>Pro</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    L'assistant IA d'Arrhes vous assiste dans la gestion quotidienne de votre comptabilité.
+                    Disponibles avec le plan Pro.
+                </p>
+            </div>
+
+            {/* Features */}
+            <div className={css({
+                display: "grid",
+                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                gap: "1rem",
+            })}>
+                <DocLinkCard
+                    icon={<IconMessageCircle />}
+                    iconColor="primary"
+                    title="Assistant comptable"
+                    description="Posez vos questions et obtenez des réponses adaptées à votre contexte comptable."
+                    to="/documentation/ai/assistant"
+                />
+                <DocLinkCard
+                    icon={<IconChartBar />}
+                    iconColor="primary"
+                    title="Analyse des données"
+                    description="Obtenez des insights et des recommandations basées sur vos données financières."
+                    to="/documentation/ai/analyse"
+                />
+            </div>
+
+            {/* How it works */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Comment ça fonctionne ?
+                </h2>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/60",
+                    lineHeight: "relaxed",
+                })}>
+                    L'assistant' IA d'Arrhes utilise des modèles de langage avancés pour comprendre
+                    vos questions et analyser vos données comptables. Ils sont entraînés sur les normes
+                    comptables françaises et s'adaptent au contexte de votre organisation.
+                </p>
+                <ul className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                    paddingLeft: "1rem",
+                })}>
+                    <li className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        listStyleType: "disc",
+                    })}>
+                        Vos données restent privées et ne sont jamais utilisées pour l'entraînement
+                    </li>
+                    <li className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        listStyleType: "disc",
+                    })}>
+                        Les réponses sont contextualisées à votre organisation
+                    </li>
+                    <li className={css({
+                        fontSize: "sm",
+                        color: "neutral/70",
+                        listStyleType: "disc",
+                    })}>
+                        L'IA peut suggérer des écritures mais ne les crée jamais automatiquement
+                    </li>
+                </ul>
+            </div>
+
+            {/* Pro plan note */}
+            <div className={css({
+                padding: "1.5rem",
+                borderRadius: "lg",
+                backgroundColor: "primary/5",
+                border: "1px solid",
+                borderColor: "primary/20"
+            })}>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/80",
+                    lineHeight: "relaxed"
+                })}>
+                    <span className={css({ fontWeight: "semibold", color: "neutral" })}>Plan Pro requis : </span>
+                    Les fonctionnalités d'intelligence artificielle sont disponibles exclusivement
+                    avec le plan Pro. {" "}
+                    <Link to="/documentation/tarifs" className={css({
+                        color: "primary",
+                        fontWeight: "medium",
+                        _hover: { textDecoration: "underline" }
+                    })}>
+                        En savoir plus sur les tarifs
+                    </Link>
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/authentification.tsx b/packages/dashboard/src/features/docs/api/authentification.tsx
new file mode 100644
index 0000000..73f89ff
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/authentification.tsx
@@ -0,0 +1,191 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiAuthentification() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Authentification
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Apprenez à générer et utiliser des tokens API pour authentifier vos requêtes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="Génération d'un token API">
+                    <p>
+                        Pour utiliser l'API Arrhes, vous devez d'abord générer un token d'accès depuis
+                        votre tableau de bord :
+                    </p>
+                    <ol>
+                        <li>Connectez-vous à votre compte Arrhes</li>
+                        <li>Accédez aux Paramètres {">"} API</li>
+                        <li>Cliquez sur "Générer un nouveau token"</li>
+                        <li>Copiez et conservez votre token en lieu sûr</li>
+                    </ol>
+                    <div className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "warning/8",
+                        border: "1px solid",
+                        borderColor: "warning/20",
+                        fontSize: "sm",
+                        color: "neutral/80",
+                    })}>
+                        <strong>Important :</strong> Le token n'est affiché qu'une seule fois lors de sa
+                        création. Si vous le perdez, vous devrez en générer un nouveau.
+                    </div>
+                </Section>
+
+                <Section title="Utilisation du token">
+                    <p>
+                        Incluez votre token dans l'en-tête <code>Authorization</code> de chaque requête :
+                    </p>
+                    <CodeBlock>
+{`curl -X GET https://api.arrhes.fr/v1/organisations \\
+  -H "Authorization: Bearer YOUR_API_TOKEN" \\
+  -H "Content-Type: application/json"`}
+                    </CodeBlock>
+                </Section>
+
+                <Section title="Permissions">
+                    <p>
+                        Chaque token est associé à des permissions qui déterminent les actions autorisées :
+                    </p>
+                    <ul>
+                        <li><code>read:organisations</code> - Lecture des organisations</li>
+                        <li><code>write:organisations</code> - Création et modification des organisations</li>
+                        <li><code>read:records</code> - Lecture des écritures comptables</li>
+                        <li><code>write:records</code> - Création et modification des écritures</li>
+                        <li><code>read:reports</code> - Génération des rapports</li>
+                    </ul>
+                </Section>
+
+                <Section title="Révocation d'un token">
+                    <p>
+                        Si votre token est compromis ou n'est plus utilisé, vous pouvez le révoquer :
+                    </p>
+                    <ol>
+                        <li>Accédez aux Paramètres {">"} API</li>
+                        <li>Trouvez le token concerné dans la liste</li>
+                        <li>Cliquez sur "Révoquer"</li>
+                    </ol>
+                    <p>
+                        Le token sera immédiatement invalidé et toutes les requêtes l'utilisant
+                        recevront une erreur 401.
+                    </p>
+                </Section>
+
+                <Section title="Bonnes pratiques">
+                    <ul>
+                        <li>Ne partagez jamais votre token API</li>
+                        <li>Stockez vos tokens dans des variables d'environnement</li>
+                        <li>Utilisez des tokens différents pour chaque application</li>
+                        <li>Révoquez les tokens inutilisés</li>
+                        <li>Limitez les permissions au strict nécessaire</li>
+                    </ul>
+                </Section>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& ul, & ol": {
+                    margin: 0,
+                    paddingLeft: "1.5rem"
+                },
+                "& li": {
+                    marginBottom: "0.25rem"
+                },
+                "& code": {
+                    backgroundColor: "neutral/5",
+                    padding: "0.125rem 0.375rem",
+                    borderRadius: "sm",
+                    fontFamily: "mono",
+                    fontSize: "xs"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
+
+
+function CodeBlock(props: { children: React.ReactNode }) {
+    return (
+        <pre className={css({
+            padding: "1rem",
+            borderRadius: "md",
+            backgroundColor: "neutral/5",
+            fontFamily: "mono",
+            fontSize: "sm",
+            color: "neutral",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-all"
+        })}>
+            <code>{props.children}</code>
+        </pre>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/comptes.tsx b/packages/dashboard/src/features/docs/api/comptes.tsx
new file mode 100644
index 0000000..d2ec42a
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/comptes.tsx
@@ -0,0 +1,313 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiComptes() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Comptes
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Endpoints pour gérer le plan comptable et consulter les soldes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/accounts"
+                    description="Liste tous les comptes du plan comptable."
+                    response={`{
+  "data": [
+    {
+      "code": "101000",
+      "name": "Capital social",
+      "class": 1,
+      "type": "balance",
+      "isCustom": false
+    },
+    {
+      "code": "411000",
+      "name": "Clients",
+      "class": 4,
+      "type": "balance",
+      "isCustom": false
+    },
+    {
+      "code": "411001",
+      "name": "Client - Entreprise X",
+      "class": 4,
+      "type": "balance",
+      "isCustom": true,
+      "parentCode": "411000"
+    }
+  ]
+}`}
+                />
+
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontSize: "sm",
+                    color: "neutral/70",
+                })}>
+                    <strong>Classes de comptes :</strong>
+                    <ul className={css({ marginTop: "0.5rem", marginBottom: 0, paddingLeft: "1.5rem" })}>
+                        <li>Classe 1 - Capitaux</li>
+                        <li>Classe 2 - Immobilisations</li>
+                        <li>Classe 3 - Stocks</li>
+                        <li>Classe 4 - Tiers</li>
+                        <li>Classe 5 - Financiers</li>
+                        <li>Classe 6 - Charges</li>
+                        <li>Classe 7 - Produits</li>
+                    </ul>
+                </div>
+
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/accounts/:code"
+                    description="Récupère les détails d'un compte et son solde."
+                    response={`{
+  "data": {
+    "code": "411000",
+    "name": "Clients",
+    "class": 4,
+    "type": "balance",
+    "balance": {
+      "debit": 25000.00,
+      "credit": 18000.00,
+      "solde": 7000.00,
+      "sens": "debiteur"
+    }
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations/:orgId/accounts"
+                    description="Crée un compte personnalisé (subdivision d'un compte existant)."
+                    request={`{
+  "code": "411002",
+  "name": "Client - Entreprise Y",
+  "parentCode": "411000"
+}`}
+                    response={`{
+  "data": {
+    "code": "411002",
+    "name": "Client - Entreprise Y",
+    "class": 4,
+    "type": "balance",
+    "isCustom": true,
+    "parentCode": "411000"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="PATCH"
+                    path="/v1/organisations/:orgId/accounts/:code"
+                    description="Modifie le libellé d'un compte personnalisé."
+                    request={`{
+  "name": "Client - Entreprise Y (nouveau nom)"
+}`}
+                    response={`{
+  "data": {
+    "code": "411002",
+    "name": "Client - Entreprise Y (nouveau nom)",
+    ...
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/accounts/:code/movements"
+                    description="Liste tous les mouvements d'un compte."
+                    response={`{
+  "data": [
+    {
+      "recordId": "rec_abc123",
+      "date": "2024-06-15",
+      "description": "Facture client",
+      "debit": 1200.00,
+      "credit": 0,
+      "balance": 1200.00
+    },
+    {
+      "recordId": "rec_def456",
+      "date": "2024-06-20",
+      "description": "Règlement client",
+      "debit": 0,
+      "credit": 1200.00,
+      "balance": 0
+    }
+  ],
+  "meta": {
+    "total": 2,
+    "page": 1,
+    "perPage": 50
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="DELETE"
+                    path="/v1/organisations/:orgId/accounts/:code"
+                    description="Supprime un compte personnalisé. Impossible si des écritures sont associées."
+                    response={`{
+  "success": true
+}`}
+                />
+            </div>
+        </div>
+    )
+}
+
+
+function Endpoint(props: {
+    method: "GET" | "POST" | "PATCH" | "DELETE"
+    path: string
+    description: string
+    request?: string
+    response: string
+}) {
+    const methodColors = {
+        GET: { bg: "success/10", color: "success" },
+        POST: { bg: "information/10", color: "information" },
+        PATCH: { bg: "warning/10", color: "warning" },
+        DELETE: { bg: "critical/10", color: "critical" }
+    }
+    const style = methodColors[props.method]
+
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                display: "flex",
+                alignItems: "center",
+                gap: "0.75rem",
+            })}>
+                <span className={css({
+                    padding: "0.25rem 0.5rem",
+                    borderRadius: "sm",
+                    fontSize: "xs",
+                    fontWeight: "bold",
+                    fontFamily: "mono",
+                    backgroundColor: style.bg,
+                    color: style.color,
+                })}>
+                    {props.method}
+                </span>
+                <code className={css({
+                    fontSize: "sm",
+                    fontFamily: "mono",
+                    color: "neutral",
+                })}>
+                    {props.path}
+                </code>
+            </div>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/70",
+                margin: 0,
+            })}>
+                {props.description}
+            </p>
+            {props.request && (
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <span className={css({
+                        fontSize: "xs",
+                        fontWeight: "medium",
+                        color: "neutral/50",
+                        textTransform: "uppercase",
+                    })}>
+                        Requête
+                    </span>
+                    <pre className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "neutral/5",
+                        fontFamily: "mono",
+                        fontSize: "xs",
+                        color: "neutral",
+                        overflowX: "auto",
+                        margin: 0,
+                    })}>
+                        <code>{props.request}</code>
+                    </pre>
+                </div>
+            )}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+            })}>
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "neutral/50",
+                    textTransform: "uppercase",
+                })}>
+                    Réponse
+                </span>
+                <pre className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontFamily: "mono",
+                    fontSize: "xs",
+                    color: "neutral",
+                    overflowX: "auto",
+                    margin: 0,
+                })}>
+                    <code>{props.response}</code>
+                </pre>
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/ecritures.tsx b/packages/dashboard/src/features/docs/api/ecritures.tsx
new file mode 100644
index 0000000..27e4426
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/ecritures.tsx
@@ -0,0 +1,318 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiEcritures() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Écritures
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Endpoints pour créer et gérer les écritures comptables.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/records"
+                    description="Liste les écritures comptables avec pagination et filtres."
+                    response={`{
+  "data": [
+    {
+      "id": "rec_abc123",
+      "date": "2024-06-15",
+      "description": "Achat fournitures",
+      "journal": "ACH",
+      "lines": [
+        {
+          "accountCode": "606100",
+          "label": "Fournitures de bureau",
+          "debit": 100.00,
+          "credit": 0
+        },
+        {
+          "accountCode": "401000",
+          "label": "Fournisseurs",
+          "debit": 0,
+          "credit": 100.00
+        }
+      ],
+      "createdAt": "2024-06-15T10:00:00Z"
+    }
+  ],
+  "meta": {
+    "total": 150,
+    "page": 1,
+    "perPage": 20
+  }
+}`}
+                />
+
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontSize: "sm",
+                    color: "neutral/70",
+                })}>
+                    <strong>Paramètres de requête disponibles :</strong>
+                    <ul className={css({ marginTop: "0.5rem", marginBottom: 0, paddingLeft: "1.5rem" })}>
+                        <li><code>fiscalYearId</code> - Filtrer par exercice</li>
+                        <li><code>journal</code> - Filtrer par journal (ACH, VTE, BQ, OD)</li>
+                        <li><code>dateFrom</code> - Date de début (YYYY-MM-DD)</li>
+                        <li><code>dateTo</code> - Date de fin (YYYY-MM-DD)</li>
+                        <li><code>accountCode</code> - Filtrer par compte</li>
+                        <li><code>page</code> - Numéro de page</li>
+                        <li><code>perPage</code> - Nombre d'éléments par page (max 100)</li>
+                    </ul>
+                </div>
+
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/records/:id"
+                    description="Récupère les détails d'une écriture spécifique."
+                    response={`{
+  "data": {
+    "id": "rec_abc123",
+    "date": "2024-06-15",
+    "description": "Achat fournitures",
+    "journal": "ACH",
+    "piece": "FAC-2024-001",
+    "lines": [
+      {
+        "accountCode": "606100",
+        "accountName": "Fournitures non stockables",
+        "label": "Fournitures de bureau",
+        "debit": 100.00,
+        "credit": 0
+      },
+      {
+        "accountCode": "401000",
+        "accountName": "Fournisseurs",
+        "label": "Fournisseurs",
+        "debit": 0,
+        "credit": 100.00
+      }
+    ],
+    "attachments": [],
+    "createdAt": "2024-06-15T10:00:00Z",
+    "updatedAt": "2024-06-15T10:00:00Z"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations/:orgId/records"
+                    description="Crée une nouvelle écriture comptable. L'écriture doit être équilibrée (total débit = total crédit)."
+                    request={`{
+  "fiscalYearId": "fy_2024",
+  "date": "2024-06-20",
+  "description": "Vente marchandises",
+  "journal": "VTE",
+  "piece": "FAC-2024-042",
+  "lines": [
+    {
+      "accountCode": "411000",
+      "label": "Client X",
+      "debit": 1200.00,
+      "credit": 0
+    },
+    {
+      "accountCode": "707000",
+      "label": "Vente marchandises",
+      "debit": 0,
+      "credit": 1000.00
+    },
+    {
+      "accountCode": "445710",
+      "label": "TVA collectée",
+      "debit": 0,
+      "credit": 200.00
+    }
+  ]
+}`}
+                    response={`{
+  "data": {
+    "id": "rec_xyz789",
+    "date": "2024-06-20",
+    ...
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="PATCH"
+                    path="/v1/organisations/:orgId/records/:id"
+                    description="Modifie une écriture existante. Non disponible si l'exercice est clôturé."
+                    request={`{
+  "description": "Vente marchandises - Client X"
+}`}
+                    response={`{
+  "data": {
+    "id": "rec_xyz789",
+    ...
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="DELETE"
+                    path="/v1/organisations/:orgId/records/:id"
+                    description="Supprime une écriture. Non disponible si l'exercice est clôturé."
+                    response={`{
+  "success": true
+}`}
+                />
+            </div>
+        </div>
+    )
+}
+
+
+function Endpoint(props: {
+    method: "GET" | "POST" | "PATCH" | "DELETE"
+    path: string
+    description: string
+    request?: string
+    response: string
+}) {
+    const methodColors = {
+        GET: { bg: "success/10", color: "success" },
+        POST: { bg: "information/10", color: "information" },
+        PATCH: { bg: "warning/10", color: "warning" },
+        DELETE: { bg: "critical/10", color: "critical" }
+    }
+    const style = methodColors[props.method]
+
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                display: "flex",
+                alignItems: "center",
+                gap: "0.75rem",
+            })}>
+                <span className={css({
+                    padding: "0.25rem 0.5rem",
+                    borderRadius: "sm",
+                    fontSize: "xs",
+                    fontWeight: "bold",
+                    fontFamily: "mono",
+                    backgroundColor: style.bg,
+                    color: style.color,
+                })}>
+                    {props.method}
+                </span>
+                <code className={css({
+                    fontSize: "sm",
+                    fontFamily: "mono",
+                    color: "neutral",
+                })}>
+                    {props.path}
+                </code>
+            </div>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/70",
+                margin: 0,
+            })}>
+                {props.description}
+            </p>
+            {props.request && (
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <span className={css({
+                        fontSize: "xs",
+                        fontWeight: "medium",
+                        color: "neutral/50",
+                        textTransform: "uppercase",
+                    })}>
+                        Requête
+                    </span>
+                    <pre className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "neutral/5",
+                        fontFamily: "mono",
+                        fontSize: "xs",
+                        color: "neutral",
+                        overflowX: "auto",
+                        margin: 0,
+                    })}>
+                        <code>{props.request}</code>
+                    </pre>
+                </div>
+            )}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+            })}>
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "neutral/50",
+                    textTransform: "uppercase",
+                })}>
+                    Réponse
+                </span>
+                <pre className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontFamily: "mono",
+                    fontSize: "xs",
+                    color: "neutral",
+                    overflowX: "auto",
+                    margin: 0,
+                })}>
+                    <code>{props.response}</code>
+                </pre>
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/erreurs.tsx b/packages/dashboard/src/features/docs/api/erreurs.tsx
new file mode 100644
index 0000000..33d2144
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/erreurs.tsx
@@ -0,0 +1,275 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiErreurs() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Gestion des erreurs
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Comprendre les codes d'erreur et gérer les cas d'échec dans vos intégrations.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="Format des erreurs">
+                    <p>
+                        Toutes les erreurs de l'API suivent un format standardisé :
+                    </p>
+                    <CodeBlock>
+{`{
+  "error": {
+    "code": "VALIDATION_ERROR",
+    "message": "Le champ 'amount' est requis",
+    "details": {
+      "field": "amount",
+      "reason": "required"
+    }
+  }
+}`}
+                    </CodeBlock>
+                </Section>
+
+                <Section title="Codes HTTP">
+                    <p>
+                        L'API utilise les codes HTTP standards pour indiquer le statut de la requête :
+                    </p>
+                    <table className={css({
+                        width: "100%",
+                        borderCollapse: "collapse",
+                        "& th, & td": {
+                            padding: "0.75rem",
+                            textAlign: "left",
+                            borderBottom: "1px solid",
+                            borderColor: "neutral/10"
+                        },
+                        "& th": {
+                            fontWeight: "medium",
+                            color: "neutral"
+                        },
+                        "& td": {
+                            color: "neutral/70"
+                        }
+                    })}>
+                        <thead>
+                            <tr>
+                                <th>Code</th>
+                                <th>Signification</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td><code>200</code></td>
+                                <td>Succès</td>
+                            </tr>
+                            <tr>
+                                <td><code>201</code></td>
+                                <td>Ressource créée</td>
+                            </tr>
+                            <tr>
+                                <td><code>400</code></td>
+                                <td>Requête invalide</td>
+                            </tr>
+                            <tr>
+                                <td><code>401</code></td>
+                                <td>Non authentifié</td>
+                            </tr>
+                            <tr>
+                                <td><code>403</code></td>
+                                <td>Accès interdit</td>
+                            </tr>
+                            <tr>
+                                <td><code>404</code></td>
+                                <td>Ressource non trouvée</td>
+                            </tr>
+                            <tr>
+                                <td><code>422</code></td>
+                                <td>Erreur de validation</td>
+                            </tr>
+                            <tr>
+                                <td><code>429</code></td>
+                                <td>Trop de requêtes</td>
+                            </tr>
+                            <tr>
+                                <td><code>500</code></td>
+                                <td>Erreur serveur</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </Section>
+
+                <Section title="Codes d'erreur">
+                    <p>
+                        En plus du code HTTP, chaque erreur contient un code spécifique :
+                    </p>
+                    <ul>
+                        <li><code>VALIDATION_ERROR</code> - Données invalides</li>
+                        <li><code>AUTHENTICATION_ERROR</code> - Token invalide ou expiré</li>
+                        <li><code>AUTHORIZATION_ERROR</code> - Permissions insuffisantes</li>
+                        <li><code>NOT_FOUND</code> - Ressource inexistante</li>
+                        <li><code>CONFLICT</code> - Conflit (ex: doublon)</li>
+                        <li><code>RATE_LIMITED</code> - Limite de requêtes atteinte</li>
+                        <li><code>INTERNAL_ERROR</code> - Erreur interne</li>
+                    </ul>
+                </Section>
+
+                <Section title="Limites de requêtes (Rate Limiting)">
+                    <p>
+                        L'API impose des limites de requêtes pour garantir la stabilité du service :
+                    </p>
+                    <ul>
+                        <li>100 requêtes par minute en lecture</li>
+                        <li>30 requêtes par minute en écriture</li>
+                    </ul>
+                    <p>
+                        Les en-têtes suivants indiquent votre utilisation :
+                    </p>
+                    <ul>
+                        <li><code>X-RateLimit-Limit</code> - Limite totale</li>
+                        <li><code>X-RateLimit-Remaining</code> - Requêtes restantes</li>
+                        <li><code>X-RateLimit-Reset</code> - Timestamp de réinitialisation</li>
+                    </ul>
+                </Section>
+
+                <Section title="Gestion des erreurs côté client">
+                    <p>
+                        Exemple de gestion des erreurs en JavaScript :
+                    </p>
+                    <CodeBlock>
+{`async function fetchOrganisations() {
+  try {
+    const response = await fetch('/v1/organisations', {
+      headers: {
+        'Authorization': \`Bearer \${API_TOKEN}\`
+      }
+    });
+
+    if (!response.ok) {
+      const error = await response.json();
+      
+      switch (error.error.code) {
+        case 'AUTHENTICATION_ERROR':
+          // Rediriger vers la connexion
+          break;
+        case 'RATE_LIMITED':
+          // Attendre et réessayer
+          break;
+        default:
+          // Afficher l'erreur
+          console.error(error.error.message);
+      }
+      return;
+    }
+
+    return await response.json();
+  } catch (e) {
+    // Erreur réseau
+    console.error('Erreur de connexion');
+  }
+}`}
+                    </CodeBlock>
+                </Section>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& ul, & ol": {
+                    margin: 0,
+                    paddingLeft: "1.5rem"
+                },
+                "& li": {
+                    marginBottom: "0.25rem"
+                },
+                "& code": {
+                    backgroundColor: "neutral/5",
+                    padding: "0.125rem 0.375rem",
+                    borderRadius: "sm",
+                    fontFamily: "mono",
+                    fontSize: "xs"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
+
+
+function CodeBlock(props: { children: React.ReactNode }) {
+    return (
+        <pre className={css({
+            padding: "1rem",
+            borderRadius: "md",
+            backgroundColor: "neutral/5",
+            fontFamily: "mono",
+            fontSize: "sm",
+            color: "neutral",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-all"
+        })}>
+            <code>{props.children}</code>
+        </pre>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/exercices.tsx b/packages/dashboard/src/features/docs/api/exercices.tsx
new file mode 100644
index 0000000..a5c33f5
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/exercices.tsx
@@ -0,0 +1,259 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiExercices() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Exercices
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Endpoints pour gérer les exercices comptables.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/fiscal-years"
+                    description="Liste tous les exercices d'une organisation."
+                    response={`{
+  "data": [
+    {
+      "id": "fy_2024",
+      "name": "Exercice 2024",
+      "startDate": "2024-01-01",
+      "endDate": "2024-12-31",
+      "status": "open",
+      "createdAt": "2024-01-01T00:00:00Z"
+    },
+    {
+      "id": "fy_2023",
+      "name": "Exercice 2023",
+      "startDate": "2023-01-01",
+      "endDate": "2023-12-31",
+      "status": "closed",
+      "createdAt": "2023-01-01T00:00:00Z"
+    }
+  ]
+}`}
+                />
+
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:orgId/fiscal-years/:id"
+                    description="Récupère les détails d'un exercice spécifique."
+                    response={`{
+  "data": {
+    "id": "fy_2024",
+    "name": "Exercice 2024",
+    "startDate": "2024-01-01",
+    "endDate": "2024-12-31",
+    "status": "open",
+    "stats": {
+      "recordsCount": 1234,
+      "totalDebit": 150000.00,
+      "totalCredit": 150000.00
+    },
+    "createdAt": "2024-01-01T00:00:00Z"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations/:orgId/fiscal-years"
+                    description="Crée un nouvel exercice comptable."
+                    request={`{
+  "name": "Exercice 2025",
+  "startDate": "2025-01-01",
+  "endDate": "2025-12-31"
+}`}
+                    response={`{
+  "data": {
+    "id": "fy_2025",
+    "name": "Exercice 2025",
+    "startDate": "2025-01-01",
+    "endDate": "2025-12-31",
+    "status": "open",
+    "createdAt": "2025-01-01T10:00:00Z"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations/:orgId/fiscal-years/:id/close"
+                    description="Clôture un exercice. Cette action verrouille toutes les écritures."
+                    response={`{
+  "data": {
+    "id": "fy_2024",
+    "status": "closed",
+    "closedAt": "2025-01-15T10:00:00Z"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations/:orgId/fiscal-years/:id/reopen"
+                    description="Réouvre un exercice clôturé. Nécessite des permissions administrateur."
+                    response={`{
+  "data": {
+    "id": "fy_2024",
+    "status": "open",
+    "reopenedAt": "2025-01-16T10:00:00Z"
+  }
+}`}
+                />
+            </div>
+        </div>
+    )
+}
+
+
+function Endpoint(props: {
+    method: "GET" | "POST" | "PATCH" | "DELETE"
+    path: string
+    description: string
+    request?: string
+    response: string
+}) {
+    const methodColors = {
+        GET: { bg: "success/10", color: "success" },
+        POST: { bg: "information/10", color: "information" },
+        PATCH: { bg: "warning/10", color: "warning" },
+        DELETE: { bg: "critical/10", color: "critical" }
+    }
+    const style = methodColors[props.method]
+
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                display: "flex",
+                alignItems: "center",
+                gap: "0.75rem",
+            })}>
+                <span className={css({
+                    padding: "0.25rem 0.5rem",
+                    borderRadius: "sm",
+                    fontSize: "xs",
+                    fontWeight: "bold",
+                    fontFamily: "mono",
+                    backgroundColor: style.bg,
+                    color: style.color,
+                })}>
+                    {props.method}
+                </span>
+                <code className={css({
+                    fontSize: "sm",
+                    fontFamily: "mono",
+                    color: "neutral",
+                })}>
+                    {props.path}
+                </code>
+            </div>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/70",
+                margin: 0,
+            })}>
+                {props.description}
+            </p>
+            {props.request && (
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <span className={css({
+                        fontSize: "xs",
+                        fontWeight: "medium",
+                        color: "neutral/50",
+                        textTransform: "uppercase",
+                    })}>
+                        Requête
+                    </span>
+                    <pre className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "neutral/5",
+                        fontFamily: "mono",
+                        fontSize: "xs",
+                        color: "neutral",
+                        overflowX: "auto",
+                        margin: 0,
+                    })}>
+                        <code>{props.request}</code>
+                    </pre>
+                </div>
+            )}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+            })}>
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "neutral/50",
+                    textTransform: "uppercase",
+                })}>
+                    Réponse
+                </span>
+                <pre className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontFamily: "mono",
+                    fontSize: "xs",
+                    color: "neutral",
+                    overflowX: "auto",
+                    margin: 0,
+                })}>
+                    <code>{props.response}</code>
+                </pre>
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/api/organisations.tsx b/packages/dashboard/src/features/docs/api/organisations.tsx
new file mode 100644
index 0000000..cd93bd7
--- /dev/null
+++ b/packages/dashboard/src/features/docs/api/organisations.tsx
@@ -0,0 +1,253 @@
+import { Badge } from "@arrhes/ui"
+import { css } from "../../../utilities/cn.js"
+
+
+export function ApiOrganisations() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Organisations
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Endpoints pour gérer les organisations et leurs paramètres.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations"
+                    description="Liste toutes les organisations auxquelles vous avez accès."
+                    response={`{
+  "data": [
+    {
+      "id": "org_abc123",
+      "name": "Mon Entreprise",
+      "siren": "123456789",
+      "createdAt": "2024-01-15T10:00:00Z",
+      "fiscalYearStart": "01-01"
+    }
+  ],
+  "meta": {
+    "total": 1,
+    "page": 1,
+    "perPage": 20
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="GET"
+                    path="/v1/organisations/:id"
+                    description="Récupère les détails d'une organisation spécifique."
+                    response={`{
+  "data": {
+    "id": "org_abc123",
+    "name": "Mon Entreprise",
+    "siren": "123456789",
+    "address": {
+      "street": "1 rue de la Paix",
+      "city": "Paris",
+      "postalCode": "75001",
+      "country": "FR"
+    },
+    "createdAt": "2024-01-15T10:00:00Z",
+    "fiscalYearStart": "01-01"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="POST"
+                    path="/v1/organisations"
+                    description="Crée une nouvelle organisation."
+                    request={`{
+  "name": "Nouvelle Entreprise",
+  "siren": "987654321",
+  "fiscalYearStart": "01-01"
+}`}
+                    response={`{
+  "data": {
+    "id": "org_xyz789",
+    "name": "Nouvelle Entreprise",
+    "siren": "987654321",
+    "createdAt": "2024-06-01T14:30:00Z",
+    "fiscalYearStart": "01-01"
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="PATCH"
+                    path="/v1/organisations/:id"
+                    description="Met à jour une organisation existante."
+                    request={`{
+  "name": "Entreprise Renommée"
+}`}
+                    response={`{
+  "data": {
+    "id": "org_abc123",
+    "name": "Entreprise Renommée",
+    ...
+  }
+}`}
+                />
+
+                <Endpoint
+                    method="DELETE"
+                    path="/v1/organisations/:id"
+                    description="Supprime une organisation. Cette action est irréversible."
+                    response={`{
+  "success": true
+}`}
+                />
+            </div>
+        </div>
+    )
+}
+
+
+function Endpoint(props: {
+    method: "GET" | "POST" | "PATCH" | "DELETE"
+    path: string
+    description: string
+    request?: string
+    response: string
+}) {
+    const methodColors = {
+        GET: { bg: "success/10", color: "success" },
+        POST: { bg: "information/10", color: "information" },
+        PATCH: { bg: "warning/10", color: "warning" },
+        DELETE: { bg: "critical/10", color: "critical" }
+    }
+    const style = methodColors[props.method]
+
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "1.5rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                display: "flex",
+                alignItems: "center",
+                gap: "0.75rem",
+            })}>
+                <span className={css({
+                    padding: "0.25rem 0.5rem",
+                    borderRadius: "sm",
+                    fontSize: "xs",
+                    fontWeight: "bold",
+                    fontFamily: "mono",
+                    backgroundColor: style.bg,
+                    color: style.color,
+                })}>
+                    {props.method}
+                </span>
+                <code className={css({
+                    fontSize: "sm",
+                    fontFamily: "mono",
+                    color: "neutral",
+                })}>
+                    {props.path}
+                </code>
+            </div>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/70",
+                margin: 0,
+            })}>
+                {props.description}
+            </p>
+            {props.request && (
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <span className={css({
+                        fontSize: "xs",
+                        fontWeight: "medium",
+                        color: "neutral/50",
+                        textTransform: "uppercase",
+                    })}>
+                        Requête
+                    </span>
+                    <pre className={css({
+                        padding: "1rem",
+                        borderRadius: "md",
+                        backgroundColor: "neutral/5",
+                        fontFamily: "mono",
+                        fontSize: "xs",
+                        color: "neutral",
+                        overflowX: "auto",
+                        margin: 0,
+                    })}>
+                        <code>{props.request}</code>
+                    </pre>
+                </div>
+            )}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+            })}>
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "neutral/50",
+                    textTransform: "uppercase",
+                })}>
+                    Réponse
+                </span>
+                <pre className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontFamily: "mono",
+                    fontSize: "xs",
+                    color: "neutral",
+                    overflowX: "auto",
+                    margin: 0,
+                })}>
+                    <code>{props.response}</code>
+                </pre>
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/apiIndex.tsx b/packages/dashboard/src/features/docs/apiIndex.tsx
new file mode 100644
index 0000000..422de5b
--- /dev/null
+++ b/packages/dashboard/src/features/docs/apiIndex.tsx
@@ -0,0 +1,206 @@
+import { Badge } from "@arrhes/ui"
+import { IconCode, IconSettings } from "@tabler/icons-react"
+import { css } from "../../utilities/cn.js"
+
+
+export function ApiIndex() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem"
+                })}>
+                    <h1 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        API REST
+                    </h1>
+                    <Badge>En développement</Badge>
+                </div>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    L'API REST d'Arrhes vous permettra d'intégrer vos outils et d'automatiser
+                    vos processus comptables.
+                </p>
+            </div>
+
+            {/* Under development notice */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                gap: "1.5rem",
+                padding: "3rem 2rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+                textAlign: "center",
+            })}>
+                <div className={css({
+                    width: "4rem",
+                    height: "4rem",
+                    borderRadius: "lg",
+                    backgroundColor: "warning/10",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: "warning",
+                    "& svg": {
+                        width: "2rem",
+                        height: "2rem"
+                    }
+                })}>
+                    <IconSettings />
+                </div>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <h2 className={css({
+                        fontSize: "md",
+                        fontWeight: "semibold",
+                        color: "neutral",
+                    })}>
+                        API en cours de développement
+                    </h2>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                        lineHeight: "relaxed",
+                        maxWidth: "28rem",
+                    })}>
+                        Nous travaillons activement sur l'API REST d'Arrhes. Elle vous permettra
+                        de créer des intégrations personnalisées, d'automatiser vos écritures comptables
+                        et de connecter Arrhes à vos autres outils.
+                    </p>
+                </div>
+            </div>
+
+            {/* What to expect */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Fonctionnalités prévues
+                </h2>
+                <ul className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                    margin: 0,
+                    paddingLeft: "1.5rem",
+                    fontSize: "sm",
+                    color: "neutral/70",
+                    lineHeight: "relaxed",
+                    "& li": {
+                        marginBottom: "0.25rem"
+                    }
+                })}>
+                    <li>Gestion des organisations et des exercices comptables</li>
+                    <li>Création et modification d'écritures comptables</li>
+                    <li>Consultation du plan comptable et des soldes</li>
+                    <li>Génération de documents (FEC, grand livre, balance...)</li>
+                    <li>Authentification par token API</li>
+                    <li>Webhooks pour les événements importants</li>
+                </ul>
+            </div>
+
+            {/* Preview code */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                })}>
+                    <IconCode className={css({ width: "1.25rem", height: "1.25rem", color: "neutral/50" })} />
+                    <h2 className={css({
+                        fontSize: "md",
+                        fontWeight: "semibold",
+                        color: "neutral",
+                    })}>
+                        Aperçu
+                    </h2>
+                </div>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/60",
+                    lineHeight: "relaxed",
+                })}>
+                    Voici à quoi ressemblera une requête vers l'API :
+                </p>
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontFamily: "mono",
+                    fontSize: "sm",
+                    color: "neutral",
+                    overflowX: "auto",
+                })}>
+                    <code>
+                        curl -X GET https://api.arrhes.fr/v1/organisations \<br />
+                        {"  "}-H "Authorization: Bearer YOUR_API_TOKEN"
+                    </code>
+                </div>
+            </div>
+
+            {/* Stay informed */}
+            <div className={css({
+                padding: "1.5rem",
+                borderRadius: "lg",
+                backgroundColor: "information/8",
+                border: "1px solid",
+                borderColor: "information/20"
+            })}>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/80",
+                    lineHeight: "relaxed",
+                    margin: 0
+                })}>
+                    <span className={css({ fontWeight: "semibold", color: "neutral" })}>Restez informé : </span>
+                    Cette documentation sera mise à jour au fur et à mesure du développement de l'API.
+                    Revenez régulièrement pour découvrir les nouvelles fonctionnalités disponibles.
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/components/sectionTab.tsx b/packages/dashboard/src/features/docs/components/sectionTab.tsx
new file mode 100644
index 0000000..7cef17c
--- /dev/null
+++ b/packages/dashboard/src/features/docs/components/sectionTab.tsx
@@ -0,0 +1,62 @@
+import { Link } from "@tanstack/react-router"
+import type { ReactNode } from "react"
+import { css, cx } from "../../../utilities/cn.js"
+
+
+export interface DocSection {
+    id: string
+    label: string
+    path: string
+    icon: ReactNode
+    navigation: Record<string, {
+        title: string
+        icon: ReactNode
+        items: { path: string; label: string }[]
+    }>
+}
+
+
+export function SectionTab(props: {
+    section: DocSection
+    isActive: boolean
+}) {
+    return (
+        <Link
+            to={props.section.path}
+            className={cx(
+                css({
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.375rem",
+                    paddingX: "0.75rem",
+                    paddingY: "0.5rem",
+                    borderRadius: "md",
+                    fontSize: "sm",
+                    fontWeight: "medium",
+                    transition: "all 0.15s",
+                    whiteSpace: "nowrap",
+                    "& svg": {
+                        width: "1rem",
+                        height: "1rem"
+                    }
+                }),
+                css(props.isActive
+                    ? {
+                        backgroundColor: "primary/10",
+                        color: "primary",
+                    }
+                    : {
+                        color: "neutral/60",
+                        _hover: {
+                            backgroundColor: "neutral/5",
+                            color: "neutral"
+                        }
+                    }
+                )
+            )}
+        >
+            {props.section.icon}
+            {props.section.label}
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx b/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
new file mode 100644
index 0000000..a4592bd
--- /dev/null
+++ b/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
@@ -0,0 +1,87 @@
+import { Link } from "@tanstack/react-router"
+import type { ReactNode } from "react"
+import { css, cx } from "../../../utilities/cn.js"
+
+
+export interface NavigationSection {
+    title: string
+    icon: ReactNode
+    items: { path: string; label: string }[]
+}
+
+
+export function SidebarNavigation(props: {
+    navigation: Record<string, NavigationSection>
+    pathname: string
+    onItemClick: () => void
+}) {
+    return (
+        <nav className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.5rem",
+            padding: "1rem",
+            paddingLeft: 0,
+        })}>
+            {Object.entries(props.navigation).map(([key, section]) => (
+                <div key={key} className={css({ marginBottom: "0.5rem" })}>
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                        padding: "0.5rem",
+                        fontSize: "xs",
+                        fontWeight: "semibold",
+                        color: "neutral/40",
+                        textTransform: "uppercase",
+                        letterSpacing: "wider"
+                    })}>
+                        {section.icon}
+                        {section.title}
+                    </div>
+                    <div className={css({
+                        marginTop: "0.25rem",
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "0.25rem"
+                    })}>
+                        {section.items.map((item) => (
+                            <Link
+                                key={item.path}
+                                to={item.path}
+                                onClick={props.onItemClick}
+                                className={cx(
+                                    css({
+                                        paddingX: "0.75rem",
+                                        paddingY: "0.5rem",
+                                        borderRadius: "md",
+                                        fontSize: "sm",
+                                        transition: "all 0.15s",
+                                    }),
+                                    css(props.pathname === item.path
+                                        ? {
+                                            backgroundColor: "primary/8",
+                                            color: "primary",
+                                            fontWeight: "medium",
+                                            borderColor: "primary"
+                                        }
+                                        : {
+                                            color: "neutral",
+                                            _hover: {
+                                                backgroundColor: "neutral/5",
+                                                color: "neutral",
+                                                borderColor: "neutral/20"
+                                            }
+                                        }
+                                    )
+                                )}
+                            >
+                                {item.label}
+                            </Link>
+                        ))}
+                    </div>
+                </div>
+            ))}
+        </nav>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/comptabilite/comptes.tsx b/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
index 2872e98..940142a 100644
--- a/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
+++ b/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
@@ -1,28 +1,37 @@
-import { DocDefinition } from "../../../components/document/docDefinition.tsx"
-import { DocExample } from "../../../components/document/docExample.tsx"
-import { DocLink } from "../../../components/document/docLink.tsx"
-import { DocNextPage } from "../../../components/document/docNextPage.tsx"
-import { DocParagraph } from "../../../components/document/docParagraph.tsx"
-import { DocSection } from "../../../components/document/docSection.tsx"
-import { DocTable } from "../../../components/document/docTable.tsx"
+import { DocDefinition } from "../../../components/document/docDefinition.js"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTable } from "../../../components/document/docTable.js"
+import { DocTip } from "../../../components/document/docTip.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export function ComptabiliteComptes() {
     return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Les comptes comptables</h1>
-            <p className="text-neutral/50 mb-8">Comprendre l'organisation du plan comptable</p>
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            <DocHeader
+                title="Les comptes comptables"
+                description="Comprendre l'organisation du plan comptable"
+            />
 
             <DocSection title="Qu'est-ce qu'un compte ?">
                 <DocParagraph>
-                    Un compte est une categorie qui regroupe des operations de meme nature.
-                    Chaque compte possede un numero et un intitule qui permettent de l'identifier.
-                    Par exemple, le compte 512 - Banque regroupe toutes les operations
+                    Un compte est une catégorie qui regroupe des opérations de même nature.
+                    Chaque compte possède un numéro et un intitulé qui permettent de l'identifier.
+                    Par exemple, le compte 512 - Banque regroupe toutes les opérations
                     transitant par votre compte bancaire.
                 </DocParagraph>
                 <DocParagraph>
-                    En France, les comptes sont organises selon le Plan Comptable General (PCG),
-                    qui definit une structure commune a toutes les organisations.
+                    En France, les comptes sont organisés selon le Plan Comptable Général (PCG),
+                    qui définit une structure commune à toutes les organisations.
                 </DocParagraph>
             </DocSection>
 
@@ -34,122 +43,122 @@ export function ComptabiliteComptes() {
                 </DocParagraph>
 
                 <DocDefinition
-                    term="Comptes d'operations"
-                    definition="Ces comptes enregistrent les operations economiques du point de vue de l'entreprise : achats, ventes, charges, produits. Ils decrivent ce que fait l'entreprise."
+                    term="Comptes d'opérations"
+                    definition="Ces comptes enregistrent les opérations économiques du point de vue de l'entreprise : achats, ventes, charges, produits. Ils décrivent ce que fait l'entreprise."
                 />
                 <DocDefinition
                     term="Comptes d'agents"
-                    definition="Ces comptes enregistrent les relations avec les tiers du point de vue de ces tiers : clients, fournisseurs, banque, caisse, Etat. Ils decrivent qui doit quoi a qui."
+                    definition="Ces comptes enregistrent les relations avec les tiers du point de vue de ces tiers : clients, fournisseurs, banque, caisse, État. Ils décrivent qui doit quoi à qui."
                 />
 
                 <DocExample title="Point de vue des comptes d'agents">
                     <p>Le compte Clients est tenu du point de vue des clients :</p>
-                    <ul className="mt-2 ml-4 text-sm">
-                        <li>Quand un client vous doit de l'argent - le compte est <strong>debite</strong> (sa dette augmente)</li>
-                        <li>Quand il vous paye - le compte est <strong>credite</strong> (sa dette diminue)</li>
+                    <ul className={css({ marginTop: "2", ml: "4", fontSize: "sm", spaceY: "1" })}>
+                        <li>Quand un client vous doit de l'argent - le compte est <strong>débité</strong> (sa dette augmente)</li>
+                        <li>Quand il vous paye - le compte est <strong>crédité</strong> (sa dette diminue)</li>
                     </ul>
-                    <p className="mt-2">Le compte Fournisseurs est tenu du point de vue des fournisseurs :</p>
-                    <ul className="mt-2 ml-4 text-sm">
-                        <li>Quand vous leur devez de l'argent - le compte est <strong>credite</strong> (leur creance augmente)</li>
-                        <li>Quand vous les payez - le compte est <strong>debite</strong> (leur creance diminue)</li>
+                    <p className={css({ marginTop: "3" })}>Le compte Fournisseurs est tenu du point de vue des fournisseurs :</p>
+                    <ul className={css({ marginTop: "2", ml: "4", fontSize: "sm", spaceY: "1" })}>
+                        <li>Quand vous leur devez de l'argent - le compte est <strong>crédité</strong> (leur créance augmente)</li>
+                        <li>Quand vous les payez - le compte est <strong>débité</strong> (leur créance diminue)</li>
                     </ul>
                 </DocExample>
 
                 <DocParagraph>
                     Cette distinction explique pourquoi les comptes d'actif (Banque, Caisse, Clients)
-                    augmentent au debit, tandis que les comptes de passif (Fournisseurs, Capital)
-                    augmentent au credit : on adopte toujours le point de vue de l'agent concerne.
+                    augmentent au débit, tandis que les comptes de passif (Fournisseurs, Capital)
+                    augmentent au crédit : on adopte toujours le point de vue de l'agent concerné.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Les classes de comptes">
                 <DocParagraph>
-                    Les comptes sont regroupes en 7 classes principales, numerotees de 1 a 7.
-                    Le premier chiffre du numero de compte indique sa classe.
+                    Les comptes sont regroupés en 7 classes principales, numérotées de 1 à 7.
+                    Le premier chiffre du numéro de compte indique sa classe.
                 </DocParagraph>
 
                 <DocTable
-                    headers={["Classe", "Intitule", "Type"]}
+                    headers={["Classe", "Intitulé", "Type"]}
                     rows={[
                         ["1", "Comptes de capitaux", "Bilan (passif)"],
                         ["2", "Comptes d'immobilisations", "Bilan (actif)"],
                         ["3", "Comptes de stocks", "Bilan (actif)"],
                         ["4", "Comptes de tiers", "Bilan (actif ou passif)"],
                         ["5", "Comptes financiers", "Bilan (actif)"],
-                        ["6", "Comptes de charges", "Resultat"],
-                        ["7", "Comptes de produits", "Resultat"],
+                        ["6", "Comptes de charges", "Résultat"],
+                        ["7", "Comptes de produits", "Résultat"],
                     ]}
                 />
 
                 <DocParagraph>
-                    Les classes 1 a 5 concernent le <strong>bilan</strong> (ce que vous possedez et ce que vous devez).
-                    Les classes 6 et 7 concernent le <strong>compte de resultat</strong> (ce que vous depensez et ce que vous gagnez).
+                    Les classes 1 à 5 concernent le <strong>bilan</strong> (ce que vous possédez et ce que vous devez).
+                    Les classes 6 et 7 concernent le <strong>compte de résultat</strong> (ce que vous dépensez et ce que vous gagnez).
                 </DocParagraph>
             </DocSection>
 
-            <DocSection title="Les comptes de bilan (classes 1 a 5)">
+            <DocSection title="Les comptes de bilan (classes 1 à 5)">
                 <DocDefinition
                     term="Classe 1 - Capitaux"
-                    definition="Capital social, reserves, resultat de l'exercice, emprunts a long terme. Ce sont les ressources durables de l'organisation. Le capital est assimile a une dette envers les proprietaires."
+                    definition="Capital social, réserves, résultat de l'exercice, emprunts à long terme. Ce sont les ressources durables de l'organisation. Le capital est assimilé à une dette envers les propriétaires."
                 />
                 <DocDefinition
                     term="Classe 2 - Immobilisations"
-                    definition="Biens destines a rester durablement dans l'organisation : terrains, batiments, materiel, vehicules, logiciels..."
+                    definition="Biens destinés à rester durablement dans l'organisation : terrains, bâtiments, matériel, véhicules, logiciels..."
                 />
                 <DocDefinition
                     term="Classe 3 - Stocks"
-                    definition="Marchandises, matieres premieres, produits finis en attente de vente ou d'utilisation."
+                    definition="Marchandises, matières premières, produits finis en attente de vente ou d'utilisation."
                 />
                 <DocDefinition
                     term="Classe 4 - Tiers"
-                    definition="Ce que l'on vous doit (clients, avances versees) et ce que vous devez (fournisseurs, dettes sociales et fiscales, TVA)."
+                    definition="Ce que l'on vous doit (clients, avances versées) et ce que vous devez (fournisseurs, dettes sociales et fiscales, TVA)."
                 />
                 <DocDefinition
                     term="Classe 5 - Financiers"
-                    definition="Comptes bancaires, caisse, placements a court terme. Ces comptes sont tenus du point de vue de la banque ou de la caisse."
+                    definition="Comptes bancaires, caisse, placements à court terme. Ces comptes sont tenus du point de vue de la banque ou de la caisse."
                 />
 
                 <DocExample title="Comptes de la classe 5">
                     <p>Voici quelques comptes financiers courants :</p>
-                    <ul className="mt-2 ml-4">
+                    <ul className={css({ marginTop: "2", ml: "4", spaceY: "1" })}>
                         <li>512 - Banque (compte courant)</li>
                         <li>530 - Caisse (especes)</li>
                         <li>531 - Caisse centrale</li>
                     </ul>
-                    <p className="mt-2 text-sm text-neutral/70">
+                    <p className={css({ marginTop: "3", fontSize: "sm", color: "neutral/60" })}>
                         Le compte Banque est tenu du point de vue de la banque : quand elle vous doit
-                        de l'argent (votre solde est positif), le compte est debiteur.
+                        de l'argent (votre solde est positif), le compte est débiteur.
                     </p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Les comptes de gestion (classes 6 et 7)">
                 <DocParagraph>
-                    Les comptes de gestion sont des <strong>comptes d'operations</strong> : ils enregistrent
-                    les flux economiques du point de vue de l'entreprise.
+                    Les comptes de gestion sont des <strong>comptes d'opérations</strong> : ils enregistrent
+                    les flux économiques du point de vue de l'entreprise.
                 </DocParagraph>
 
                 <DocDefinition
                     term="Classe 6 - Charges"
-                    definition="Toutes les depenses : achats, services exterieurs, impots, salaires, charges financieres... Une charge est debitee car elle represente un emploi de ressources."
+                    definition="Toutes les dépenses : achats, services extérieurs, impôts, salaires, charges financières... Une charge est débitée car elle représente un emploi de ressources."
                 />
                 <DocDefinition
                     term="Classe 7 - Produits"
-                    definition="Toutes les recettes : ventes, prestations de services, subventions, produits financiers... Un produit est credite car il represente une ressource."
+                    definition="Toutes les recettes : ventes, prestations de services, subventions, produits financiers... Un produit est crédité car il représente une ressource."
                 />
 
                 <DocExample title="Comptes courants de charges">
-                    <ul className="ml-4">
-                        <li>601 - Achats de matieres premieres</li>
-                        <li>606 - Achats non stockes (fournitures)</li>
+                    <ul className={css({ ml: "4", spaceY: "1" })}>
+                        <li>601 - Achats de matières premières</li>
+                        <li>606 - Achats non stockés (fournitures)</li>
                         <li>613 - Locations</li>
-                        <li>626 - Frais postaux et telecommunications</li>
-                        <li>641 - Remunerations du personnel</li>
+                        <li>626 - Frais postaux et télécommunications</li>
+                        <li>641 - Rémunérations du personnel</li>
                     </ul>
                 </DocExample>
 
                 <DocExample title="Comptes courants de produits">
-                    <ul className="ml-4">
+                    <ul className={css({ ml: "4", spaceY: "1" })}>
                         <li>701 - Ventes de produits finis</li>
                         <li>706 - Prestations de services</li>
                         <li>740 - Subventions d'exploitation</li>
@@ -158,87 +167,92 @@ export function ComptabiliteComptes() {
                 </DocExample>
             </DocSection>
 
-            <DocSection title="Le compte Etat et la TVA">
+            <DocSection title="Le compte État et la TVA">
                 <DocParagraph>
-                    L'Etat est traite comme un agent particulier avec plusieurs comptes dans la classe 4.
+                    L'État est traité comme un agent particulier avec plusieurs comptes dans la classe 4.
                     Pour la TVA, on distingue deux comptes principaux :
                 </DocParagraph>
 
                 <DocDefinition
-                    term="4456 - TVA deductible"
-                    definition="TVA payee sur les achats. L'Etat vous doit cette somme (ou vous pouvez la deduire de la TVA collectee). Le compte est debite quand la TVA deductible augmente."
+                    term="4456 - TVA déductible"
+                    definition="TVA payée sur les achats. L'État vous doit cette somme (ou vous pouvez la déduire de la TVA collectée). Le compte est débité quand la TVA déductible augmente."
                 />
                 <DocDefinition
-                    term="4457 - TVA collectee"
-                    definition="TVA facturee sur les ventes. Vous devez cette somme a l'Etat. Le compte est credite quand la TVA collectee augmente."
+                    term="4457 - TVA collectée"
+                    definition="TVA facturée sur les ventes. Vous devez cette somme à l'État. Le compte est crédité quand la TVA collectée augmente."
                 />
 
-                <DocExample title="Mecanisme de la TVA">
-                    <p>A la fin de la periode :</p>
-                    <ul className="mt-2 ml-4 text-sm">
-                        <li>Si TVA collectee &gt; TVA deductible - vous devez la difference a l'Etat</li>
-                        <li>Si TVA collectee &lt; TVA deductible - l'Etat vous doit la difference (credit de TVA)</li>
+                <DocExample title="Mécanisme de la TVA">
+                    <p>À la fin de la période :</p>
+                    <ul className={css({ marginTop: "2", ml: "4", fontSize: "sm", spaceY: "1" })}>
+                        <li>Si TVA collectée &gt; TVA déductible - vous devez la différence à l'État</li>
+                        <li>Si TVA collectée &lt; TVA déductible - l'État vous doit la différence (crédit de TVA)</li>
                     </ul>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Comment fonctionne un compte ?">
                 <DocParagraph>
-                    Selon le type de compte, les mouvements au debit et au credit ont des significations differentes :
+                    Selon le type de compte, les mouvements au débit et au crédit ont des significations différentes :
                 </DocParagraph>
 
                 <DocTable
-                    headers={["Type de compte", "Debit (+)", "Credit (-)"]}
+                    headers={["Type de compte", "Débit (+)", "Crédit (-)"]}
                     rows={[
                         ["Actif (ce que vous avez)", "Augmentation", "Diminution"],
                         ["Passif (ce que vous devez)", "Diminution", "Augmentation"],
-                        ["Charges (depenses)", "Augmentation", "Diminution"],
+                        ["Charges (dépenses)", "Augmentation", "Diminution"],
                         ["Produits (recettes)", "Diminution", "Augmentation"],
                     ]}
                 />
 
                 <DocExample title="Fonctionnement concret">
                     <p>Quand vous recevez de l'argent sur votre compte bancaire :</p>
-                    <p className="mt-2">- Le compte 512 (Banque) est un compte d'actif</p>
-                    <p>- Une augmentation se traduit par un <strong>debit</strong></p>
-                    <p className="mt-2">Quand vous payez une facture depuis ce compte :</p>
-                    <p className="mt-2">- Une diminution se traduit par un <strong>credit</strong></p>
+                    <p className={css({ marginTop: "2" })}>- Le compte 512 (Banque) est un compte d'actif</p>
+                    <p>- Une augmentation se traduit par un <strong>débit</strong></p>
+                    <p className={css({ marginTop: "3" })}>Quand vous payez une facture depuis ce compte :</p>
+                    <p className={css({ marginTop: "2" })}>- Une diminution se traduit par un <strong>crédit</strong></p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Le journal et la balance">
                 <DocParagraph>
-                    Pour controler la comptabilite, deux documents sont essentiels :
+                    Pour contrôler la comptabilité, deux documents sont essentiels :
                 </DocParagraph>
 
                 <DocDefinition
                     term="Le journal"
-                    definition="Enregistrement chronologique de toutes les ecritures. Il permet de retracer l'historique des operations et constitue une preuve juridique."
+                    definition="Enregistrement chronologique de toutes les écritures. Il permet de retracer l'historique des opérations et constitue une preuve juridique."
                 />
                 <DocDefinition
                     term="La balance"
-                    definition="Liste de tous les comptes avec leurs totaux debit, credit et solde. Elle permet de verifier l'equilibre global : le total des debits doit egaler le total des credits."
+                    definition="Liste de tous les comptes avec leurs totaux débit, crédit et solde. Elle permet de vérifier l'équilibre global : le total des débits doit égaler le total des crédits."
                 />
 
                 <DocParagraph>
-                    La balance est un outil de controle indispensable : si elle n'est pas equilibree,
-                    c'est qu'une erreur s'est glissee dans les ecritures.
+                    La balance est un outil de contrôle indispensable : si elle n'est pas équilibrée,
+                    c'est qu'une erreur s'est glissée dans les écritures.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
                     Dans Arrhes, vous pouvez{" "}
-                    <DocLink to="/docs/guide/organisations">configurer votre plan comptable</DocLink>{" "}
+                    <DocLink to="/documentation/dashboard/organisations">configurer votre plan comptable</DocLink>{" "}
                     selon les besoins de votre organisation. Le logiciel propose un plan comptable
-                    par defaut adapte aux entreprises et aux associations francaises, que vous pouvez
+                    par défaut adapté aux entreprises et aux associations françaises, que vous pouvez
                     personnaliser.
                 </DocParagraph>
             </DocSection>
 
+            <DocTip variant="tip">
+                Retenez que le premier chiffre d'un compte indique toujours sa classe.
+                Avec un peu de pratique, vous reconnaîtrez rapidement les comptes courants.
+            </DocTip>
+
             <DocNextPage
-                to="/docs/comptabilite/ecritures"
-                label="Les ecritures comptables"
+                to="/documentation/comptabilite/ecritures"
+                label="Les écritures comptables"
             />
         </div>
     )
diff --git a/packages/dashboard/src/features/docs/comptabilite/documents.tsx b/packages/dashboard/src/features/docs/comptabilite/documents.tsx
index 5234368..733e2ab 100644
--- a/packages/dashboard/src/features/docs/comptabilite/documents.tsx
+++ b/packages/dashboard/src/features/docs/comptabilite/documents.tsx
@@ -1,199 +1,225 @@
-import { DocDefinition } from "../../../components/document/docDefinition.tsx";
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-import { DocTable } from "../../../components/document/docTable.tsx";
+import { DocDefinition } from "../../../components/document/docDefinition.js"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTable } from "../../../components/document/docTable.js"
+import { DocTip } from "../../../components/document/docTip.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export function ComptabiliteDocuments() {
     return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Les documents comptables</h1>
-            <p className="text-neutral/50 mb-8">Les etats de synthese et leur signification</p>
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            <DocHeader
+                title="Les documents comptables"
+                description="Les états de synthèse et leur signification"
+            />
 
-            <DocSection title="Les documents de synthese">
+            <DocSection title="Les documents de synthèse">
                 <DocParagraph>
-                    A la fin de chaque exercice comptable, les ecritures sont agregees pour produire
-                    des documents de synthese. Ces documents offrent une vision globale de la situation
-                    financiere et des performances de l'organisation.
+                    À la fin de chaque exercice comptable, les écritures sont agrégées pour produire
+                    des documents de synthèse. Ces documents offrent une vision globale de la situation
+                    financière et des performances de l'organisation.
                 </DocParagraph>
                 <DocParagraph>
                     Les deux documents principaux sont le <strong>bilan</strong> et le{" "}
-                    <strong>compte de resultat</strong>. Ils sont complementaires et se lisent ensemble.
+                    <strong>compte de résultat</strong>. Ils sont complémentaires et se lisent ensemble.
                 </DocParagraph>
             </DocSection>
 
-            <DocSection title="Le calcul du benefice">
+            <DocSection title="Le calcul du bénéfice">
                 <DocParagraph>
-                    Le benefice (ou la perte) d'une entreprise peut etre calcule de deux manieres
-                    equivalentes, ce qui constitue un controle fondamental de la comptabilite :
+                    Le bénéfice (ou la perte) d'une entreprise peut être calculé de deux manières
+                    équivalentes, ce qui constitue un contrôle fondamental de la comptabilité :
                 </DocParagraph>
 
                 <DocDefinition
                     term="Par le patrimoine"
-                    definition="Benefice = Patrimoine a la fin - Patrimoine au debut. Si l'entreprise possede plus a la fin qu'au debut, elle s'est enrichie."
+                    definition="Bénéfice = Patrimoine à la fin - Patrimoine au début. Si l'entreprise possède plus à la fin qu'au début, elle s'est enrichie."
                 />
                 <DocDefinition
-                    term="Par les operations"
-                    definition="Benefice = Produits - Charges. La somme de ce qu'on a gagne moins la somme de ce qu'on a depense."
+                    term="Par les opérations"
+                    definition="Bénéfice = Produits - Charges. La somme de ce qu'on a gagné moins la somme de ce qu'on a dépensé."
                 />
 
                 <DocParagraph>
-                    Ces deux calculs doivent donner le meme resultat. C'est la coherence entre
-                    le bilan (patrimoine) et le compte de resultat (operations) qui garantit
-                    l'exactitude de la comptabilite.
+                    Ces deux calculs doivent donner le même résultat. C'est la cohérence entre
+                    le bilan (patrimoine) et le compte de résultat (opérations) qui garantit
+                    l'exactitude de la comptabilité.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Le bilan">
                 <DocDefinition
                     term="Bilan"
-                    definition="Photographie du patrimoine de l'organisation a une date donnee. Il montre ce que l'organisation possede (actif) et comment elle l'a finance (passif)."
+                    definition="Photographie du patrimoine de l'organisation à une date donnée. Il montre ce que l'organisation possède (actif) et comment elle l'a financé (passif)."
                 />
 
                 <DocParagraph>
-                    Le bilan est construit a partir des <strong>soldes des comptes d'agents</strong> :
+                    Le bilan est construit à partir des <strong>soldes des comptes d'agents</strong> :
                 </DocParagraph>
                 <DocList items={[
-                    "Les soldes debiteurs forment l'actif (ce que les agents nous doivent : banque, clients...)",
-                    "Les soldes crediteurs forment le passif (ce que nous devons aux agents : fournisseurs, Etat, proprietaires...)"
+                    "Les soldes débiteurs forment l'actif (ce que les agents nous doivent : banque, clients...)",
+                    "Les soldes créditeurs forment le passif (ce que nous devons aux agents : fournisseurs, État, propriétaires...)"
                 ]} />
 
                 <DocTable
-                    headers={["ACTIF (ce que l'on a)", "PASSIF (comment c'est finance)"]}
+                    headers={["ACTIF (ce que l'on a)", "PASSIF (comment c'est financé)"]}
                     rows={[
-                        ["Actif immobilise (biens durables)", "Capitaux propres (apports, reserves, resultat)"],
-                        ["Actif circulant (stocks, creances)", "Dettes (emprunts, fournisseurs)"],
-                        ["Tresorerie (banque, caisse)", ""],
+                        ["Actif immobilisé (biens durables)", "Capitaux propres (apports, réserves, résultat)"],
+                        ["Actif circulant (stocks, créances)", "Dettes (emprunts, fournisseurs)"],
+                        ["Trésorerie (banque, caisse)", ""],
                     ]}
                 />
 
                 <DocParagraph>
-                    L'equation fondamentale du bilan est : <strong>Actif = Passif + Resultat</strong>.
-                    Le resultat vient equilibrer le bilan : un benefice augmente le passif (les capitaux propres),
+                    L'équation fondamentale du bilan est : <strong>Actif = Passif + Résultat</strong>.
+                    Le résultat vient équilibrer le bilan : un bénéfice augmente le passif (les capitaux propres),
                     une perte le diminue.
                 </DocParagraph>
 
-                <DocExample title="Lecture simplifiee d'un bilan">
-                    <p>Une association presente le bilan suivant :</p>
-                    <div className="grid grid-cols-2 gap-4 mt-2">
+                <DocExample title="Lecture simplifiée d'un bilan">
+                    <p className={css({ fontSize: "sm" })}>Une association présente le bilan suivant :</p>
+                    <div className={css({
+                        display: "grid",
+                        gridTemplateColumns: { base: "1fr", sm: "1fr 1fr" },
+                        gap: "4",
+                        marginTop: "3"
+                    })}>
                         <div>
-                            <p className="font-medium">ACTIF</p>
-                            <ul className="text-xs mt-1">
-                                <li>Materiel informatique : 2 000</li>
+                            <p className={css({ fontWeight: "medium", mb: "1" })}>ACTIF</p>
+                            <ul className={css({ fontSize: "xs", color: "neutral/70" })}>
+                                <li>Matériel informatique : 2 000</li>
                                 <li>Banque : 5 000</li>
-                                <li><strong>Total : 7 000</strong></li>
+                                <li className={css({ fontWeight: "semibold", marginTop: "1" })}>Total : 7 000</li>
                             </ul>
                         </div>
                         <div>
-                            <p className="font-medium">PASSIF</p>
-                            <ul className="text-xs mt-1">
+                            <p className={css({ fontWeight: "medium", mb: "1" })}>PASSIF</p>
+                            <ul className={css({ fontSize: "xs", color: "neutral/70" })}>
                                 <li>Fonds associatifs : 6 000</li>
                                 <li>Dettes fournisseurs : 1 000</li>
-                                <li><strong>Total : 7 000</strong></li>
+                                <li className={css({ fontWeight: "semibold", marginTop: "1" })}>Total : 7 000</li>
                             </ul>
                         </div>
                     </div>
-                    <p className="mt-2 text-xs">L'association possede 7 000 euros de biens, finances par ses fonds propres et une dette.</p>
+                    <p className={css({ marginTop: "3", fontSize: "xs", color: "neutral/60" })}>
+                        L'association possède 7 000 euros de biens, financés par ses fonds propres et une dette.
+                    </p>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="Le compte de resultat">
+            <DocSection title="Le compte de résultat">
                 <DocDefinition
-                    term="Compte de resultat"
-                    definition="Film de l'activite sur une periode. Il compare les produits (ce qu'on gagne) aux charges (ce qu'on depense) pour determiner le resultat (benefice ou perte)."
+                    term="Compte de résultat"
+                    definition="Film de l'activité sur une période. Il compare les produits (ce qu'on gagne) aux charges (ce qu'on dépense) pour déterminer le résultat (bénéfice ou perte)."
                 />
 
                 <DocParagraph>
-                    Le compte de resultat est construit a partir des <strong>comptes d'operations</strong> (classes 6 et 7).
-                    Il repond a la question : l'entreprise a-t-elle gagne ou perdu de l'argent sur la periode ?
+                    Le compte de résultat est construit à partir des <strong>comptes d'opérations</strong> (classes 6 et 7).
+                    Il répond à la question : l'entreprise a-t-elle gagné ou perdu de l'argent sur la période ?
                 </DocParagraph>
 
                 <DocList items={[
-                    "Produits - Charges = Resultat",
-                    "Si Produits > Charges : benefice (ou excedent pour une association)",
-                    "Si Produits < Charges : perte (ou deficit)"
+                    "Produits - Charges = Résultat",
+                    "Si Produits > Charges : bénéfice (ou excédent pour une association)",
+                    "Si Produits < Charges : perte (ou déficit)"
                 ]} />
 
-                <DocExample title="Compte de resultat simplifie">
-                    <div className="grid grid-cols-2 gap-4">
+                <DocExample title="Compte de résultat simplifié">
+                    <div className={css({
+                        display: "grid",
+                        gridTemplateColumns: { base: "1fr", sm: "1fr 1fr" },
+                        gap: "4"
+                    })}>
                         <div>
-                            <p className="font-medium">CHARGES</p>
-                            <ul className="text-xs mt-1">
+                            <p className={css({ fontWeight: "medium", mb: "1" })}>CHARGES</p>
+                            <ul className={css({ fontSize: "xs", color: "neutral/70" })}>
                                 <li>Achats : 3 000</li>
                                 <li>Loyer : 6 000</li>
                                 <li>Salaires : 20 000</li>
-                                <li><strong>Total : 29 000</strong></li>
+                                <li className={css({ fontWeight: "semibold", marginTop: "1" })}>Total : 29 000</li>
                             </ul>
                         </div>
                         <div>
-                            <p className="font-medium">PRODUITS</p>
-                            <ul className="text-xs mt-1">
+                            <p className={css({ fontWeight: "medium", mb: "1" })}>PRODUITS</p>
+                            <ul className={css({ fontSize: "xs", color: "neutral/70" })}>
                                 <li>Ventes : 25 000</li>
                                 <li>Subventions : 8 000</li>
-                                <li><strong>Total : 33 000</strong></li>
+                                <li className={css({ fontWeight: "semibold", marginTop: "1" })}>Total : 33 000</li>
                             </ul>
                         </div>
                     </div>
-                    <p className="mt-2 font-medium">Resultat = 33 000 - 29 000 = 4 000 euros (benefice)</p>
+                    <p className={css({ marginTop: "3", fontWeight: "medium", color: "success" })}>
+                        Résultat = 33 000 - 29 000 = 4 000 euros (bénéfice)
+                    </p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Les capitaux propres">
                 <DocParagraph>
-                    Les capitaux propres representent ce que l'entreprise doit a ses proprietaires.
-                    Ils comprennent plusieurs elements :
+                    Les capitaux propres représentent ce que l'entreprise doit à ses propriétaires.
+                    Ils comprennent plusieurs éléments :
                 </DocParagraph>
 
                 <DocDefinition
                     term="Capital"
-                    definition="Apports initiaux des associes ou fondateurs. Il reste generalement stable sauf augmentation ou reduction de capital."
+                    definition="Apports initiaux des associés ou fondateurs. Il reste généralement stable sauf augmentation ou réduction de capital."
                 />
                 <DocDefinition
-                    term="Reserves"
-                    definition="Benefices des annees passees qui ont ete conserves dans l'entreprise (non distribues aux associes)."
+                    term="Réserves"
+                    definition="Bénéfices des années passées qui ont été conservés dans l'entreprise (non distribués aux associés)."
                 />
                 <DocDefinition
-                    term="Report a nouveau"
-                    definition="Resultat de l'exercice precedent en attente d'affectation (mise en reserve ou distribution)."
+                    term="Report à nouveau"
+                    definition="Résultat de l'exercice précédent en attente d'affectation (mise en réserve ou distribution)."
                 />
                 <DocDefinition
-                    term="Resultat de l'exercice"
-                    definition="Benefice ou perte de l'annee en cours, tel que calcule par le compte de resultat."
+                    term="Résultat de l'exercice"
+                    definition="Bénéfice ou perte de l'année en cours, tel que calculé par le compte de résultat."
                 />
 
-                <DocExample title="Affectation du resultat">
-                    <p>Une entreprise realise un benefice de 10 000 euros. Les associes decident :</p>
-                    <ul className="mt-2 ml-4 text-sm">
-                        <li>Distribution de dividendes : 4 000 euros (verses aux associes)</li>
-                        <li>Mise en reserve : 6 000 euros (conserves dans l'entreprise)</li>
+                <DocExample title="Affectation du résultat">
+                    <p className={css({ fontSize: "sm" })}>
+                        Une entreprise réalise un bénéfice de 10 000 euros. Les associés décident :
+                    </p>
+                    <ul className={css({ marginTop: "2", ml: "4", fontSize: "sm", color: "neutral/70" })}>
+                        <li>Distribution de dividendes : 4 000 euros (versés aux associés)</li>
+                        <li>Mise en réserve : 6 000 euros (conservés dans l'entreprise)</li>
                     </ul>
-                    <p className="mt-2 text-xs">Les reserves augmentent de 6 000 euros, renforcant les capitaux propres.</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        Les réserves augmentent de 6 000 euros, renforçant les capitaux propres.
+                    </p>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="La balance : document de controle">
+            <DocSection title="La balance : document de contrôle">
                 <DocDefinition
                     term="Balance"
-                    definition="Liste de tous les comptes avec leur solde (debiteur ou crediteur). C'est l'outil de controle essentiel de la comptabilite."
+                    definition="Liste de tous les comptes avec leur solde (débiteur ou créditeur). C'est l'outil de contrôle essentiel de la comptabilité."
                 />
 
                 <DocParagraph>
-                    La balance verifie plusieurs equilibres :
+                    La balance vérifie plusieurs équilibres :
                 </DocParagraph>
                 <DocList items={[
-                    "Total des debits = Total des credits (principe de la partie double)",
-                    "Total des soldes debiteurs = Total des soldes crediteurs",
-                    "Les comptes d'actif ont generalement un solde debiteur",
-                    "Les comptes de passif ont generalement un solde crediteur"
+                    "Total des débits = Total des crédits (principe de la partie double)",
+                    "Total des soldes débiteurs = Total des soldes créditeurs",
+                    "Les comptes d'actif ont généralement un solde débiteur",
+                    "Les comptes de passif ont généralement un solde créditeur"
                 ]} />
 
                 <DocExample title="Extrait de balance">
                     <DocTable
-                        headers={["Compte", "Intitule", "Debit", "Credit", "Solde"]}
+                        headers={["Compte", "Intitulé", "Débit", "Crédit", "Solde"]}
                         rows={[
                             ["101", "Capital", "", "10 000", "10 000 Cr"],
                             ["411", "Clients", "5 000", "3 000", "2 000 Db"],
@@ -203,64 +229,73 @@ export function ComptabiliteDocuments() {
                             ["706", "Prestations", "", "4 000", "4 000 Cr"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">Total debits = Total credits. La balance est equilibree.</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        Total débits = Total crédits. La balance est équilibrée.
+                    </p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Les autres documents">
                 <DocDefinition
                     term="Grand livre"
-                    definition="Liste de tous les comptes avec le detail de leurs mouvements. Permet de verifier le detail de chaque compte."
+                    definition="Liste de tous les comptes avec le détail de leurs mouvements. Permet de vérifier le détail de chaque compte."
                 />
                 <DocDefinition
                     term="Journal"
-                    definition="Liste chronologique de toutes les ecritures passees. Permet de retrouver l'historique des operations."
+                    definition="Liste chronologique de toutes les écritures passées. Permet de retrouver l'historique des opérations."
                 />
                 <DocDefinition
                     term="Annexe"
-                    definition="Document obligatoire qui complete le bilan et le compte de resultat avec des informations complementaires (methodes comptables, engagements hors bilan...)."
+                    definition="Document obligatoire qui complète le bilan et le compte de résultat avec des informations complémentaires (méthodes comptables, engagements hors bilan...)."
                 />
 
                 <DocParagraph>
-                    Ces documents intermediaires sont utilises tout au long de l'annee pour controler
-                    la comptabilite et preparer les documents de synthese.
+                    Ces documents intermédiaires sont utilisés tout au long de l'année pour contrôler
+                    la comptabilité et préparer les documents de synthèse.
                 </DocParagraph>
             </DocSection>
 
-            <DocSection title="Le lien entre bilan et compte de resultat">
+            <DocSection title="Le lien entre bilan et compte de résultat">
                 <DocParagraph>
-                    Le resultat du compte de resultat vient s'ajouter aux capitaux propres du bilan.
+                    Le résultat du compte de résultat vient s'ajouter aux capitaux propres du bilan.
                     C'est ce qui fait le lien entre les deux documents :
                 </DocParagraph>
                 <DocList items={[
-                    "Un benefice augmente les capitaux propres (l'organisation s'est enrichie)",
+                    "Un bénéfice augmente les capitaux propres (l'organisation s'est enrichie)",
                     "Une perte diminue les capitaux propres (l'organisation s'est appauvrie)"
                 ]} />
 
                 <DocParagraph>
-                    On peut aussi exprimer le resultat comme la variation du patrimoine net :
+                    On peut aussi exprimer le résultat comme la variation du patrimoine net :
                 </DocParagraph>
-                <DocExample title="Verification par le patrimoine">
-                    <p><strong>Resultat = Variation des creances - Variation des dettes</strong></p>
-                    <p className="mt-2 text-sm">
-                        Si les creances (ce qu'on possede) ont augmente de 5 000 euros et les dettes
-                        de 2 000 euros, le resultat est de 3 000 euros : l'entreprise s'est enrichie de
-                        la difference.
+                <DocExample title="Vérification par le patrimoine">
+                    <p className={css({ fontWeight: "semibold" })}>
+                        Résultat = Variation des créances - Variation des dettes
+                    </p>
+                    <p className={css({ marginTop: "2", fontSize: "sm", color: "neutral/70" })}>
+                        Si les créances (ce qu'on possède) ont augmenté de 5 000 euros et les dettes
+                        de 2 000 euros, le résultat est de 3 000 euros : l'entreprise s'est enrichie de
+                        la différence.
                     </p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
-                    Arrhes genere automatiquement tous ces documents a partir de vos ecritures.
-                    Consultez le guide sur les <DocLink to="/docs/guide/rapports">rapports</DocLink>{" "}
-                    pour apprendre a generer et interpreter ces documents dans le logiciel.
+                    Arrhes génère automatiquement tous ces documents à partir de vos écritures.
+                    Consultez le guide sur les <DocLink to="/documentation/dashboard/rapports">rapports</DocLink>{" "}
+                    pour apprendre à générer et interpréter ces documents dans le logiciel.
                 </DocParagraph>
             </DocSection>
 
+            <DocTip variant="success">
+                Félicitations ! Vous avez terminé le cours de comptabilité. Vous maîtrisez maintenant
+                les concepts fondamentaux pour utiliser Arrhes efficacement.
+            </DocTip>
+
             <DocNextPage
-                to="/docs/guide/demarrage"
-                label="Guide : Demarrer avec Arrhes"
+                to="/documentation/dashboard/demarrage"
+                label="Guide : Démarrer avec Arrhes"
             />
         </div>
     )
diff --git a/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx b/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
index 187bfc3..867b498 100644
--- a/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
+++ b/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
@@ -1,155 +1,182 @@
-import { DocDefinition } from "../../../components/document/docDefinition.tsx";
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-import { DocTable } from "../../../components/document/docTable.tsx";
+import { DocDefinition } from "../../../components/document/docDefinition.js"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTable } from "../../../components/document/docTable.js"
+import { DocTip } from "../../../components/document/docTip.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export function ComptabiliteEcritures() {
     return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Les ecritures comptables</h1>
-            <p className="text-neutral/50 mb-8">Enregistrer les operations dans les comptes</p>
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            <DocHeader
+                title="Les écritures comptables"
+                description="Enregistrer les opérations dans les comptes"
+            />
 
-            <DocSection title="Qu'est-ce qu'une ecriture comptable ?">
+            <DocSection title="Qu'est-ce qu'une écriture comptable ?">
                 <DocParagraph>
-                    Une ecriture comptable est l'enregistrement d'une operation economique dans
-                    les comptes. Chaque ecriture traduit un evenement reel (achat, vente, paiement...)
+                    Une écriture comptable est l'enregistrement d'une opération économique dans
+                    les comptes. Chaque écriture traduit un événement réel (achat, vente, paiement...)
                     en langage comptable.
                 </DocParagraph>
                 <DocParagraph>
-                    Comme vu dans l'<DocLink to="/docs/comptabilite/introduction">introduction</DocLink>,
-                    chaque ecriture respecte le principe de la partie double : elle affecte au moins
-                    deux comptes et le total des debits egale le total des credits.
+                    Comme vu dans l'<DocLink to="/documentation/comptabilite/introduction">introduction</DocLink>,
+                    chaque écriture respecte le principe de la partie double : elle affecte au moins
+                    deux comptes et le total des débits égale le total des crédits.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Le journal : registre chronologique">
                 <DocParagraph>
-                    Le <strong>journal</strong> est le document fondamental de la comptabilite. Il enregistre
-                    toutes les ecritures dans l'ordre chronologique, creant ainsi une trace complete
-                    et inalterable de l'activite de l'entreprise.
+                    Le <strong>journal</strong> est le document fondamental de la comptabilité. Il enregistre
+                    toutes les écritures dans l'ordre chronologique, créant ainsi une trace complète
+                    et inaltérable de l'activité de l'entreprise.
                 </DocParagraph>
                 <DocParagraph>
                     Le journal a une valeur juridique : il constitue une preuve en cas de litige
-                    ou de controle fiscal. C'est pourquoi les ecritures ne doivent jamais etre effacees,
-                    mais corrigees par des ecritures de contre-passation si necessaire.
+                    ou de contrôle fiscal. C'est pourquoi les écritures ne doivent jamais être effacées,
+                    mais corrigées par des écritures de contre-passation si nécessaire.
                 </DocParagraph>
             </DocSection>
 
-            <DocSection title="Structure d'une ecriture">
+            <DocSection title="Structure d'une écriture">
                 <DocParagraph>
-                    Une ecriture comptable complete contient les elements suivants :
+                    Une écriture comptable complète contient les éléments suivants :
                 </DocParagraph>
                 <DocList items={[
-                    "La date de l'operation",
-                    "Le numero de piece justificative",
-                    "Le libelle (description de l'operation)",
-                    "Les comptes mouvementes avec leurs montants au debit ou au credit",
-                    "Le journal dans lequel elle est enregistree"
+                    "La date de l'opération",
+                    "Le numéro de pièce justificative",
+                    "Le libellé (description de l'opération)",
+                    "Les comptes mouvementés avec leurs montants au débit ou au crédit",
+                    "Le journal dans lequel elle est enregistrée"
                 ]} />
 
-                <DocExample title="Ecriture d'achat de fournitures">
-                    <p className="font-medium mb-2">Achat de fournitures de bureau - 120 euros TTC paye par cheque</p>
+                <DocExample title="Écriture d'achat de fournitures">
+                    <p className={css({ fontWeight: "medium", mb: "2" })}>
+                        Achat de fournitures de bureau - 120 euros TTC payé par chèque
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["606100", "Fournitures de bureau", "100,00", ""],
-                            ["445660", "TVA deductible", "20,00", ""],
+                            ["445660", "TVA déductible", "20,00", ""],
                             ["512000", "Banque", "", "120,00"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">Total debit = Total credit = 120,00 euros</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        Total débit = Total crédit = 120,00 euros
+                    </p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Les journaux auxiliaires">
                 <DocParagraph>
-                    Pour faciliter l'organisation, les ecritures sont regroupees dans des journaux
-                    auxiliaires selon leur nature. Cela permet de repartir le travail et de verifier
-                    plus facilement les operations.
+                    Pour faciliter l'organisation, les écritures sont regroupées dans des journaux
+                    auxiliaires selon leur nature. Cela permet de répartir le travail et de vérifier
+                    plus facilement les opérations.
                 </DocParagraph>
 
                 <DocDefinition
                     term="Journal des achats (HA)"
-                    definition="Enregistre toutes les factures fournisseurs recues. On y trouve les achats a credit avant leur reglement."
+                    definition="Enregistre toutes les factures fournisseurs reçues. On y trouve les achats à crédit avant leur règlement."
                 />
                 <DocDefinition
                     term="Journal des ventes (VE)"
-                    definition="Enregistre toutes les factures clients emises. On y trouve les ventes a credit avant leur encaissement."
+                    definition="Enregistre toutes les factures clients émises. On y trouve les ventes à crédit avant leur encaissement."
                 />
                 <DocDefinition
                     term="Journal de banque (BQ)"
-                    definition="Enregistre tous les mouvements du compte bancaire : encaissements, decaissements, virements."
+                    definition="Enregistre tous les mouvements du compte bancaire : encaissements, décaissements, virements."
                 />
                 <DocDefinition
                     term="Journal de caisse (CA)"
-                    definition="Enregistre tous les mouvements d'especes : recettes et depenses en liquide."
+                    definition="Enregistre tous les mouvements d'espèces : recettes et dépenses en liquide."
                 />
                 <DocDefinition
-                    term="Journal des operations diverses (OD)"
-                    definition="Enregistre les operations qui ne rentrent pas dans les autres journaux : salaires, amortissements, regularisations, ecritures de cloture."
+                    term="Journal des opérations diverses (OD)"
+                    definition="Enregistre les opérations qui ne rentrent pas dans les autres journaux : salaires, amortissements, régularisations, écritures de clôture."
                 />
             </DocSection>
 
-            <DocSection title="Operations a credit vs au comptant">
+            <DocSection title="Opérations à crédit vs au comptant">
                 <DocParagraph>
-                    Une distinction importante existe entre les operations <strong>a credit</strong> (paiement differe)
-                    et les operations <strong>au comptant</strong> (paiement immediat).
+                    Une distinction importante existe entre les opérations <strong>à crédit</strong> (paiement différé)
+                    et les opérations <strong>au comptant</strong> (paiement immédiat).
                 </DocParagraph>
 
-                <DocExample title="Achat a credit (deux ecritures)">
-                    <p className="font-medium mb-2">1. Reception de la facture fournisseur (journal HA)</p>
+                <DocExample title="Achat à crédit (deux écritures)">
+                    <p className={css({ fontWeight: "medium", mb: "2" })}>
+                        1. Réception de la facture fournisseur (journal HA)
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["607000", "Achats de marchandises", "1 000,00", ""],
-                            ["445660", "TVA deductible", "200,00", ""],
+                            ["445660", "TVA déductible", "200,00", ""],
                             ["401000", "Fournisseurs", "", "1 200,00"],
                         ]}
                     />
-                    <p className="mt-4 font-medium mb-2">2. Reglement de la facture (journal BQ)</p>
+                    <p className={css({ marginTop: "4", fontWeight: "medium", mb: "2" })}>
+                        2. Règlement de la facture (journal BQ)
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["401000", "Fournisseurs", "1 200,00", ""],
                             ["512000", "Banque", "", "1 200,00"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">La premiere ecriture cree la dette, la seconde l'eteint.</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        La première écriture crée la dette, la seconde l'éteint.
+                    </p>
                 </DocExample>
 
-                <DocExample title="Achat au comptant (une seule ecriture)">
-                    <p className="font-medium mb-2">Achat paye immediatement par carte bancaire</p>
+                <DocExample title="Achat au comptant (une seule écriture)">
+                    <p className={css({ fontWeight: "medium", mb: "2" })}>
+                        Achat payé immédiatement par carte bancaire
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["607000", "Achats de marchandises", "1 000,00", ""],
-                            ["445660", "TVA deductible", "200,00", ""],
+                            ["445660", "TVA déductible", "200,00", ""],
                             ["512000", "Banque", "", "1 200,00"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">Pas de passage par le compte fournisseur car le paiement est immediat.</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        Pas de passage par le compte fournisseur car le paiement est immédiat.
+                    </p>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="Types d'operations courantes">
-                <DocExample title="Vente a credit puis encaissement">
-                    <p className="font-medium mb-2">1. Emission de la facture client (journal VE)</p>
+            <DocSection title="Types d'opérations courantes">
+                <DocExample title="Vente à crédit puis encaissement">
+                    <p className={css({ fontWeight: "medium", mb: "2" })}>
+                        1. Émission de la facture client (journal VE)
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["411000", "Clients", "600,00", ""],
                             ["706000", "Prestations de services", "", "500,00"],
-                            ["445710", "TVA collectee", "", "100,00"],
+                            ["445710", "TVA collectée", "", "100,00"],
                         ]}
                     />
-                    <p className="mt-4 font-medium mb-2">2. Encaissement du client (journal BQ)</p>
+                    <p className={css({ marginTop: "4", fontWeight: "medium", mb: "2" })}>
+                        2. Encaissement du client (journal BQ)
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["512000", "Banque", "600,00", ""],
                             ["411000", "Clients", "", "600,00"],
@@ -157,77 +184,90 @@ export function ComptabiliteEcritures() {
                     />
                 </DocExample>
 
-                <DocExample title="Reception d'une cotisation (association)">
-                    <p>Un adherent paye sa cotisation annuelle de 50 euros en especes.</p>
+                <DocExample title="Réception d'une cotisation (association)">
+                    <p className={css({ fontSize: "sm" })}>
+                        Un adhérent paye sa cotisation annuelle de 50 euros en espèces.
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
                             ["530000", "Caisse", "50,00", ""],
                             ["756000", "Cotisations", "", "50,00"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">La caisse augmente (debit), les produits augmentent (credit).</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        La caisse augmente (débit), les produits augmentent (crédit).
+                    </p>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="La TVA dans les ecritures">
+            <DocSection title="La TVA dans les écritures">
                 <DocParagraph>
-                    Si votre organisation est assujettie a la TVA, chaque operation doit distinguer
-                    le montant hors taxes (HT) et la TVA. Le compte Etat joue un role central.
+                    Si votre organisation est assujettie à la TVA, chaque opération doit distinguer
+                    le montant hors taxes (HT) et la TVA. Le compte État joue un rôle central.
                 </DocParagraph>
 
                 <DocList items={[
-                    "Sur les achats : la TVA payee est deductible (compte 4456) - l'Etat vous doit cette somme",
-                    "Sur les ventes : la TVA facturee est collectee (compte 4457) - vous devez cette somme a l'Etat",
-                    "La difference (collectee - deductible) est versee a l'Etat (ou remboursee si negative)"
+                    "Sur les achats : la TVA payée est déductible (compte 4456) - l'État vous doit cette somme",
+                    "Sur les ventes : la TVA facturée est collectée (compte 4457) - vous devez cette somme à l'État",
+                    "La différence (collectée - déductible) est versée à l'État (ou remboursée si négative)"
                 ]} />
 
-                <DocExample title="Declaration de TVA">
-                    <p className="mb-2">A la fin du mois, vous avez :</p>
-                    <ul className="ml-4 text-sm">
-                        <li>TVA collectee (4457) : 500 euros (crediteur)</li>
-                        <li>TVA deductible (4456) : 300 euros (debiteur)</li>
+                <DocExample title="Déclaration de TVA">
+                    <p className={css({ mb: "2", fontSize: "sm" })}>À la fin du mois, vous avez :</p>
+                    <ul className={css({ ml: "4", fontSize: "sm", color: "neutral/70" })}>
+                        <li>TVA collectée (4457) : 500 euros (créditeur)</li>
+                        <li>TVA déductible (4456) : 300 euros (débiteur)</li>
                     </ul>
-                    <p className="mt-2 font-medium">Ecriture de liquidation de TVA :</p>
+                    <p className={css({ marginTop: "3", fontWeight: "medium", mb: "2" })}>
+                        Écriture de liquidation de TVA :
+                    </p>
                     <DocTable
-                        headers={["Compte", "Libelle", "Debit", "Credit"]}
+                        headers={["Compte", "Libellé", "Débit", "Crédit"]}
                         rows={[
-                            ["445710", "TVA collectee", "500,00", ""],
-                            ["445660", "TVA deductible", "", "300,00"],
-                            ["445510", "TVA a decaisser", "", "200,00"],
+                            ["445710", "TVA collectée", "500,00", ""],
+                            ["445660", "TVA déductible", "", "300,00"],
+                            ["445510", "TVA à décaisser", "", "200,00"],
                         ]}
                     />
-                    <p className="mt-2 text-xs">Vous devez 200 euros a l'Etat (difference entre collectee et deductible).</p>
+                    <p className={css({ marginTop: "2", fontSize: "xs", color: "neutral/60" })}>
+                        Vous devez 200 euros à l'État (différence entre collectée et déductible).
+                    </p>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="Controle des ecritures">
+            <DocSection title="Contrôle des écritures">
                 <DocParagraph>
-                    La <strong>balance</strong> permet de verifier que toutes les ecritures sont equilibrees.
+                    La <strong>balance</strong> permet de vérifier que toutes les écritures sont équilibrées.
                     Elle liste tous les comptes avec :
                 </DocParagraph>
                 <DocList items={[
-                    "Le total des mouvements au debit",
-                    "Le total des mouvements au credit",
-                    "Le solde (debiteur ou crediteur)"
+                    "Le total des mouvements au débit",
+                    "Le total des mouvements au crédit",
+                    "Le solde (débiteur ou créditeur)"
                 ]} />
                 <DocParagraph>
-                    Si le total des debits n'egale pas le total des credits, c'est qu'une erreur
-                    s'est glissee quelque part. La balance doit toujours etre equilibree.
+                    Si le total des débits n'égale pas le total des crédits, c'est qu'une erreur
+                    s'est glissée quelque part. La balance doit toujours être équilibrée.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
-                    Dans Arrhes, la <DocLink to="/docs/guide/ecritures">saisie des ecritures</DocLink>{" "}
-                    est simplifiee. Le logiciel verifie automatiquement l'equilibre debit/credit
-                    et vous guide dans le choix des comptes. Vous pouvez egalement creer des modeles
-                    d'ecritures pour les operations repetitives.
+                    Dans Arrhes, la <DocLink to="/documentation/dashboard/ecritures">saisie des écritures</DocLink>{" "}
+                    est simplifiée. Le logiciel vérifie automatiquement l'équilibre débit/crédit
+                    et vous guide dans le choix des comptes. Vous pouvez également créer des modèles
+                    d'écritures pour les opérations répétitives.
                 </DocParagraph>
             </DocSection>
 
+            <DocTip variant="warning">
+                N'oubliez pas : chaque écriture doit toujours être équilibrée (total débits = total crédits).
+                Arrhes vérifie automatiquement cet équilibre lors de la saisie.
+            </DocTip>
+
             <DocNextPage
-                to="/docs/comptabilite/documents"
+                to="/documentation/comptabilite/documents"
                 label="Les documents comptables"
             />
         </div>
diff --git a/packages/dashboard/src/features/docs/comptabilite/introduction.tsx b/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
index 5c40f9a..c3e4528 100644
--- a/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
+++ b/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
@@ -1,121 +1,135 @@
-import { DocDefinition } from "../../../components/document/docDefinition.tsx";
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
+import { DocDefinition } from "../../../components/document/docDefinition.js"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTip } from "../../../components/document/docTip.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export function ComptabiliteIntroduction() {
     return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Introduction a la comptabilite</h1>
-            <p className="text-neutral/50 mb-8">Comprendre les fondamentaux de la comptabilite</p>
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            <DocHeader
+                title="Introduction à la comptabilité"
+                description="Comprendre les fondamentaux de la comptabilité"
+            />
 
-            <DocSection title="Qu'est-ce que la comptabilite ?">
+            <DocSection title="Qu'est-ce que la comptabilité ?">
                 <DocParagraph>
-                    La comptabilite est un systeme d'organisation de l'information financiere.
-                    Elle permet d'enregistrer, classer et analyser toutes les operations economiques
+                    La comptabilité est un système d'organisation de l'information financière.
+                    Elle permet d'enregistrer, classer et analyser toutes les opérations économiques
                     d'une organisation (entreprise, association, etc.).
                 </DocParagraph>
                 <DocParagraph>
-                    A l'origine, la comptabilite est nee du besoin de controler les mouvements d'argent
-                    et de limiter les risques de detournement. Pour cela, seule une personne designee
-                    (le caissier) est habilitee a percevoir et verser de l'argent, et toutes les operations
-                    doivent etre justifiees par des pieces.
+                    À l'origine, la comptabilité est née du besoin de contrôler les mouvements d'argent
+                    et de limiter les risques de détournement. Pour cela, seule une personne désignée
+                    (le caissier) est habilitée à percevoir et verser de l'argent, et toutes les opérations
+                    doivent être justifiées par des pièces.
                 </DocParagraph>
                 <DocParagraph>
-                    En termes simples, la comptabilite repond a deux questions essentielles :
+                    En termes simples, la comptabilité répond à deux questions essentielles :
                 </DocParagraph>
                 <DocList items={[
-                    "D'ou vient l'argent ? (les ressources)",
-                    "Ou va l'argent ? (les emplois)"
+                    "D'où vient l'argent ? (les ressources)",
+                    "Où va l'argent ? (les emplois)"
                 ]} />
             </DocSection>
 
-            <DocSection title="Pourquoi tenir une comptabilite ?">
+            <DocSection title="Pourquoi tenir une comptabilité ?">
                 <DocParagraph>
-                    La tenue d'une comptabilite est obligatoire pour la plupart des structures en France.
-                    Au-dela de l'obligation legale, elle offre plusieurs avantages :
+                    La tenue d'une comptabilité est obligatoire pour la plupart des structures en France.
+                    Au-delà de l'obligation légale, elle offre plusieurs avantages :
                 </DocParagraph>
                 <DocList items={[
-                    "Connaitre la situation financiere de votre organisation a tout moment",
-                    "Prendre des decisions eclairees basees sur des chiffres reels",
-                    "Justifier vos operations aupres de l'administration fiscale",
-                    "Calculer le benefice ou la perte de l'exercice",
+                    "Connaître la situation financière de votre organisation à tout moment",
+                    "Prendre des décisions éclairées basées sur des chiffres réels",
+                    "Justifier vos opérations auprès de l'administration fiscale",
+                    "Calculer le bénéfice ou la perte de l'exercice",
                     "Communiquer avec vos partenaires (banques, fournisseurs, membres)"
                 ]} />
             </DocSection>
 
             <DocSection title="L'exercice comptable">
                 <DocParagraph>
-                    Le temps est decoupe en periodes appelees <strong>exercices</strong>, generalement d'un an.
-                    A la fin de chaque exercice, l'entreprise doit calculer son resultat (benefice ou perte)
-                    et presenter ses comptes.
+                    Le temps est découpé en périodes appelées <strong>exercices</strong>, généralement d'un an.
+                    À la fin de chaque exercice, l'entreprise doit calculer son résultat (bénéfice ou perte)
+                    et présenter ses comptes.
                 </DocParagraph>
                 <DocDefinition
                     term="Exercice comptable"
-                    definition="Periode de 12 mois (generalement l'annee civile) pendant laquelle on enregistre les operations. A la fin de l'exercice, on etablit les documents de synthese (bilan, compte de resultat)."
+                    definition="Période de 12 mois (généralement l'année civile) pendant laquelle on enregistre les opérations. À la fin de l'exercice, on établit les documents de synthèse (bilan, compte de résultat)."
                 />
                 <DocParagraph>
-                    Le benefice de l'exercice est la difference entre le patrimoine de fin d'exercice
-                    et le patrimoine initial. Si l'entreprise a reussi dans ses activites, elle dispose
-                    a la fin de l'exercice d'un patrimoine superieur a celui du debut.
+                    Le bénéfice de l'exercice est la différence entre le patrimoine de fin d'exercice
+                    et le patrimoine initial. Si l'entreprise a réussi dans ses activités, elle dispose
+                    à la fin de l'exercice d'un patrimoine supérieur à celui du début.
                 </DocParagraph>
             </DocSection>
 
             <DocSection title="Les principes fondamentaux">
                 <DocDefinition
                     term="Partie double"
-                    definition="Chaque operation comptable affecte au moins deux comptes : l'un est debite, l'autre est credite. Le total des debits doit toujours etre egal au total des credits. Ce principe garantit l'equilibre de la comptabilite."
+                    definition="Chaque opération comptable affecte au moins deux comptes : l'un est débité, l'autre est crédité. Le total des débits doit toujours être égal au total des crédits. Ce principe garantit l'équilibre de la comptabilité."
                 />
                 <DocDefinition
-                    term="Piece justificative"
-                    definition="Document qui prouve la realite d'une operation (facture, releve bancaire, ticket de caisse...). Chaque ecriture comptable doit etre justifiee par une piece. C'est le fondement du controle comptable."
+                    term="Pièce justificative"
+                    definition="Document qui prouve la réalité d'une opération (facture, relevé bancaire, ticket de caisse...). Chaque écriture comptable doit être justifiée par une pièce. C'est le fondement du contrôle comptable."
                 />
                 <DocDefinition
                     term="Enregistrement chronologique"
-                    definition="Les ecritures doivent etre passees regulierement dans l'ordre chronologique. Tout retour en arriere est impossible : les erreurs sont corrigees par des ecritures de sens contraire, jamais effacees."
+                    definition="Les écritures doivent être passées régulièrement dans l'ordre chronologique. Tout retour en arrière est impossible : les erreurs sont corrigées par des écritures de sens contraire, jamais effacées."
                 />
 
                 <DocExample title="La partie double en action">
-                    <p>Vous achetez des fournitures de bureau pour 100 euros en especes.</p>
-                    <p className="mt-2">Cette operation se traduit par :</p>
-                    <ul className="mt-1 ml-4">
-                        <li>Debit du compte Fournitures : +100 euros (vous avez plus de fournitures)</li>
-                        <li>Credit du compte Caisse : -100 euros (vous avez moins d'especes)</li>
+                    <p>Vous achetez des fournitures de bureau pour 100 euros en espèces.</p>
+                    <p className={css({ marginTop: "3" })}>Cette opération se traduit par :</p>
+                    <ul className={css({ marginTop: "2", ml: "4", spaceY: "1" })}>
+                        <li>Débit du compte Fournitures : +100 euros (vous avez plus de fournitures)</li>
+                        <li>Crédit du compte Caisse : -100 euros (vous avez moins d'espèces)</li>
                     </ul>
-                    <p className="mt-2">Total debits = Total credits = 100 euros</p>
+                    <p className={css({ marginTop: "3", fontWeight: "medium" })}>Total débits = Total crédits = 100 euros</p>
                 </DocExample>
             </DocSection>
 
             <DocSection title="Vocabulaire essentiel">
                 <DocDefinition
-                    term="Debit"
-                    definition="Cote gauche d'un compte. Le mot vient du latin debere (devoir) : il indique que le caissier doit pouvoir rendre l'argent entre dans sa caisse. Pour les comptes d'actif et de charges, un debit represente une augmentation."
+                    term="Débit"
+                    definition="Côté gauche d'un compte. Le mot vient du latin debere (devoir) : il indique que le caissier doit pouvoir rendre l'argent entré dans sa caisse. Pour les comptes d'actif et de charges, un débit représente une augmentation."
                 />
                 <DocDefinition
-                    term="Credit"
-                    definition="Cote droit d'un compte. Le mot vient du latin credere (croire) : en echange d'une sortie d'argent, le caissier recoit une piece justificative qui lui permet d'etre cru lors d'un controle. Pour les comptes de passif et de produits, un credit represente une augmentation."
+                    term="Crédit"
+                    definition="Côté droit d'un compte. Le mot vient du latin credere (croire) : en échange d'une sortie d'argent, le caissier reçoit une pièce justificative qui lui permet d'être cru lors d'un contrôle. Pour les comptes de passif et de produits, un crédit représente une augmentation."
                 />
                 <DocDefinition
                     term="Solde"
-                    definition="Difference entre le total des debits et le total des credits d'un compte. Un compte est debiteur si les debits sont superieurs aux credits, crediteur dans le cas contraire."
+                    definition="Différence entre le total des débits et le total des crédits d'un compte. Un compte est débiteur si les débits sont supérieurs aux crédits, créditeur dans le cas contraire."
                 />
             </DocSection>
 
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
-                    Ces concepts sont directement appliques dans Arrhes. Lorsque vous{" "}
-                    <DocLink to="/docs/guide/ecritures">saisissez une ecriture</DocLink>,
-                    le logiciel vous demande de specifier les comptes a debiter et a crediter,
-                    et verifie automatiquement que l'equilibre est respecte.
+                    Ces concepts sont directement appliqués dans Arrhes. Lorsque vous{" "}
+                    <DocLink to="/documentation/dashboard/ecritures">saisissez une écriture</DocLink>,
+                    le logiciel vous demande de spécifier les comptes à débiter et à créditer,
+                    et vérifie automatiquement que l'équilibre est respecté.
                 </DocParagraph>
             </DocSection>
 
+            <DocTip variant="info">
+                Maintenant que vous connaissez les bases de la comptabilité, découvrez comment
+                les comptes sont organisés dans la page suivante.
+            </DocTip>
+
             <DocNextPage
-                to="/docs/comptabilite/comptes"
+                to="/documentation/comptabilite/comptes"
                 label="Les comptes comptables"
             />
         </div>
diff --git a/packages/dashboard/src/features/docs/comptabiliteIndex.tsx b/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
new file mode 100644
index 0000000..4e4c1a2
--- /dev/null
+++ b/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
@@ -0,0 +1,55 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconChevronRight } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { css } from "../../utilities/cn.js"
+
+
+export function ComptabiliteIndex() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Comptabilité
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Apprenez les bases de la comptabilité française et découvrez comment utiliser
+                    Arrhes pour gérer votre comptabilité au quotidien.
+                </p>
+            </div>
+
+            {/* Main sections */}
+            <div className={css({
+                display: "flex",
+                flexDirection: { base: "column", md: "row" },
+                gap: "1.5rem",
+            })}>
+                <Link
+                    to="/documentation/comptabilite/comptes"
+                >
+                    <ButtonContent
+                        variant="outline"
+                        text="Commencer directement"
+                        rightIcon={<IconChevronRight />}
+                    />
+                </Link>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/demarrage.tsx b/packages/dashboard/src/features/docs/dashboard/demarrage.tsx
new file mode 100644
index 0000000..05432cb
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/demarrage.tsx
@@ -0,0 +1,108 @@
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+
+
+export function GuideDemarrage() {
+    return (
+        <div>
+            <DocHeader
+                title="Démarrer avec Arrhes"
+                description="Premiers pas pour configurer votre comptabilité"
+            />
+
+            <DocSection title="Créer un compte">
+                <DocParagraph>
+                    Pour commencer à utiliser Arrhes, vous devez d'abord créer un compte utilisateur.
+                    Rendez-vous sur la page d'inscription et renseignez votre adresse email et un mot de passe.
+                </DocParagraph>
+                <DocParagraph>
+                    Un email de confirmation vous sera envoyé. Cliquez sur le lien pour activer votre compte.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Créer votre première organisation">
+                <DocParagraph>
+                    Une fois connecté, vous arrivez sur la page d'accueil. Si c'est votre première connexion,
+                    vous serez invité à créer une organisation.
+                </DocParagraph>
+                <DocList items={[
+                    "Cliquez sur « Ajouter une organisation »",
+                    "Choisissez le type : Entreprise ou Association",
+                    "Renseignez le nom de votre organisation",
+                    "Si c'est une entreprise, indiquez le numéro SIREN (optionnel)"
+                ]} />
+                <DocParagraph>
+                    Vous pouvez gérer plusieurs organisations depuis le même compte.
+                    Pratique si vous gérez une entreprise et une association !
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Créer un exercice comptable">
+                <DocParagraph>
+                    Après avoir créé votre organisation, vous devez définir un exercice comptable.
+                    L'exercice correspond généralement à l'année civile (du 1er janvier au 31 décembre),
+                    mais vous pouvez choisir d'autres dates.
+                </DocParagraph>
+                <DocExample title="Créer un exercice">
+                    <DocList items={[
+                        "Accédez à votre organisation",
+                        "Cliquez sur « Ajouter un exercice »",
+                        "Donnez un nom à l'exercice (ex : Exercice 2024)",
+                        "Définissez les dates de début et de fin",
+                        "Validez"
+                    ]} />
+                </DocExample>
+                <DocParagraph>
+                    Le logiciel créera automatiquement un plan comptable adapté à votre type d'organisation.
+                    Vous pourrez le personnaliser par la suite si nécessaire.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Comprendre l'interface">
+                <DocParagraph>
+                    L'interface d'Arrhes est organisée autour de plusieurs sections :
+                </DocParagraph>
+                <DocList items={[
+                    <>
+                        <DocLink to="/documentation/dashboard/ecritures">Écritures</DocLink> : pour saisir et consulter les opérations comptables
+                    </>,
+                    "Pièces jointes : pour gérer les justificatifs (factures, relevés...)",
+                    <>
+                        <DocLink to="/documentation/dashboard/rapports">Rapports</DocLink> : pour générer les documents de synthèse
+                    </>,
+                    "Paramètres : pour configurer le plan comptable, les journaux..."
+                ]} />
+                <DocParagraph>
+                    La navigation se fait via le menu latéral. Chaque section est accessible
+                    en un clic depuis n'importe quelle page.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Prérequis comptables">
+                <DocParagraph>
+                    Avant de commencer la saisie, assurez-vous de comprendre les bases de la comptabilité.
+                    Si vous n'avez jamais fait de comptabilité, nous vous recommandons de lire notre{" "}
+                    <DocLink to="/documentation/comptabilite">cours d'introduction</DocLink>.
+                </DocParagraph>
+                <DocParagraph>
+                    Les concepts clés à maîtriser sont :
+                </DocParagraph>
+                <DocList items={[
+                    "La partie double (débit = crédit)",
+                    "Les classes de comptes (1 à 7)",
+                    "La différence entre bilan et compte de résultat"
+                ]} />
+            </DocSection>
+
+            <DocNextPage
+                to="/documentation/dashboard/organisations"
+                label="Gérer les organisations"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/ecritures.tsx b/packages/dashboard/src/features/docs/dashboard/ecritures.tsx
new file mode 100644
index 0000000..39ae0f2
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/ecritures.tsx
@@ -0,0 +1,147 @@
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTable } from "../../../components/document/docTable.js"
+import { css } from "../../../utilities/cn.js"
+
+
+export function GuideEcritures() {
+    return (
+        <div>
+            <DocHeader
+                title="Saisir des écritures"
+                description="Enregistrer vos opérations comptables dans Arrhes"
+            />
+
+            <DocSection title="Accéder à la saisie">
+                <DocParagraph>
+                    Pour saisir une écriture, accédez à votre exercice comptable puis cliquez
+                    sur l'onglet Écritures. Vous verrez la liste des écritures existantes
+                    et un bouton pour en ajouter une nouvelle.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Créer une écriture">
+                <DocParagraph>
+                    Chaque écriture comptable nécessite les informations suivantes :
+                </DocParagraph>
+                <DocList items={[
+                    "Date : la date de l'opération (ne peut pas être en dehors de l'exercice)",
+                    "Journal : le type d'opération (Achats, Ventes, Banque...)",
+                    "Libellé : une description claire de l'opération",
+                    "Lignes : les comptes mouvementés avec leurs montants"
+                ]} />
+
+                <DocExample title="Étapes de saisie">
+                    <DocList items={[
+                        "Cliquez sur Nouvelle écriture",
+                        "Sélectionnez le journal (ex : Banque)",
+                        "Choisissez la date de l'opération",
+                        "Entrez un libellé descriptif (ex : Achat fournitures Papeterie Martin)",
+                        "Ajoutez les lignes d'écriture (comptes et montants)",
+                        "Vérifiez que l'équilibre débit = crédit est respecté",
+                        "Enregistrez l'écriture"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les lignes d'écriture">
+                <DocParagraph>
+                    Chaque ligne d'écriture correspond à un compte mouvementé.
+                    Vous devez indiquer :
+                </DocParagraph>
+                <DocList items={[
+                    "Le compte (vous pouvez le rechercher par numéro ou par nom)",
+                    "Le montant au débit OU au crédit (jamais les deux)"
+                ]} />
+                <DocParagraph>
+                    Rappel : comme expliqué dans le cours sur les{" "}
+                    <DocLink to="/documentation/comptabilite/ecritures">écritures comptables</DocLink>,
+                    le total des débits doit toujours être égal au total des crédits.
+                </DocParagraph>
+
+                <DocExample title="Écriture de paiement fournisseur">
+                    <p className={css({ mb: "3" })}>
+                        Vous payez une facture de 500 euros par virement bancaire :
+                    </p>
+                    <DocTable
+                        headers={["Compte", "Débit", "Crédit"]}
+                        rows={[
+                            ["401000 - Fournisseurs", "500,00", ""],
+                            ["512000 - Banque", "", "500,00"],
+                        ]}
+                    />
+                    <p className={css({ marginTop: "3", fontSize: "xs", color: "neutral/60" })}>
+                        Explication : la dette fournisseur diminue (débit d'un compte de passif),
+                        la banque diminue (crédit d'un compte d'actif).
+                    </p>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Joindre un justificatif">
+                <DocParagraph>
+                    Chaque écriture devrait être justifiée par une pièce (facture, relevé bancaire, ticket...).
+                    Arrhes vous permet de joindre des fichiers numériques à vos écritures.
+                </DocParagraph>
+                <DocList items={[
+                    "Formats acceptés : PDF, images (JPG, PNG)",
+                    "Taille maximale : 10 Mo par fichier",
+                    "Vous pouvez joindre plusieurs fichiers à une même écriture"
+                ]} />
+                <DocExample title="Ajouter une pièce jointe">
+                    <DocList items={[
+                        "Ouvrez l'écriture concernée",
+                        "Cliquez sur Ajouter une pièce jointe",
+                        "Sélectionnez le fichier sur votre ordinateur",
+                        "Le fichier est automatiquement associé à l'écriture"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Modifier ou supprimer une écriture">
+                <DocParagraph>
+                    Vous pouvez modifier ou supprimer une écriture tant que l'exercice n'est pas clôturé.
+                    Pour cela, ouvrez l'écriture et utilisez les boutons correspondants.
+                </DocParagraph>
+                <DocParagraph>
+                    <strong>Attention :</strong> en comptabilité, il est généralement préférable de
+                    passer une écriture de correction plutôt que de supprimer une écriture erronée.
+                    Cela permet de garder une trace de l'erreur et de sa correction.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Rechercher des écritures">
+                <DocParagraph>
+                    La liste des écritures peut être filtrée et triée selon plusieurs critères :
+                </DocParagraph>
+                <DocList items={[
+                    "Par date (période)",
+                    "Par journal",
+                    "Par compte",
+                    "Par libellé (recherche textuelle)"
+                ]} />
+                <DocParagraph>
+                    Utilisez les filtres en haut de la liste pour affiner votre recherche.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Conseils pratiques">
+                <DocList items={[
+                    "Saisissez vos écritures régulièrement (idéalement chaque semaine) pour ne pas accumuler de retard",
+                    "Utilisez des libellés clairs et cohérents pour faciliter les recherches",
+                    "Numérisez et joignez vos justificatifs au fur et à mesure",
+                    "Vérifiez régulièrement vos soldes bancaires avec vos relevés"
+                ]} />
+            </DocSection>
+
+            <DocNextPage
+                to="/documentation/dashboard/rapports"
+                label="Générer des rapports"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/organisations.tsx b/packages/dashboard/src/features/docs/dashboard/organisations.tsx
new file mode 100644
index 0000000..4b63bff
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/organisations.tsx
@@ -0,0 +1,137 @@
+import { DocDefinition } from "../../../components/document/docDefinition.js"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+
+
+export function GuideOrganisations() {
+    return (
+        <div>
+            <DocHeader
+                title="Gérer les organisations"
+                description="Configuration et administration de vos structures"
+            />
+
+            <DocSection title="Types d'organisations">
+                <DocParagraph>
+                    Arrhes supporte deux types d'organisations, chacun avec un plan comptable adapté :
+                </DocParagraph>
+                <DocDefinition
+                    term="Entreprise"
+                    definition="Plan comptable général (PCG) adapté aux sociétés commerciales. Inclut les comptes de TVA, de capital social, etc."
+                />
+                <DocDefinition
+                    term="Association"
+                    definition="Plan comptable des associations. Inclut les comptes spécifiques comme les cotisations (756), les subventions (74), les fonds associatifs..."
+                />
+                <DocParagraph>
+                    Le type d'organisation est défini à la création et ne peut pas être modifié ensuite.
+                    Si vous avez fait une erreur, vous devrez créer une nouvelle organisation.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Paramètres de l'organisation">
+                <DocParagraph>
+                    Chaque organisation possède des paramètres que vous pouvez modifier :
+                </DocParagraph>
+                <DocList items={[
+                    "Nom : le nom affiché dans l'interface",
+                    "SIREN : le numéro d'identification (pour les entreprises)",
+                    "Email de contact : pour les notifications et rapports"
+                ]} />
+                <DocExample title="Modifier les paramètres">
+                    <DocList items={[
+                        "Accédez à votre organisation",
+                        "Cliquez sur l'onglet « Paramètres »",
+                        "Modifiez les informations souhaitées",
+                        "Enregistrez les modifications"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Gestion des membres">
+                <DocParagraph>
+                    Vous pouvez inviter d'autres personnes à accéder à votre organisation.
+                    Chaque membre peut avoir des droits différents.
+                </DocParagraph>
+                <DocDefinition
+                    term="Administrateur"
+                    definition="Accès complet : peut modifier les paramètres, inviter des membres, supprimer l'organisation."
+                />
+                <DocDefinition
+                    term="Membre"
+                    definition={<>Accès limité : peut <DocLink to="/documentation/dashboard/ecritures">saisir des écritures</DocLink> et <DocLink to="/documentation/dashboard/rapports">consulter les rapports</DocLink>, mais ne peut pas modifier les paramètres.</>}
+                />
+                <DocExample title="Inviter un membre">
+                    <DocList items={[
+                        "Allez dans Paramètres → Membres",
+                        "Cliquez sur « Inviter un membre »",
+                        "Entrez l'adresse email de la personne",
+                        "Choisissez son rôle (Administrateur ou Membre)",
+                        "Envoyez l'invitation"
+                    ]} />
+                    <DocParagraph>
+                        La personne recevra un email avec un lien pour rejoindre l'organisation.
+                    </DocParagraph>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les exercices comptables">
+                <DocParagraph>
+                    Chaque organisation contient un ou plusieurs exercices comptables.
+                    Un exercice représente une période (généralement 12 mois) pendant laquelle
+                    vous enregistrez vos opérations.
+                </DocParagraph>
+                <DocParagraph>
+                    Pour comprendre ce qu'est un exercice comptable, consultez la page sur les{" "}
+                    <DocLink to="/documentation/comptabilite">principes fondamentaux</DocLink>.
+                </DocParagraph>
+                <DocList items={[
+                    "Vous ne pouvez avoir qu'un seul exercice en cours à la fois",
+                    "Les exercices clôturés ne peuvent plus être modifiés",
+                    "À la clôture, le résultat est reporté dans l'exercice suivant"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Configuration du plan comptable">
+                <DocParagraph>
+                    Le plan comptable est la liste des comptes disponibles pour saisir vos écritures.
+                    Arrhes crée automatiquement un plan comptable standard, mais vous pouvez le personnaliser.
+                </DocParagraph>
+                <DocExample title="Ajouter un compte">
+                    <DocList items={[
+                        "Accédez à l'exercice concerné",
+                        "Allez dans Paramètres → Comptes",
+                        "Cliquez sur « Ajouter un compte »",
+                        "Définissez le numéro et l'intitulé du compte",
+                        "Enregistrez"
+                    ]} />
+                    <DocParagraph>
+                        Pour comprendre la numérotation des comptes, consultez la page sur les{" "}
+                        <DocLink to="/documentation/comptabilite/comptes">comptes comptables</DocLink>.
+                    </DocParagraph>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les journaux">
+                <DocParagraph>
+                    Les journaux permettent de classer vos écritures par type d'opération.
+                    Des journaux par défaut sont créés automatiquement (Achats, Ventes, Banque, Caisse, Opérations diverses).
+                </DocParagraph>
+                <DocParagraph>
+                    Vous pouvez créer des journaux supplémentaires si nécessaire (ex : un journal par compte bancaire
+                    si vous en avez plusieurs).
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/documentation/dashboard/ecritures"
+                label="Saisir des écritures"
+            />
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/rapports.tsx b/packages/dashboard/src/features/docs/dashboard/rapports.tsx
new file mode 100644
index 0000000..9812929
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/rapports.tsx
@@ -0,0 +1,203 @@
+import { IconCircleCheck } from "@tabler/icons-react"
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTable } from "../../../components/document/docTable.js"
+import { css } from "../../../utilities/cn.js"
+
+
+export function GuideRapports() {
+    return (
+        <div>
+            <DocHeader
+                title="Générer des rapports"
+                description="Produire vos documents comptables et analyser vos données"
+            />
+
+            <DocSection title="Les rapports disponibles">
+                <DocParagraph>
+                    Arrhes vous permet de générer les principaux{" "}
+                    <DocLink to="/documentation/comptabilite/documents">documents comptables</DocLink>{" "}
+                    nécessaires à la gestion de votre entreprise et à vos obligations légales.
+                </DocParagraph>
+                <DocList items={[
+                    "Grand livre : détail de tous les mouvements par compte",
+                    "Balance : situation de chaque compte (soldes débiteurs et créditeurs)",
+                    "Journal : liste chronologique de toutes les écritures",
+                    "Bilan : situation patrimoniale de l'entreprise (actif/passif)",
+                    "Compte de résultat : synthèse des produits et charges de l'exercice"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Accéder aux rapports">
+                <DocParagraph>
+                    Pour générer un rapport, accédez à votre exercice comptable puis cliquez
+                    sur l'onglet Rapports. Sélectionnez ensuite le type de document souhaité.
+                </DocParagraph>
+                <DocExample title="Générer une balance">
+                    <DocList items={[
+                        "Ouvrez l'exercice comptable concerné",
+                        "Cliquez sur Rapports dans le menu",
+                        "Sélectionnez Balance",
+                        "Choisissez la période (optionnel)",
+                        "Cliquez sur Générer"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Le Grand livre">
+                <DocParagraph>
+                    Le grand livre présente le détail de tous les mouvements pour chaque compte.
+                    C'est le document de référence pour vérifier l'historique d'un compte.
+                </DocParagraph>
+                <DocList items={[
+                    "Affiche chaque écriture avec sa date, son libellé et son montant",
+                    "Calcule le solde progressif après chaque mouvement",
+                    "Peut être filtré par compte ou par période",
+                    "Utile pour pointer les écarts et comprendre l'évolution d'un compte"
+                ]} />
+            </DocSection>
+
+            <DocSection title="La Balance">
+                <DocParagraph>
+                    La balance présente la situation de chaque compte avec le total des débits,
+                    le total des crédits et le solde. Elle permet de vérifier l'équilibre comptable.
+                </DocParagraph>
+                <DocExample title="Extrait de balance">
+                    <DocTable
+                        headers={["Compte", "Libellé", "Total Débit", "Total Crédit", "Solde"]}
+                        rows={[
+                            ["411000", "Clients", "15 000,00", "12 000,00", "3 000,00 D"],
+                            ["401000", "Fournisseurs", "8 000,00", "10 000,00", "2 000,00 C"],
+                            ["512000", "Banque", "45 000,00", "38 000,00", "7 000,00 D"],
+                        ]}
+                    />
+                </DocExample>
+                <DocParagraph>
+                    <strong>Vérification :</strong> le total des soldes débiteurs doit toujours
+                    être égal au total des soldes créditeurs.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le Bilan">
+                <DocParagraph>
+                    Le bilan présente la situation patrimoniale de l'entreprise à une date donnée.
+                    Il est structuré en deux parties équilibrées :
+                </DocParagraph>
+                <DocList items={[
+                    "L'actif : ce que l'entreprise possède (immobilisations, stocks, créances, trésorerie)",
+                    "Le passif : les ressources de l'entreprise (capitaux propres, emprunts, dettes)"
+                ]} />
+                <DocParagraph>
+                    Le bilan est généralement produit à la clôture de l'exercice pour les
+                    comptes annuels, mais peut aussi être généré à tout moment pour un suivi intermédiaire.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Le Compte de résultat">
+                <DocParagraph>
+                    Le compte de résultat présente les produits et les charges de l'exercice,
+                    et calcule le résultat (bénéfice ou perte).
+                </DocParagraph>
+                <DocExample title="Structure simplifiée">
+                    <DocTable
+                        headers={["Élément", "Montant"]}
+                        rows={[
+                            ["Chiffre d'affaires", "100 000,00"],
+                            ["Achats et charges externes", "- 60 000,00"],
+                            ["Charges de personnel", "- 25 000,00"],
+                            ["Autres charges", "- 5 000,00"],
+                            ["Résultat", "10 000,00"],
+                        ]}
+                    />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Exporter les rapports">
+                <DocParagraph>
+                    Tous les rapports peuvent être exportés dans plusieurs formats
+                    pour être archivés ou transmis à votre expert-comptable.
+                </DocParagraph>
+                <DocList items={[
+                    "PDF : format idéal pour l'archivage et l'impression",
+                    "Excel (XLSX) : pour retravailler les données dans un tableur",
+                    "CSV : format universel compatible avec tous les logiciels"
+                ]} />
+                <DocExample title="Exporter un rapport">
+                    <DocList items={[
+                        "Générez le rapport souhaité",
+                        "Cliquez sur le bouton Exporter",
+                        "Sélectionnez le format (PDF, Excel, CSV)",
+                        "Le fichier est téléchargé sur votre ordinateur"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Filtrer par période">
+                <DocParagraph>
+                    La plupart des rapports peuvent être filtrés par période pour analyser
+                    une portion spécifique de l'exercice (mois, trimestre...).
+                </DocParagraph>
+                <DocList items={[
+                    "Sélectionnez une date de début et une date de fin",
+                    "Les rapports n'incluront que les écritures de cette période",
+                    "Utile pour les déclarations périodiques (TVA mensuelle, trimestrielle...)"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Conseils pratiques">
+                <DocList items={[
+                    "Générez une balance chaque mois pour vérifier la cohérence de vos saisies",
+                    "Comparez vos soldes bancaires avec vos relevés pour détecter les écarts",
+                    "Archivez vos rapports PDF pour conserver une trace datée",
+                    "Transmettez les exports à votre expert-comptable pour la révision annuelle"
+                ]} />
+            </DocSection>
+
+            {/* Completion box */}
+            <div className={css({
+                marginTop: "12",
+                p: "6",
+                rounded: "xl",
+                backgroundColor: "success/8",
+                border: "1px solid",
+                borderColor: "success/20"
+            })}>
+                <div className={css({
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: "4"
+                })}>
+                    <IconCircleCheck className={css({
+                        width: "6",
+                        height: "6",
+                        color: "success",
+                        flexShrink: 0,
+                        marginTop: "0.5"
+                    })} />
+                    <div>
+                        <h3 className={css({
+                            fontWeight: "semibold",
+                            color: "success",
+                            mb: "2"
+                        })}>
+                            Félicitations !
+                        </h3>
+                        <p className={css({
+                            fontSize: "sm",
+                            color: "neutral/70",
+                            lineHeight: "relaxed"
+                        })}>
+                            Vous avez terminé le guide d'utilisation d'Arrhes. Vous maîtrisez maintenant
+                            les fonctionnalités essentielles pour gérer votre comptabilité. N'hésitez pas
+                            à consulter le <DocLink to="/documentation/comptabilite">cours de comptabilité</DocLink> si vous souhaitez approfondir vos connaissances.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboardIndex.tsx b/packages/dashboard/src/features/docs/dashboardIndex.tsx
new file mode 100644
index 0000000..a7d2df4
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboardIndex.tsx
@@ -0,0 +1,141 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconChevronRight, IconLayout, IconRocket } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { DocLink } from "../../components/document/docLink.js"
+import { DocLinkCard } from "../../components/document/docLinkCard.js"
+import { DocTip } from "../../components/document/docTip.js"
+import { css } from "../../utilities/cn.js"
+
+
+export function DashboardIndex() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Guide d'utilisation
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Découvrez comment utiliser Arrhes au quotidien pour gérer votre comptabilité
+                    de manière simple et efficace.
+                </p>
+            </div>
+
+            {/* Quick start card */}
+            <div className={css({
+                padding: "1.5rem",
+                borderRadius: "lg",
+                backgroundColor: "primary/5",
+                border: "1px solid",
+                borderColor: "primary/20",
+                display: "flex",
+                flexDirection: { base: "column", md: "row" },
+                alignItems: { base: "flex-start", md: "center" },
+                gap: "1rem",
+            })}>
+                <div className={css({
+                    width: "3rem",
+                    height: "3rem",
+                    borderRadius: "md",
+                    backgroundColor: "primary/10",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: "primary",
+                    flexShrink: 0,
+                    "& svg": {
+                        width: "1.5rem",
+                        height: "1.5rem"
+                    }
+                })}>
+                    <IconRocket />
+                </div>
+                <div className={css({ flex: "1" })}>
+                    <h2 className={css({
+                        fontSize: "md",
+                        fontWeight: "semibold",
+                        color: "neutral",
+                        mb: "0.25rem"
+                    })}>
+                        Nouveau sur Arrhes ?
+                    </h2>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                    })}>
+                        Commencez par le guide de démarrage pour configurer votre première organisation
+                        et comprendre les bases du logiciel.
+                    </p>
+                </div>
+                <Link to="/documentation/dashboard/demarrage">
+                    <ButtonContent
+                        variant="primary"
+                        text="Commencer"
+                        rightIcon={<IconChevronRight />}
+                    />
+                </Link>
+            </div>
+
+            {/* Guide sections */}
+            <div className={css({
+                display: "grid",
+                gridTemplateColumns: { base: "1fr", sm: "repeat(2, 1fr)" },
+                gap: "1rem",
+            })}>
+                <DocLinkCard
+                    icon={<IconRocket />}
+                    iconColor="success"
+                    title="Démarrage"
+                    description="Créez votre compte, configurez votre organisation et paramétrez votre plan comptable."
+                    to="/documentation/dashboard/demarrage"
+                />
+                <DocLinkCard
+                    icon={<IconLayout />}
+                    iconColor="success"
+                    title="Organisations"
+                    description="Gérez vos organisations, invitez des collaborateurs et configurez les permissions."
+                    to="/documentation/dashboard/organisations"
+                />
+                <DocLinkCard
+                    icon={<IconLayout />}
+                    iconColor="success"
+                    title="Saisie des écritures"
+                    description="Apprenez à saisir vos écritures comptables rapidement et efficacement."
+                    to="/documentation/dashboard/ecritures"
+                />
+                <DocLinkCard
+                    icon={<IconLayout />}
+                    iconColor="success"
+                    title="Rapports"
+                    description="Générez vos documents comptables : bilan, compte de résultat, balance et plus."
+                    to="/documentation/dashboard/rapports"
+                />
+            </div>
+
+
+            {/* Tip box */}
+            <DocTip variant="tip">
+                Si vous n'avez jamais fait de comptabilité, nous vous recommandons de commencer par le{" "}
+                <DocLink to="/documentation/comptabilite">cours de comptabilité</DocLink>
+                {" "}avant de consulter le guide d'utilisation. Cela vous permettra de mieux comprendre
+                les concepts utilisés dans le logiciel.
+            </DocTip>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/docSections.tsx b/packages/dashboard/src/features/docs/docSections.tsx
new file mode 100644
index 0000000..77ad151
--- /dev/null
+++ b/packages/dashboard/src/features/docs/docSections.tsx
@@ -0,0 +1,104 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconBook, IconGavel, IconHeadset, IconHome, IconInfoCircle, IconLayout } from "@tabler/icons-react"
+import { DocSection } from "./components/sectionTab.tsx"
+
+
+export // Documentation sections configuration
+    const docSections: Record<string, DocSection> = {
+        general: {
+            id: "general",
+            label: "Général",
+            path: "/documentation",
+            icon: <IconInfoCircle />,
+            navigation: {
+                introduction: {
+                    title: "Introduction",
+                    icon: <IconHome className={css({ width: "1rem", height: "1rem" })} />,
+                    items: [
+                        { path: "/documentation", label: "Accueil" },
+                        { path: "/documentation/fonctionnalites", label: "Fonctionnalités" },
+                        { path: "/documentation/tarifs", label: "Tarifs" },
+                        { path: "/documentation/support", label: "Support" },
+                    ]
+                },
+                legal: {
+                    title: "Légal",
+                    icon: <IconGavel className={css({ width: "1rem", height: "1rem" })} />,
+                    items: [
+                        { path: "/documentation/mentions-legales", label: "Mentions légales" },
+                        { path: "/documentation/cgu", label: "Conditions Générales d'Utilisation" },
+                        { path: "/documentation/confidentialite", label: "Politique de confidentialité" },
+                    ]
+                }
+            }
+        },
+        comptabilite: {
+            id: "comptabilite",
+            label: "Comptabilité",
+            path: "/documentation/comptabilite",
+            icon: <IconBook />,
+            navigation: {
+                cours: {
+                    title: "Cours de comptabilité",
+                    icon: <IconBook className={css({ width: "1rem", height: "1rem" })} />,
+                    items: [
+                        { path: "/documentation/comptabilite", label: "Introduction" },
+                        { path: "/documentation/comptabilite/comptes", label: "Les comptes" },
+                        { path: "/documentation/comptabilite/ecritures", label: "Les écritures" },
+                        { path: "/documentation/comptabilite/documents", label: "Les documents" },
+                    ]
+                }
+            }
+        },
+        dashboard: {
+            id: "dashboard",
+            label: "Dashboard",
+            path: "/documentation/dashboard",
+            icon: <IconLayout />,
+            navigation: {
+                guide: {
+                    title: "Guide d'utilisation",
+                    icon: <IconLayout className={css({ width: "1rem", height: "1rem" })} />,
+                    items: [
+                        { path: "/documentation/dashboard", label: "Accueil" },
+                        { path: "/documentation/dashboard/demarrage", label: "Démarrage" },
+                        { path: "/documentation/dashboard/organisations", label: "Organisations" },
+                        { path: "/documentation/dashboard/ecritures", label: "Saisie des écritures" },
+                        { path: "/documentation/dashboard/rapports", label: "Rapports" },
+                    ]
+                }
+            }
+        },
+        // api: {
+        //     id: "api",
+        //     label: "API",
+        //     path: "/documentation/api",
+        //     icon: <IconCode />,
+        //     navigation: {
+        //         api: {
+        //             title: "API REST",
+        //             icon: <IconCode className={css({ width: "1rem", height: "1rem" })} />,
+        //             items: [
+        //                 { path: "/documentation/api", label: "Présentation" },
+        //             ]
+        //         }
+        //     }
+        // },
+        // ai: {
+        //     id: "ai",
+        //     label: "Assistant IA",
+        //     path: "/documentation/ai",
+        //     icon: <IconRobot />,
+        //     navigation: {
+        //         assistant: {
+        //             title: "Assistant IA",
+        //             icon: <IconRobot className={css({ width: "1rem", height: "1rem" })} />,
+        //             items: [
+        //                 { path: "/documentation/ai", label: "Introduction" },
+        //                 { path: "/documentation/ai/assistant", label: "Assistant comptable" },
+        //                 { path: "/documentation/ai/analyse", label: "Analyse des données" },
+        //             ]
+        //         }
+        //     }
+        // }
+    }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/docs/documentationIndex.tsx b/packages/dashboard/src/features/docs/documentationIndex.tsx
index c01819c..bd494bd 100644
--- a/packages/dashboard/src/features/docs/documentationIndex.tsx
+++ b/packages/dashboard/src/features/docs/documentationIndex.tsx
@@ -1,192 +1,115 @@
-import { css } from "../../utilities/cn.js"
-import { IconBook, IconChevronRight, IconLayout } from "@tabler/icons-react"
+import { ButtonContent } from "@arrhes/ui"
+import { IconBook, IconChevronRight } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
-import { DocIndexLink } from "../../components/document/docIndexLink.js"
+import { DocLinkCard } from "../../components/document/docLinkCard.js"
+import { css } from "../../utilities/cn.js"
 
 
 export function DocumentationIndex() {
     return (
-        <div>
-            <h1 className={css({
-                fontSize: "3xl",
-                fontWeight: "bold",
-                mb: "4"
-            })}>Documentation</h1>
-            <p className={css({
-                color: "neutral/70",
-                mb: "8",
-                fontSize: "lg"
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
             })}>
-                Bienvenue dans la documentation d'Arrhes. Que vous soyez debutant en comptabilite
-                ou que vous cherchiez a maitriser le logiciel, vous trouverez ici toutes les ressources necessaires.
-            </p>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Documentation
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Bienvenue dans la documentation d'Arrhes. Vous pouvez ici découvrir le logiciel, comment l'utiliser ou encore
+                    reprendre les bases de la comptabilité ou explorez notre API.
+                </p>
+            </div>
 
+            {/* Quick links to other sections */}
             <div className={css({
                 display: "grid",
-                gridTemplateColumns: { md: "2" },
-                gap: "6"
+                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                gap: "1rem",
             })}>
-                {/* Cours de comptabilite */}
-                <div className={css({
-                    p: "6",
-                    rounded: "lg",
-                    border: "1px solid",
-                    borderColor: "neutral/10",
-                    bg: "white"
-                })}>
-                    <div className={css({
-                        w: "12",
-                        h: "12",
-                        rounded: "lg",
-                        bg: "information/10",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        mb: "4"
-                    })}>
-                        <IconBook className={css({ w: "6", h: "6", color: "information" })} />
-                    </div>
-                    <h2 className={css({
-                        fontSize: "xl",
-                        fontWeight: "semibold",
-                        mb: "2"
-                    })}>Cours de comptabilite</h2>
-                    <p className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        mb: "4"
-                    })}>
-                        Apprenez les bases de la comptabilite francaise. Ce cours est concu pour les
-                        personnes sans formation comptable qui souhaitent comprendre les principes essentiels.
-                    </p>
-                    <div className={css({ spaceY: "2", mb: "4" })}>
-                        <DocIndexLink
-                            to="/docs/comptabilite/introduction"
-                            label="- Introduction a la comptabilite"
-                        />
-                        <DocIndexLink
-                            to="/docs/comptabilite/comptes"
-                            label="- Les comptes comptables"
-                        />
-                        <DocIndexLink
-                            to="/docs/comptabilite/ecritures"
-                            label="- Les ecritures comptables"
-                        />
-                        <DocIndexLink
-                            to="/docs/comptabilite/documents"
-                            label="- Les documents de synthese"
-                        />
-                    </div>
-                    <Link
-                        to="/docs/comptabilite/introduction"
-                        className={css({
-                            display: "inline-flex",
-                            alignItems: "center",
-                            gap: "1",
-                            fontSize: "sm",
-                            fontWeight: "medium",
-                            color: "primary",
-                            _hover: { textDecoration: "underline" }
-                        })}
-                    >
-                        Commencer le cours
-                        <IconChevronRight className={css({ w: "4", h: "4" })} />
-                    </Link>
-                </div>
-
-                {/* Guide d'utilisation */}
-                <div className={css({
-                    p: "6",
-                    rounded: "lg",
-                    border: "1px solid",
-                    borderColor: "neutral/10",
-                    bg: "white"
-                })}>
-                    <div className={css({
-                        w: "12",
-                        h: "12",
-                        rounded: "lg",
-                        bg: "success/10",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        mb: "4"
-                    })}>
-                        <IconLayout className={css({ w: "6", h: "6", color: "success" })} />
-                    </div>
-                    <h2 className={css({
-                        fontSize: "xl",
-                        fontWeight: "semibold",
-                        mb: "2"
-                    })}>Guide d'utilisation</h2>
-                    <p className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        mb: "4"
-                    })}>
-                        Decouvrez comment utiliser Arrhes au quotidien. Ce guide vous accompagne
-                        pas a pas dans la prise en main du logiciel.
-                    </p>
-                    <div className={css({ spaceY: "2", mb: "4" })}>
-                        <DocIndexLink
-                            to="/docs/guide/demarrage"
-                            label="- Demarrer avec Arrhes"
-                        />
-                        <DocIndexLink
-                            to="/docs/guide/organisations"
-                            label="- Gerer les organisations"
-                        />
-                        <DocIndexLink
-                            to="/docs/guide/ecritures"
-                            label="- Saisir des ecritures"
-                        />
-                        <DocIndexLink
-                            to="/docs/guide/rapports"
-                            label="- Generer des rapports"
-                        />
-                    </div>
-                    <Link
-                        to="/docs/guide/demarrage"
-                        className={css({
-                            display: "inline-flex",
-                            alignItems: "center",
-                            gap: "1",
-                            fontSize: "sm",
-                            fontWeight: "medium",
-                            color: "primary",
-                            _hover: { textDecoration: "underline" }
-                        })}
-                    >
-                        Commencer le guide
-                        <IconChevronRight className={css({ w: "4", h: "4" })} />
-                    </Link>
-                </div>
+                <DocLinkCard
+                    icon={<IconBook />}
+                    iconColor="primary"
+                    title="Comptabilité"
+                    description="Cours de comptabilité et guide d'utilisation du logiciel."
+                    to="/documentation/comptabilite"
+                />
+                <DocLinkCard
+                    icon={<IconBook />}
+                    iconColor="primary"
+                    title="Dashboard"
+                    description="Cours de comptabilité et guide d'utilisation du logiciel."
+                    to="/documentation/dashboard"
+                />
+                {/* <DocLinkCard
+                    icon={<IconCode />}
+                    iconColor="primary"
+                    title="API"
+                    description="Documentation de l'API REST pour intégrer Arrhes à vos outils."
+                    to="/documentation/api"
+                /> */}
+                {/* <DocLinkCard
+                    icon={<IconRobot />}
+                    iconColor="primary"
+                    title="Intelligence Artificielle"
+                    description="Découvrez l'assistant IA pour faire passer votre comptabilité à la vitesse supérieure."
+                    to="/documentation/ai"
+                /> */}
             </div>
 
-            {/* Quick tip */}
+            {/* About section */}
             <div className={css({
-                mt: "8",
-                p: "4",
-                rounded: "lg",
-                bg: "warning/10",
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
                 border: "1px solid",
-                borderColor: "warning/20"
+                borderColor: "neutral/10",
+                backgroundColor: "white",
             })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    À propos d'Arrhes
+                </h2>
                 <p className={css({
                     fontSize: "sm",
-                    color: "neutral/80"
+                    color: "neutral/60",
+                    lineHeight: "relaxed",
                 })}>
-                    <strong>Conseil :</strong> Si vous n'avez jamais fait de comptabilite, nous vous recommandons
-                    de commencer par le{" "}
-                    <Link to="/docs/comptabilite/introduction" className={css({
-                        color: "primary",
-                        _hover: { textDecoration: "underline" }
-                    })}>
-                        cours de comptabilite
-                    </Link>
-                    {" "}avant de consulter le guide d'utilisation. Cela vous permettra de mieux comprendre
-                    les concepts utilises dans le logiciel.
+                    Arrhes est un logiciel de comptabilité open source conçu pour les entreprises et associations.
+                    Simple, moderne et respectueux des normes comptables françaises, il vous permet de gérer
+                    vos écritures comptables, générer vos documents fiscaux et collaborer avec votre équipe.
                 </p>
+                <div className={css({
+                    display: "flex",
+                    gap: "0.5rem",
+                })}>
+                    <Link to="/documentation/fonctionnalites">
+                        <ButtonContent
+                            variant="default"
+                            text="Voir les fonctionnalités"
+                            rightIcon={<IconChevronRight />}
+                        />
+                    </Link>
+                </div>
             </div>
         </div>
     )
diff --git a/packages/dashboard/src/features/docs/documentationLayout.tsx b/packages/dashboard/src/features/docs/documentationLayout.tsx
index 83e65b8..df7d16a 100644
--- a/packages/dashboard/src/features/docs/documentationLayout.tsx
+++ b/packages/dashboard/src/features/docs/documentationLayout.tsx
@@ -1,190 +1,257 @@
-import { ButtonContent } from "@arrhes/ui"
-import { IconAbacus, IconBook, IconHome, IconLayout } from "@tabler/icons-react"
+import { ButtonContent, Logo } from "@arrhes/ui"
+import {
+    IconBook2,
+    IconBrandGithub,
+    IconMenu2,
+    IconX
+} from "@tabler/icons-react"
 import { Link, Outlet, useRouterState } from "@tanstack/react-router"
+import { useState } from "react"
 import { css, cx } from "../../utilities/cn.js"
+import { SectionTab } from "./components/sectionTab.js"
+import { SidebarNavigation } from "./components/sidebarNavigation.js"
+import { docSections } from "./docSections.js"
 
 
-const navigationItems = {
-    comptabilite: {
-        title: "Cours de comptabilite",
-        icon: <IconBook className={css({ w: "4", h: "4" })} />,
-        items: [
-            { path: "/docs/comptabilite/introduction", label: "Introduction" },
-            { path: "/docs/comptabilite/comptes", label: "Les comptes" },
-            { path: "/docs/comptabilite/ecritures", label: "Les ecritures" },
-            { path: "/docs/comptabilite/documents", label: "Les documents" },
-        ]
-    },
-    guide: {
-        title: "Guide d'utilisation",
-        icon: <IconLayout className={css({ w: "4", h: "4" })} />,
-        items: [
-            { path: "/docs/guide/demarrage", label: "Demarrage" },
-            { path: "/docs/guide/organisations", label: "Organisations" },
-            { path: "/docs/guide/ecritures", label: "Saisie des ecritures" },
-            { path: "/docs/guide/rapports", label: "Rapports" },
-        ]
-    }
+type DocSectionId = keyof typeof docSections
+
+
+function getCurrentSection(pathname: string): DocSectionId {
+    if (pathname.startsWith("/documentation/comptabilite")) return "comptabilite"
+    if (pathname.startsWith("/documentation/dashboard")) return "dashboard"
+    // if (pathname.startsWith("/documentation/api")) return "api"
+    // if (pathname.startsWith("/documentation/ai")) return "ai"
+    return "general"
 }
 
 
 export function DocumentationLayout() {
     const pathname = useRouterState({ select: (s) => s.location.pathname })
+    const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
+
+    const currentSectionId = getCurrentSection(pathname)
+    const currentSection = docSections[currentSectionId]
 
     return (
         <div className={css({
-            w: "full",
-            minH: "screen",
+            width: "100%",
+            minHeight: "100vh",
             display: "flex",
-            flexDir: "column"
+            flexDirection: "column",
+            backgroundColor: "background"
         })}>
             {/* Header */}
             <header className={css({
-                w: "full",
-                px: "6",
-                py: "4",
+                width: "100%",
                 display: "flex",
-                justifyContent: "space-between",
+                flexDirection: "column",
+                justifyContent: "start",
                 alignItems: "center",
                 borderBottom: "1px solid",
-                borderColor: "neutral/10",
-                bg: "white",
+                borderColor: "neutral/8",
+                backgroundColor: "white",
                 position: "sticky",
                 top: "0",
-                zIndex: "10"
+                zIndex: "20"
             })}>
+                {/* Top bar */}
                 <div className={css({
+                    width: "100%",
                     display: "flex",
+                    justifyContent: "center",
                     alignItems: "center",
-                    gap: "4"
+                    padding: "1rem",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/8",
                 })}>
-                    <Link to="/" className={css({
+                    <div className={css({
+                        width: "100%",
+                        maxWidth: "lg",
                         display: "flex",
+                        justifyContent: "space-between",
                         alignItems: "center",
-                        gap: "2",
-                        fontSize: "xl",
-                        fontWeight: "semibold",
-                        color: "neutral"
-                    })}>
-                        <IconAbacus className={css({ w: "5", h: "5" })} />
-                        <span>Arrhes</span>
-                    </Link>
-                    <span className={css({ color: "neutral/30" })}>/</span>
-                    <Link to="/docs" className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        _hover: { color: "neutral" }
+                        gap: "1rem"
                     })}>
-                        Documentation
-                    </Link>
+                        <div className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.5rem"
+                        })}>
+                            {/* Mobile menu button */}
+                            <button
+                                onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+                                className={css({
+                                    display: { base: "flex", lg: "none" },
+                                    padding: "0.5rem",
+                                    borderRadius: "md",
+                                    color: "neutral/60",
+                                    _hover: { backgroundColor: "neutral/5", color: "neutral" }
+                                })}
+                            >
+                                {mobileMenuOpen
+                                    ? <IconX className={css({ width: "1.25rem", height: "1.25rem" })} />
+                                    : <IconMenu2 className={css({ width: "1.25rem", height: "1.25rem" })} />
+                                }
+                            </button>
+
+                            <Link to="/">
+                                <Logo withText />
+                            </Link>
+
+                            <span className={css({ color: "neutral/20", display: { base: "none", sm: "block" } })}>/</span>
+
+                            <Link to="/documentation" className={css({
+                                display: { base: "none", sm: "flex" },
+                                alignItems: "center",
+                                gap: "0.25rem",
+                                fontSize: "sm",
+                                color: "neutral/60",
+                                _hover: { color: "neutral" }
+                            })}>
+                                <ButtonContent
+                                    variant="invisible"
+                                    leftIcon={<IconBook2 />}
+                                    text="Documentation"
+                                />
+                            </Link>
+                        </div>
+
+                        <nav className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.5rem"
+                        })}>
+                            <a
+                                href="https://github.com/arrhes"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <ButtonContent
+                                    variant="invisible"
+                                    leftIcon={<IconBrandGithub />}
+                                />
+                            </a>
+                            {/* <Link to="/">
+                                <ButtonContent
+                                    text="Retour au site"
+                                />
+                            </Link> */}
+                            <Link to="/dashboard">
+                                <ButtonContent
+                                    variant="primary"
+                                    text="Dashboard"
+                                />
+                            </Link>
+                        </nav>
+                    </div>
                 </div>
-                <Link to="/dashboard">
-                    <ButtonContent
-                        variant="primary"
-                        text="Acceder a l'application"
-                    />
-                </Link>
-            </header>
 
-            <div className={css({ display: "flex", flex: "1" })}>
-                {/* Sidebar */}
-                <aside className={css({
-                    w: "64",
-                    borderRight: "1px solid",
-                    borderColor: "neutral/10",
-                    p: "4",
-                    bg: "white",
-                    position: "sticky",
-                    top: "57px",
-                    h: "calc(100vh - 57px)",
-                    overflowY: "auto"
+                {/* Section tabs */}
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    paddingX: "1rem",
+                    paddingY: "0.5rem",
+                    backgroundColor: "background",
                 })}>
-                    <nav className={css({
+                    <div className={css({
+                        width: "100%",
+                        maxWidth: "lg",
                         display: "flex",
-                        flexDir: "column",
-                        gap: "6"
+                        alignItems: "center",
+                        gap: "0.25rem",
+                        overflowX: "auto",
                     })}>
-                        <Link
-                            to="/docs"
-                            className={cx(
-                                css({
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "2",
-                                    px: "3",
-                                    py: "2",
-                                    rounded: "md",
-                                    fontSize: "sm",
-                                    transition: "colors"
-                                }),
-                                css(pathname === "/docs"
-                                    ? { bg: "neutral/10", color: "neutral", fontWeight: "medium" }
-                                    : { color: "neutral/70", _hover: { bg: "neutral/5" } }
-                                )
-                            )}
-                        >
-                            <IconHome className={css({ w: "4", h: "4" })} />
-                            Accueil
-                        </Link>
-
-                        {Object.entries(navigationItems).map(([key, section]) => (
-                            <div key={key}>
-                                <div className={css({
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "2",
-                                    px: "3",
-                                    py: "2",
-                                    fontSize: "xs",
-                                    fontWeight: "medium",
-                                    color: "neutral/50",
-                                    textTransform: "uppercase",
-                                    letterSpacing: "wider"
-                                })}>
-                                    {section.icon}
-                                    {section.title}
-                                </div>
-                                <div className={css({
-                                    mt: "1",
-                                    display: "flex",
-                                    flexDir: "column",
-                                    gap: "1"
-                                })}>
-                                    {section.items.map((item) => (
-                                        <Link
-                                            key={item.path}
-                                            to={item.path}
-                                            className={cx(
-                                                css({
-                                                    px: "3",
-                                                    py: "2",
-                                                    rounded: "md",
-                                                    fontSize: "sm",
-                                                    transition: "colors"
-                                                }),
-                                                css(pathname === item.path
-                                                    ? { bg: "neutral/10", color: "neutral", fontWeight: "medium" }
-                                                    : { color: "neutral/70", _hover: { bg: "neutral/5" } }
-                                                )
-                                            )}
-                                        >
-                                            {item.label}
-                                        </Link>
-                                    ))}
-                                </div>
-                            </div>
+                        {Object.values(docSections).map((section) => (
+                            <SectionTab
+                                key={section.id}
+                                section={section}
+                                isActive={currentSectionId === section.id}
+                            />
                         ))}
-                    </nav>
-                </aside>
+                    </div>
+                </div>
+            </header>
 
-                {/* Main content */}
-                <main className={css({
+            <div className={css({
+                width: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "center",
+                backgroundColor: "white",
+                flex: "1"
+            })}>
+                <div className={css({
+                    width: "100%",
+                    maxWidth: "lg",
+                    display: "flex",
                     flex: "1",
-                    p: "8",
-                    maxW: "4xl"
                 })}>
-                    <Outlet />
-                </main>
+                    {/* Mobile sidebar overlay */}
+                    {mobileMenuOpen && (
+                        <div
+                            className={css({
+                                display: { base: "block", lg: "none" },
+                                position: "fixed",
+                                inset: "0",
+                                top: "120px",
+                                backgroundColor: "neutral/50",
+                                zIndex: "15"
+                            })}
+                            onClick={() => setMobileMenuOpen(false)}
+                        />
+                    )}
+
+                    {/* Sidebar */}
+                    <aside className={cx(
+                        css({
+                            width: "16rem",
+                            borderRight: "1px solid",
+                            borderRightColor: "neutral/10",
+                            backgroundColor: "white",
+                            position: "sticky",
+                            top: "120px",
+                            height: "calc(100vh - 120px)",
+                            overflowY: "auto",
+                            flexShrink: 0,
+                            display: { base: "none", lg: "block" }
+                        }),
+                        mobileMenuOpen && css({
+                            display: "block",
+                            position: "fixed",
+                            left: "0",
+                            top: "120px",
+                            zIndex: "16",
+                            boxShadow: "lg"
+                        })
+                    )}>
+                        <SidebarNavigation
+                            navigation={currentSection.navigation}
+                            pathname={pathname}
+                            onItemClick={() => setMobileMenuOpen(false)}
+                        />
+                    </aside>
+
+                    {/* Main content */}
+                    <main className={css({
+                        flex: "1",
+                        minWidth: "0",
+                        display: "flex",
+                        justifyContent: "start"
+                    })}>
+                        <div className={css({
+                            width: "100%",
+                            paddingX: { base: "1rem", md: "2rem" },
+                            paddingY: { base: "1.5rem", md: "2rem" },
+                            paddingRight: { base: "1rem", md: "0" },
+                        })}>
+                            <Outlet />
+                        </div>
+                    </main>
+                </div>
             </div>
         </div>
     )
diff --git a/packages/dashboard/src/features/docs/guide/demarrage.tsx b/packages/dashboard/src/features/docs/guide/demarrage.tsx
deleted file mode 100644
index bce3982..0000000
--- a/packages/dashboard/src/features/docs/guide/demarrage.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-
-
-export function GuideDemarrage() {
-    return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Demarrer avec Arrhes</h1>
-            <p className="text-neutral/50 mb-8">Premiers pas pour configurer votre comptabilite</p>
-
-            <DocSection title="Creer un compte">
-                <DocParagraph>
-                    Pour commencer a utiliser Arrhes, vous devez d'abord creer un compte utilisateur.
-                    Rendez-vous sur la page d'inscription et renseignez votre adresse email et un mot de passe.
-                </DocParagraph>
-                <DocParagraph>
-                    Un email de confirmation vous sera envoye. Cliquez sur le lien pour activer votre compte.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Creer votre premiere organisation">
-                <DocParagraph>
-                    Une fois connecte, vous arrivez sur la page d'accueil. Si c'est votre premiere connexion,
-                    vous serez invite a creer une organisation.
-                </DocParagraph>
-                <DocList items={[
-                    "Cliquez sur Ajouter une organisation",
-                    "Choisissez le type : Entreprise ou Association",
-                    "Renseignez le nom de votre organisation",
-                    "Si c'est une entreprise, indiquez le numero SIREN (optionnel)"
-                ]} />
-                <DocParagraph>
-                    Vous pouvez gerer plusieurs organisations depuis le meme compte.
-                    Pratique si vous gerez une entreprise et une association !
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Creer un exercice comptable">
-                <DocParagraph>
-                    Apres avoir cree votre organisation, vous devez definir un exercice comptable.
-                    L'exercice correspond generalement a l'annee civile (du 1er janvier au 31 decembre),
-                    mais vous pouvez choisir d'autres dates.
-                </DocParagraph>
-                <DocExample title="Creer un exercice">
-                    <ol className="space-y-2">
-                        <li>1. Accedez a votre organisation</li>
-                        <li>2. Cliquez sur Ajouter un exercice</li>
-                        <li>3. Donnez un nom a l'exercice (ex : Exercice 2024)</li>
-                        <li>4. Definissez les dates de debut et de fin</li>
-                        <li>5. Validez</li>
-                    </ol>
-                </DocExample>
-                <DocParagraph>
-                    Le logiciel creera automatiquement un plan comptable adapte a votre type d'organisation.
-                    Vous pourrez le personnaliser par la suite si necessaire.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Comprendre l'interface">
-                <DocParagraph>
-                    L'interface d'Arrhes est organisee autour de plusieurs sections :
-                </DocParagraph>
-                <DocList items={[
-                    "Ecritures : pour saisir et consulter les operations comptables",
-                    "Pieces jointes : pour gerer les justificatifs (factures, releves...)",
-                    "Rapports : pour generer les documents de synthese",
-                    "Parametres : pour configurer le plan comptable, les journaux..."
-                ]} />
-                <DocParagraph>
-                    La navigation se fait via le menu lateral. Chaque section est accessible
-                    en un clic depuis n'importe quelle page.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Prerequis comptables">
-                <DocParagraph>
-                    Avant de commencer la saisie, assurez-vous de comprendre les bases de la comptabilite.
-                    Si vous n'avez jamais fait de comptabilite, nous vous recommandons de lire notre{" "}
-                    <DocLink to="/docs/comptabilite/introduction">cours d'introduction</DocLink>.
-                </DocParagraph>
-                <DocParagraph>
-                    Les concepts cles a maitriser sont :
-                </DocParagraph>
-                <DocList items={[
-                    "La partie double (debit = credit)",
-                    "Les classes de comptes (1 a 7)",
-                    "La difference entre bilan et compte de resultat"
-                ]} />
-            </DocSection>
-
-            <DocNextPage
-                to="/docs/guide/organisations"
-                label="Gerer les organisations"
-            />
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/guide/ecritures.tsx b/packages/dashboard/src/features/docs/guide/ecritures.tsx
deleted file mode 100644
index af3dfd4..0000000
--- a/packages/dashboard/src/features/docs/guide/ecritures.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-import { DocTable } from "../../../components/document/docTable.tsx";
-
-
-export function GuideEcritures() {
-    return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Saisir des ecritures</h1>
-            <p className="text-neutral/50 mb-8">Enregistrer vos operations comptables dans Arrhes</p>
-
-            <DocSection title="Acceder a la saisie">
-                <DocParagraph>
-                    Pour saisir une ecriture, accedez a votre exercice comptable puis cliquez
-                    sur l'onglet Ecritures. Vous verrez la liste des ecritures existantes
-                    et un bouton pour en ajouter une nouvelle.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Creer une ecriture">
-                <DocParagraph>
-                    Chaque ecriture comptable necessite les informations suivantes :
-                </DocParagraph>
-                <DocList items={[
-                    "Date : la date de l'operation (ne peut pas etre en dehors de l'exercice)",
-                    "Journal : le type d'operation (Achats, Ventes, Banque...)",
-                    "Libelle : une description claire de l'operation",
-                    "Lignes : les comptes mouvementes avec leurs montants"
-                ]} />
-
-                <DocExample title="Etapes de saisie">
-                    <ol className="space-y-2">
-                        <li>1. Cliquez sur Nouvelle ecriture</li>
-                        <li>2. Selectionnez le journal (ex : Banque)</li>
-                        <li>3. Choisissez la date de l'operation</li>
-                        <li>4. Entrez un libelle descriptif (ex : Achat fournitures Papeterie Martin)</li>
-                        <li>5. Ajoutez les lignes d'ecriture (comptes et montants)</li>
-                        <li>6. Verifiez que l'equilibre debit = credit est respecte</li>
-                        <li>7. Enregistrez l'ecriture</li>
-                    </ol>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Les lignes d'ecriture">
-                <DocParagraph>
-                    Chaque ligne d'ecriture correspond a un compte mouvemente.
-                    Vous devez indiquer :
-                </DocParagraph>
-                <DocList items={[
-                    "Le compte (vous pouvez le rechercher par numero ou par nom)",
-                    "Le montant au debit OU au credit (jamais les deux)"
-                ]} />
-                <DocParagraph>
-                    Rappel : comme explique dans le cours sur les{" "}
-                    <DocLink to="/docs/comptabilite/ecritures">ecritures comptables</DocLink>,
-                    le total des debits doit toujours etre egal au total des credits.
-                </DocParagraph>
-
-                <DocExample title="Ecriture de paiement fournisseur">
-                    <p className="mb-2">Vous payez une facture de 500 euros par virement bancaire :</p>
-                    <DocTable
-                        headers={["Compte", "Debit", "Credit"]}
-                        rows={[
-                            ["401000 - Fournisseurs", "500,00", ""],
-                            ["512000 - Banque", "", "500,00"],
-                        ]}
-                    />
-                    <p className="mt-2 text-xs">
-                        Explication : la dette fournisseur diminue (debit d'un compte de passif),
-                        la banque diminue (credit d'un compte d'actif).
-                    </p>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Joindre un justificatif">
-                <DocParagraph>
-                    Chaque ecriture devrait etre justifiee par une piece (facture, releve bancaire, ticket...).
-                    Arrhes vous permet de joindre des fichiers numeriques a vos ecritures.
-                </DocParagraph>
-                <DocList items={[
-                    "Formats acceptes : PDF, images (JPG, PNG)",
-                    "Taille maximale : 10 Mo par fichier",
-                    "Vous pouvez joindre plusieurs fichiers a une meme ecriture"
-                ]} />
-                <DocExample title="Ajouter une piece jointe">
-                    <ol className="space-y-1">
-                        <li>1. Ouvrez l'ecriture concernee</li>
-                        <li>2. Cliquez sur Ajouter une piece jointe</li>
-                        <li>3. Selectionnez le fichier sur votre ordinateur</li>
-                        <li>4. Le fichier est automatiquement associe a l'ecriture</li>
-                    </ol>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Modifier ou supprimer une ecriture">
-                <DocParagraph>
-                    Vous pouvez modifier ou supprimer une ecriture tant que l'exercice n'est pas cloture.
-                    Pour cela, ouvrez l'ecriture et utilisez les boutons correspondants.
-                </DocParagraph>
-                <DocParagraph>
-                    <strong>Attention :</strong> en comptabilite, il est generalement preferable de
-                    passer une ecriture de correction plutot que de supprimer une ecriture erronee.
-                    Cela permet de garder une trace de l'erreur et de sa correction.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Rechercher des ecritures">
-                <DocParagraph>
-                    La liste des ecritures peut etre filtree et triee selon plusieurs criteres :
-                </DocParagraph>
-                <DocList items={[
-                    "Par date (periode)",
-                    "Par journal",
-                    "Par compte",
-                    "Par libelle (recherche textuelle)"
-                ]} />
-                <DocParagraph>
-                    Utilisez les filtres en haut de la liste pour affiner votre recherche.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Conseils pratiques">
-                <DocList items={[
-                    "Saisissez vos ecritures regulierement (idealement chaque semaine) pour ne pas accumuler de retard",
-                    "Utilisez des libelles clairs et coherents pour faciliter les recherches",
-                    "Numerisez et joignez vos justificatifs au fur et a mesure",
-                    "Verifiez regulierement vos soldes bancaires avec vos releves"
-                ]} />
-            </DocSection>
-
-            <DocNextPage
-                to="/docs/guide/rapports"
-                label="Generer des rapports"
-            />
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/guide/organisations.tsx b/packages/dashboard/src/features/docs/guide/organisations.tsx
deleted file mode 100644
index 85da555..0000000
--- a/packages/dashboard/src/features/docs/guide/organisations.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { DocDefinition } from "../../../components/document/docDefinition.tsx";
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocLink } from "../../../components/document/docLink.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocNextPage } from "../../../components/document/docNextPage.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-
-
-export function GuideOrganisations() {
-    return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Gerer les organisations</h1>
-            <p className="text-neutral/50 mb-8">Configuration et administration de vos structures</p>
-
-            <DocSection title="Types d'organisations">
-                <DocParagraph>
-                    Arrhes supporte deux types d'organisations, chacun avec un plan comptable adapte :
-                </DocParagraph>
-                <DocDefinition
-                    term="Entreprise"
-                    definition="Plan comptable general (PCG) adapte aux societes commerciales. Inclut les comptes de TVA, de capital social, etc."
-                />
-                <DocDefinition
-                    term="Association"
-                    definition="Plan comptable des associations. Inclut les comptes specifiques comme les cotisations (756), les subventions (74), les fonds associatifs..."
-                />
-                <DocParagraph>
-                    Le type d'organisation est defini a la creation et ne peut pas etre modifie ensuite.
-                    Si vous avez fait une erreur, vous devrez creer une nouvelle organisation.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Parametres de l'organisation">
-                <DocParagraph>
-                    Chaque organisation possede des parametres que vous pouvez modifier :
-                </DocParagraph>
-                <DocList items={[
-                    "Nom : le nom affiche dans l'interface",
-                    "SIREN : le numero d'identification (pour les entreprises)",
-                    "Email de contact : pour les notifications et rapports"
-                ]} />
-                <DocExample title="Modifier les parametres">
-                    <ol className="space-y-1">
-                        <li>1. Accedez a votre organisation</li>
-                        <li>2. Cliquez sur l'onglet Parametres</li>
-                        <li>3. Modifiez les informations souhaitees</li>
-                        <li>4. Enregistrez les modifications</li>
-                    </ol>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Gestion des membres">
-                <DocParagraph>
-                    Vous pouvez inviter d'autres personnes a acceder a votre organisation.
-                    Chaque membre peut avoir des droits differents.
-                </DocParagraph>
-                <DocDefinition
-                    term="Administrateur"
-                    definition="Acces complet : peut modifier les parametres, inviter des membres, supprimer l'organisation."
-                />
-                <DocDefinition
-                    term="Membre"
-                    definition="Acces limite : peut saisir des ecritures et consulter les rapports, mais ne peut pas modifier les parametres."
-                />
-                <DocExample title="Inviter un membre">
-                    <ol className="space-y-1">
-                        <li>1. Allez dans Parametres - Membres</li>
-                        <li>2. Cliquez sur Inviter un membre</li>
-                        <li>3. Entrez l'adresse email de la personne</li>
-                        <li>4. Choisissez son role (Administrateur ou Membre)</li>
-                        <li>5. Envoyez l'invitation</li>
-                    </ol>
-                    <p className="mt-2">La personne recevra un email avec un lien pour rejoindre l'organisation.</p>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Les exercices comptables">
-                <DocParagraph>
-                    Chaque organisation contient un ou plusieurs exercices comptables.
-                    Un exercice represente une periode (generalement 12 mois) pendant laquelle
-                    vous enregistrez vos operations.
-                </DocParagraph>
-                <DocParagraph>
-                    Pour comprendre ce qu'est un exercice comptable, consultez la page sur les{" "}
-                    <DocLink to="/docs/comptabilite/introduction">principes fondamentaux</DocLink>.
-                </DocParagraph>
-                <DocList items={[
-                    "Vous ne pouvez avoir qu'un seul exercice en cours a la fois",
-                    "Les exercices clotures ne peuvent plus etre modifies",
-                    "A la cloture, le resultat est reporte dans l'exercice suivant"
-                ]} />
-            </DocSection>
-
-            <DocSection title="Configuration du plan comptable">
-                <DocParagraph>
-                    Le plan comptable est la liste des comptes disponibles pour saisir vos ecritures.
-                    Arrhes cree automatiquement un plan comptable standard, mais vous pouvez le personnaliser.
-                </DocParagraph>
-                <DocExample title="Ajouter un compte">
-                    <ol className="space-y-1">
-                        <li>1. Accedez a l'exercice concerne</li>
-                        <li>2. Allez dans Parametres - Comptes</li>
-                        <li>3. Cliquez sur Ajouter un compte</li>
-                        <li>4. Definissez le numero et l'intitule du compte</li>
-                        <li>5. Enregistrez</li>
-                    </ol>
-                    <p className="mt-2">
-                        Pour comprendre la numerotation des comptes, consultez la page sur les{" "}
-                        <DocLink to="/docs/comptabilite/comptes">comptes comptables</DocLink>.
-                    </p>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Les journaux">
-                <DocParagraph>
-                    Les journaux permettent de classer vos ecritures par type d'operation.
-                    Des journaux par defaut sont crees automatiquement (Achats, Ventes, Banque, Caisse, Operations diverses).
-                </DocParagraph>
-                <DocParagraph>
-                    Vous pouvez creer des journaux supplementaires si necessaire (ex : un journal par compte bancaire
-                    si vous en avez plusieurs).
-                </DocParagraph>
-            </DocSection>
-
-            <DocNextPage
-                to="/docs/guide/ecritures"
-                label="Saisir des ecritures"
-            />
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/guide/rapports.tsx b/packages/dashboard/src/features/docs/guide/rapports.tsx
deleted file mode 100644
index 4f1c5cc..0000000
--- a/packages/dashboard/src/features/docs/guide/rapports.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import { DocExample } from "../../../components/document/docExample.tsx";
-import { DocList } from "../../../components/document/docList.tsx";
-import { DocParagraph } from "../../../components/document/docParagraph.tsx";
-import { DocSection } from "../../../components/document/docSection.tsx";
-import { DocTable } from "../../../components/document/docTable.tsx";
-
-
-export function GuideRapports() {
-    return (
-        <div>
-            <h1 className="text-3xl font-bold mb-2">Generer des rapports</h1>
-            <p className="text-neutral/50 mb-8">Produire vos documents comptables et analyser vos donnees</p>
-
-            <DocSection title="Les rapports disponibles">
-                <DocParagraph>
-                    Arrhes vous permet de generer les principaux documents comptables
-                    necessaires a la gestion de votre entreprise et a vos obligations legales.
-                </DocParagraph>
-                <DocList items={[
-                    "Grand livre : detail de tous les mouvements par compte",
-                    "Balance : situation de chaque compte (soldes debiteurs et crediteurs)",
-                    "Journal : liste chronologique de toutes les ecritures",
-                    "Bilan : situation patrimoniale de l'entreprise (actif/passif)",
-                    "Compte de resultat : synthese des produits et charges de l'exercice"
-                ]} />
-            </DocSection>
-
-            <DocSection title="Acceder aux rapports">
-                <DocParagraph>
-                    Pour generer un rapport, accedez a votre exercice comptable puis cliquez
-                    sur l'onglet Rapports. Selectionnez ensuite le type de document souhaite.
-                </DocParagraph>
-                <DocExample title="Generer une balance">
-                    <ol className="space-y-1">
-                        <li>1. Ouvrez l'exercice comptable concerne</li>
-                        <li>2. Cliquez sur Rapports dans le menu</li>
-                        <li>3. Selectionnez Balance</li>
-                        <li>4. Choisissez la periode (optionnel)</li>
-                        <li>5. Cliquez sur Generer</li>
-                    </ol>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Le Grand livre">
-                <DocParagraph>
-                    Le grand livre presente le detail de tous les mouvements pour chaque compte.
-                    C'est le document de reference pour verifier l'historique d'un compte.
-                </DocParagraph>
-                <DocList items={[
-                    "Affiche chaque ecriture avec sa date, son libelle et son montant",
-                    "Calcule le solde progressif apres chaque mouvement",
-                    "Peut etre filtre par compte ou par periode",
-                    "Utile pour pointer les ecarts et comprendre l'evolution d'un compte"
-                ]} />
-            </DocSection>
-
-            <DocSection title="La Balance">
-                <DocParagraph>
-                    La balance presente la situation de chaque compte avec le total des debits,
-                    le total des credits et le solde. Elle permet de verifier l'equilibre comptable.
-                </DocParagraph>
-                <DocExample title="Extrait de balance">
-                    <DocTable
-                        headers={["Compte", "Libelle", "Total Debit", "Total Credit", "Solde"]}
-                        rows={[
-                            ["411000", "Clients", "15 000,00", "12 000,00", "3 000,00 D"],
-                            ["401000", "Fournisseurs", "8 000,00", "10 000,00", "2 000,00 C"],
-                            ["512000", "Banque", "45 000,00", "38 000,00", "7 000,00 D"],
-                        ]}
-                    />
-                </DocExample>
-                <DocParagraph>
-                    <strong>Verification :</strong> le total des soldes debiteurs doit toujours
-                    etre egal au total des soldes crediteurs.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Le Bilan">
-                <DocParagraph>
-                    Le bilan presente la situation patrimoniale de l'entreprise a une date donnee.
-                    Il est structure en deux parties equilibrees :
-                </DocParagraph>
-                <DocList items={[
-                    "L'actif : ce que l'entreprise possede (immobilisations, stocks, creances, tresorerie)",
-                    "Le passif : les ressources de l'entreprise (capitaux propres, emprunts, dettes)"
-                ]} />
-                <DocParagraph>
-                    Le bilan est generalement produit a la cloture de l'exercice pour les
-                    comptes annuels, mais peut aussi etre genere a tout moment pour un suivi intermediaire.
-                </DocParagraph>
-            </DocSection>
-
-            <DocSection title="Le Compte de resultat">
-                <DocParagraph>
-                    Le compte de resultat presente les produits et les charges de l'exercice,
-                    et calcule le resultat (benefice ou perte).
-                </DocParagraph>
-                <DocExample title="Structure simplifiee">
-                    <DocTable
-                        headers={["Element", "Montant"]}
-                        rows={[
-                            ["Chiffre d'affaires", "100 000,00"],
-                            ["Achats et charges externes", "- 60 000,00"],
-                            ["Charges de personnel", "- 25 000,00"],
-                            ["Autres charges", "- 5 000,00"],
-                            ["Resultat", "10 000,00"],
-                        ]}
-                    />
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Exporter les rapports">
-                <DocParagraph>
-                    Tous les rapports peuvent etre exportes dans plusieurs formats
-                    pour etre archives ou transmis a votre expert-comptable.
-                </DocParagraph>
-                <DocList items={[
-                    "PDF : format ideal pour l'archivage et l'impression",
-                    "Excel (XLSX) : pour retravailler les donnees dans un tableur",
-                    "CSV : format universel compatible avec tous les logiciels"
-                ]} />
-                <DocExample title="Exporter un rapport">
-                    <ol className="space-y-1">
-                        <li>1. Generez le rapport souhaite</li>
-                        <li>2. Cliquez sur le bouton Exporter</li>
-                        <li>3. Selectionnez le format (PDF, Excel, CSV)</li>
-                        <li>4. Le fichier est telecharge sur votre ordinateur</li>
-                    </ol>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Filtrer par periode">
-                <DocParagraph>
-                    La plupart des rapports peuvent etre filtres par periode pour analyser
-                    une portion specifique de l'exercice (mois, trimestre...).
-                </DocParagraph>
-                <DocList items={[
-                    "Selectionnez une date de debut et une date de fin",
-                    "Les rapports n'incluront que les ecritures de cette periode",
-                    "Utile pour les declarations periodiques (TVA mensuelle, trimestrielle...)"
-                ]} />
-            </DocSection>
-
-            <DocSection title="Conseils pratiques">
-                <DocList items={[
-                    "Generez une balance chaque mois pour verifier la coherence de vos saisies",
-                    "Comparez vos soldes bancaires avec vos releves pour detecter les ecarts",
-                    "Archivez vos rapports PDF pour conserver une trace datee",
-                    "Transmettez les exports a votre expert-comptable pour la revision annuelle"
-                ]} />
-            </DocSection>
-
-            <div className="mt-12 p-6 rounded-lg bg-positive/10 border border-positive/20">
-                <h3 className="font-semibold text-positive mb-2">Felicitations !</h3>
-                <p className="text-sm text-neutral/80">
-                    Vous avez termine le guide d'utilisation d'Arrhes. Vous maitrisez maintenant
-                    les fonctionnalites essentielles pour gerer votre comptabilite. N'hesitez pas
-                    a consulter le cours de comptabilite si vous souhaitez approfondir vos connaissances.
-                </p>
-            </div>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/root/cgu.tsx b/packages/dashboard/src/features/docs/root/cgu.tsx
new file mode 100644
index 0000000..f95e082
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/cgu.tsx
@@ -0,0 +1,198 @@
+import { css } from "../../../utilities/cn.js"
+
+
+export function Cgu() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Conditions Générales d'Utilisation
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Conditions régissant l'utilisation du service Arrhes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="1. Objet">
+                    <p>
+                        Les présentes Conditions Générales d'Utilisation (CGU) ont pour objet de définir
+                        les modalités et conditions d'utilisation du service Arrhes, accessible à l'adresse
+                        arrhes.fr.
+                    </p>
+                    <p>
+                        En utilisant le service, l'utilisateur accepte sans réserve les présentes CGU.
+                    </p>
+                </Section>
+
+                <Section title="2. Description du service">
+                    <p>
+                        Arrhes est un logiciel de comptabilité en ligne permettant aux entreprises et
+                        associations de gérer leur comptabilité, saisir des écritures, générer des documents
+                        comptables et collaborer en équipe.
+                    </p>
+                    <p>
+                        Le service est proposé en version gratuite avec des fonctionnalités limitées,
+                        et en version payante avec des fonctionnalités étendues.
+                    </p>
+                </Section>
+
+                <Section title="3. Inscription et compte">
+                    <p>
+                        L'utilisation du service nécessite la création d'un compte utilisateur.
+                        L'utilisateur s'engage à fournir des informations exactes et à jour lors de
+                        son inscription.
+                    </p>
+                    <p>
+                        L'utilisateur est responsable de la confidentialité de ses identifiants de
+                        connexion et de toutes les activités effectuées depuis son compte.
+                    </p>
+                </Section>
+
+                <Section title="4. Utilisation du service">
+                    <p>L'utilisateur s'engage à :</p>
+                    <ul>
+                        <li>Utiliser le service conformément à sa destination</li>
+                        <li>Ne pas utiliser le service à des fins illégales ou frauduleuses</li>
+                        <li>Ne pas tenter de compromettre la sécurité du service</li>
+                        <li>Respecter les droits de propriété intellectuelle</li>
+                        <li>Ne pas collecter de données d'autres utilisateurs sans autorisation</li>
+                    </ul>
+                </Section>
+
+                <Section title="5. Données et responsabilité">
+                    <p>
+                        L'utilisateur est seul responsable des données qu'il saisit dans le service.
+                        Arrhes ne peut être tenu responsable des erreurs comptables résultant d'une
+                        mauvaise utilisation du service.
+                    </p>
+                    <p>
+                        L'utilisateur est encouragé à vérifier ses données et à consulter un
+                        professionnel comptable en cas de doute.
+                    </p>
+                </Section>
+
+                <Section title="6. Propriété intellectuelle">
+                    <p>
+                        Le code source d'Arrhes est distribué sous licence open source. Les conditions
+                        spécifiques de cette licence sont disponibles sur notre dépôt GitHub.
+                    </p>
+                    <p>
+                        Les marques, logos et contenus graphiques restent la propriété d'Arrhes SAS.
+                    </p>
+                </Section>
+
+                <Section title="7. Protection des données">
+                    <p>
+                        Le traitement des données personnelles est décrit dans notre{" "}
+                        <a href="/documentation/confidentialite" className={css({
+                            color: "primary",
+                            textDecoration: "underline"
+                        })}>Politique de confidentialité</a>.
+                    </p>
+                </Section>
+
+                <Section title="8. Résiliation">
+                    <p>
+                        L'utilisateur peut supprimer son compte à tout moment depuis les paramètres
+                        de son profil. La suppression entraîne l'effacement de toutes les données
+                        associées au compte.
+                    </p>
+                    <p>
+                        Arrhes se réserve le droit de suspendre ou supprimer un compte en cas de
+                        violation des présentes CGU.
+                    </p>
+                </Section>
+
+                <Section title="9. Modification des CGU">
+                    <p>
+                        Arrhes se réserve le droit de modifier les présentes CGU à tout moment.
+                        Les utilisateurs seront informés de toute modification substantielle par
+                        email ou notification dans l'application.
+                    </p>
+                </Section>
+
+                <Section title="10. Droit applicable">
+                    <p>
+                        Les présentes CGU sont soumises au droit français. En cas de litige, les
+                        tribunaux de Paris seront seuls compétents.
+                    </p>
+                </Section>
+
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontSize: "sm",
+                    color: "neutral/60",
+                })}>
+                    Dernière mise à jour : Janvier 2026
+                </div>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& ul": {
+                    margin: 0,
+                    paddingLeft: "1.5rem"
+                },
+                "& li": {
+                    marginBottom: "0.25rem"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/confidentialite.tsx b/packages/dashboard/src/features/docs/root/confidentialite.tsx
new file mode 100644
index 0000000..1ddfbc8
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/confidentialite.tsx
@@ -0,0 +1,212 @@
+import { css } from "../../../utilities/cn.js"
+
+
+export function Confidentialite() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Politique de confidentialité
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Comment nous collectons, utilisons et protégeons vos données personnelles.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="1. Responsable du traitement">
+                    <p>
+                        Le responsable du traitement des données personnelles est Arrhes SAS,
+                        dont le siège social est situé à [Adresse à compléter].
+                    </p>
+                    <p>
+                        Pour toute question relative à vos données personnelles, vous pouvez nous
+                        contacter à l'adresse : privacy@arrhes.fr
+                    </p>
+                </Section>
+
+                <Section title="2. Données collectées">
+                    <p>Nous collectons les données suivantes :</p>
+                    <ul>
+                        <li><strong>Données d'identification :</strong> nom, prénom, adresse email</li>
+                        <li><strong>Données de connexion :</strong> adresse IP, logs de connexion</li>
+                        <li><strong>Données comptables :</strong> écritures, comptes, documents que vous saisissez</li>
+                        <li><strong>Données d'usage :</strong> fonctionnalités utilisées, préférences</li>
+                    </ul>
+                </Section>
+
+                <Section title="3. Finalités du traitement">
+                    <p>Vos données sont utilisées pour :</p>
+                    <ul>
+                        <li>Fournir et améliorer le service Arrhes</li>
+                        <li>Gérer votre compte utilisateur</li>
+                        <li>Assurer la sécurité du service</li>
+                        <li>Vous contacter pour des informations relatives au service</li>
+                        <li>Respecter nos obligations légales</li>
+                    </ul>
+                </Section>
+
+                <Section title="4. Base légale">
+                    <p>
+                        Le traitement de vos données repose sur les bases légales suivantes :
+                    </p>
+                    <ul>
+                        <li><strong>Exécution du contrat :</strong> pour fournir le service</li>
+                        <li><strong>Intérêt légitime :</strong> pour améliorer nos services et assurer la sécurité</li>
+                        <li><strong>Consentement :</strong> pour les communications marketing (optionnel)</li>
+                        <li><strong>Obligation légale :</strong> pour la conservation des données comptables</li>
+                    </ul>
+                </Section>
+
+                <Section title="5. Durée de conservation">
+                    <p>
+                        Vos données sont conservées pendant la durée de votre utilisation du service,
+                        puis :
+                    </p>
+                    <ul>
+                        <li>Données de compte : supprimées à la clôture du compte</li>
+                        <li>Données comptables : conservées 10 ans conformément à la loi</li>
+                        <li>Logs de connexion : conservés 1 an</li>
+                    </ul>
+                </Section>
+
+                <Section title="6. Destinataires des données">
+                    <p>
+                        Vos données peuvent être partagées avec :
+                    </p>
+                    <ul>
+                        <li>Nos sous-traitants techniques (hébergement, email)</li>
+                        <li>Les autorités en cas d'obligation légale</li>
+                    </ul>
+                    <p>
+                        Nous ne vendons jamais vos données à des tiers.
+                    </p>
+                </Section>
+
+                <Section title="7. Transferts hors UE">
+                    <p>
+                        Vos données sont hébergées en France et ne font l'objet d'aucun transfert
+                        en dehors de l'Union Européenne.
+                    </p>
+                </Section>
+
+                <Section title="8. Sécurité">
+                    <p>
+                        Nous mettons en oeuvre des mesures techniques et organisationnelles pour
+                        protéger vos données :
+                    </p>
+                    <ul>
+                        <li>Chiffrement des données en transit et au repos</li>
+                        <li>Authentification sécurisée avec option 2FA</li>
+                        <li>Sauvegardes régulières</li>
+                        <li>Accès limité au personnel autorisé</li>
+                    </ul>
+                </Section>
+
+                <Section title="9. Vos droits">
+                    <p>
+                        Conformément au RGPD, vous disposez des droits suivants :
+                    </p>
+                    <ul>
+                        <li><strong>Droit d'accès :</strong> obtenir une copie de vos données</li>
+                        <li><strong>Droit de rectification :</strong> corriger vos données</li>
+                        <li><strong>Droit à l'effacement :</strong> supprimer vos données</li>
+                        <li><strong>Droit à la portabilité :</strong> exporter vos données</li>
+                        <li><strong>Droit d'opposition :</strong> vous opposer à certains traitements</li>
+                        <li><strong>Droit de limitation :</strong> limiter le traitement</li>
+                    </ul>
+                    <p>
+                        Pour exercer ces droits, contactez-nous à privacy@arrhes.fr ou utilisez
+                        les fonctionnalités disponibles dans votre compte.
+                    </p>
+                </Section>
+
+                <Section title="10. Réclamation">
+                    <p>
+                        Si vous estimez que le traitement de vos données ne respecte pas la
+                        réglementation, vous pouvez introduire une réclamation auprès de la CNIL
+                        (Commission Nationale de l'Informatique et des Libertés).
+                    </p>
+                </Section>
+
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "md",
+                    backgroundColor: "neutral/5",
+                    fontSize: "sm",
+                    color: "neutral/60",
+                })}>
+                    Dernière mise à jour : Janvier 2026
+                </div>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& ul": {
+                    margin: 0,
+                    paddingLeft: "1.5rem"
+                },
+                "& li": {
+                    marginBottom: "0.25rem"
+                },
+                "& strong": {
+                    color: "neutral",
+                    fontWeight: "medium"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/features/featureCard.tsx b/packages/dashboard/src/features/docs/root/features/featureCard.tsx
new file mode 100644
index 0000000..3f531ce
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/features/featureCard.tsx
@@ -0,0 +1,88 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconCheck } from "@tabler/icons-react"
+import { ReactNode } from "react"
+
+
+export function FeatureCard(props: {
+    icon: ReactNode
+    title: string
+    description: string
+    features: string[]
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+            padding: "2rem",
+            borderRadius: "lg",
+            border: "1px solid",
+            borderColor: "neutral/10",
+            backgroundColor: "white",
+        })}>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "space-between",
+                alignItems: "start",
+                gap: "2rem"
+            })}>
+                <div className={css({
+                    // marginX: "auto",
+                    width: "2.5rem",
+                    height: "2.5rem",
+                    borderRadius: "md",
+                    backgroundColor: "primary/10",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: "primary",
+                    "& svg": {
+                        width: "1.25rem",
+                        height: "1.25rem"
+                    }
+                })}>
+                    {props.icon}
+                </div>
+                <h3 className={css({
+                    fontSize: "lg",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    {props.title}
+                </h3>
+            </div>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+            })}>
+                {props.description}
+            </p>
+            <ul className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+            })}>
+                {props.features.map((feature) => (
+                    <li key={feature} className={css({
+                        display: "inline-flex",
+                        alignItems: "start",
+                        gap: "0.5rem",
+                        fontSize: "sm",
+                        color: "neutral/70",
+                    })}>
+                        <IconCheck className={css({
+                            marginTop: "0.125rem",
+                            flexShrink: 0,
+                            width: "1rem",
+                            height: "1rem",
+                            color: "success",
+                        })} />
+                        {feature}
+                    </li>
+                ))}
+            </ul>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/docs/root/features/featuresPage.tsx b/packages/dashboard/src/features/docs/root/features/featuresPage.tsx
new file mode 100644
index 0000000..54ab4ff
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/features/featuresPage.tsx
@@ -0,0 +1,135 @@
+import {
+    IconBook,
+    IconFileText,
+    IconLock,
+    IconUsers
+} from "@tabler/icons-react"
+import { css } from "../../../../utilities/cn.js"
+import { FeatureCard } from "./featureCard.js"
+
+
+export function FeaturesPage() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Fonctionnalités
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Découvrez toutes les fonctionnalités d'Arrhes pour gérer votre comptabilité
+                    de manière simple et efficace.
+                </p>
+            </div>
+
+            {/* Features grid */}
+            <div className={css({
+                display: "grid",
+                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                gap: "1rem",
+            })}>
+                <FeatureCard
+                    icon={<IconBook />}
+                    title="Saisie des écritures"
+                    description="Enregistrez vos écritures comptables avec un journal intuitif. Importez vos relevés bancaires automatiquement."
+                    features={[
+                        "Journal chronologique",
+                        // "Import CSV/OFX",
+                        // "Modèles d'écriture",
+                        "Lettrage automatique",
+                    ]}
+                />
+                <FeatureCard
+                    icon={<IconFileText />}
+                    title="Espace de stockage"
+                    description="Organisez vos documents et accédez-y rapidement."
+                    features={[
+                        "Pièces justificatives (factures, relevés bancaires, etc.)",
+                        "Visualisation des documents",
+                        "Volume offert de 1Go par organisation"
+                    ]}
+                />
+                <FeatureCard
+                    icon={<IconFileText />}
+                    title="Documents comptables"
+                    description="Générez tous vos documents comptables conformes aux normes françaises."
+                    features={[
+                        "Grand livre, Balance générale, Bilan comptablen Compte de résultat",
+                        "Mise à jour automatique à chaque nouvelle écriture",
+                        "Export PDF"
+                    ]}
+                />
+                {/* <FeatureCard
+                    icon={<IconChartBar />}
+                    title="Analyses et rapports"
+                    description="Visualisez vos données financières avec des tableaux de bord interactifs."
+                    features={[
+                        "Évolution du chiffre d'affaires",
+                        "Répartition des charges",
+                        "Comparaisons N/N-1",
+                        "Export PDF/Excel"
+                    ]}
+                /> */}
+                <FeatureCard
+                    icon={<IconUsers />}
+                    title="Multiple organisations"
+                    description="Gérez plusieurs structures avec un seul compte et collaborez en équipe."
+                    features={[
+                        "Organisations illimitées",
+                        "Gestion des membres",
+                        "Rôles et permissions",
+                        "Exercices illimités"
+                    ]}
+                />
+                {/* <FeatureCard
+                    icon={<IconRobot />}
+                    title="Intelligence artificielle"
+                    description="Bénéficiez d'un assistant IA pour automatiser vos tâches comptables."
+                    features={[
+                        "Catégorisation automatique",
+                        "Suggestions d'écritures",
+                        "Détection d'anomalies",
+                        "Questions en langage naturel"
+                    ]}
+                /> */}
+                {/* <FeatureCard
+                    icon={<IconCode />}
+                    title="API REST"
+                    description="Intégrez Arrhes à vos outils grâce à notre API complète."
+                    features={[
+                        "Authentification OAuth2",
+                        "Webhooks",
+                        "Documentation complète",
+                        "SDK JavaScript"
+                    ]}
+                /> */}
+                <FeatureCard
+                    icon={<IconLock />}
+                    title="Sécurité"
+                    description="Vos données sont protégées avec les meilleures pratiques de sécurité."
+                    features={[
+                        "Chiffrement bout-en-bout",
+                        "Sauvegardes automatiques",
+                        "Hébergement en France"
+                    ]}
+                />
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/mentionsLegales.tsx b/packages/dashboard/src/features/docs/root/mentionsLegales.tsx
new file mode 100644
index 0000000..f6661b6
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/mentionsLegales.tsx
@@ -0,0 +1,158 @@
+import { DocTip } from "../../../components/document/docTip.js"
+import { css } from "../../../utilities/cn.js"
+
+
+export function MentionsLegales() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Mentions légales
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Informations légales relatives à l'utilisation du site et du service Arrhes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <Section title="Éditeur du site">
+                    <p>
+                        Le site arrhes.fr est édité par Arrhes SAS, société par actions simplifiée
+                        au capital de 1 000 euros, immatriculée au Registre du Commerce et des Sociétés
+                        de Paris sous le numéro XXX XXX XXX.
+                    </p>
+                    <p>
+                        <strong>Siège social :</strong> [Adresse à compléter]<br />
+                        <strong>Numéro de TVA intracommunautaire :</strong> FR XX XXX XXX XXX<br />
+                        <strong>Directeur de la publication :</strong> [Nom à compléter]<br />
+                        <strong>Contact :</strong> contact@arrhes.fr
+                    </p>
+                </Section>
+
+                <Section title="Hébergement">
+                    <p>
+                        Le site est hébergé par :<br />
+                        [Nom de l'hébergeur]<br />
+                        [Adresse de l'hébergeur]<br />
+                        [Téléphone de l'hébergeur]
+                    </p>
+                </Section>
+
+                <Section title="Propriété intellectuelle">
+                    <p>
+                        L'ensemble du contenu de ce site (textes, images, vidéos, logos, icônes, etc.)
+                        est protégé par les lois relatives à la propriété intellectuelle.
+                    </p>
+                    <p>
+                        Le code source d'Arrhes est distribué sous licence open source.
+                        Consultez notre dépôt GitHub pour plus d'informations sur les conditions d'utilisation.
+                    </p>
+                </Section>
+
+                <Section title="Données personnelles">
+                    <p>
+                        Les informations relatives au traitement de vos données personnelles sont
+                        détaillées dans notre <a href="/documentation/confidentialite" className={css({
+                            color: "primary",
+                            textDecoration: "underline"
+                        })}>Politique de confidentialité</a>.
+                    </p>
+                </Section>
+
+                <Section title="Cookies">
+                    <p>
+                        Ce site utilise des cookies strictement nécessaires au fonctionnement du service.
+                        Aucun cookie publicitaire ou de traçage n'est utilisé.
+                    </p>
+                </Section>
+
+                <Section title="Limitation de responsabilité">
+                    <p>
+                        Arrhes s'efforce de fournir des informations exactes et à jour sur ce site.
+                        Toutefois, nous ne pouvons garantir l'exactitude, la complétude ou l'actualité
+                        des informations diffusées.
+                    </p>
+                    <p>
+                        L'utilisateur est seul responsable de l'utilisation qu'il fait des informations
+                        et fonctionnalités disponibles sur ce site.
+                    </p>
+                </Section>
+
+                <DocTip variant="info">
+                    Oui, pour notre comptabilité, nous utilisons Arrhes. ;)
+                </DocTip>
+
+                <div className={css({
+                    padding: "1rem",
+                    borderRadius: "lg",
+                    backgroundColor: "neutral/5",
+                    fontSize: "sm",
+                    color: "neutral/60",
+                })}>
+                    Dernière mise à jour : Janvier 2026
+                </div>
+            </div>
+        </div>
+    )
+}
+
+
+function Section(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& strong": {
+                    color: "neutral",
+                    fontWeight: "medium"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx b/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
new file mode 100644
index 0000000..56d3ac0
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
@@ -0,0 +1,145 @@
+import type { ReactNode } from "react"
+import { css } from "../../../../utilities/cn.js"
+import { Pricing } from "../../../website/pricing.js"
+
+
+export function Tarifs() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Tarifs
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Un logiciel de comptabilité conçu pour être simple, transparent et facile à utiliser,
+                    tout en respectant les exigences de la comptabilité française.
+                </p>
+            </div>
+
+            {/* Pricing cards */}
+            <Pricing />
+
+            {/* FAQ */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Questions fréquentes
+                </h2>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1rem",
+                })}>
+                    <FaqItem
+                        question="Puis-je changer de forfait à tout moment ?"
+                        answer="Oui, vous pouvez passer au forfait Pro ou revenir au forfait gratuit à tout moment. Le changement prend effet immédiatement."
+                    />
+                    <FaqItem
+                        question="Y a-t-il un engagement ?"
+                        answer="Non, le forfait Pro est sans engagement. Vous pouvez annuler à tout moment et continuer à utiliser le service jusqu'à la fin de la période payée."
+                    />
+                    <FaqItem
+                        question="Pourquoi avoir choisi ce modèle ?"
+                        answer="Nous souhaitons démocratiser l'accès à la comptabilité au plus grand nombre. Nous avons ajouté l'offre Pro afin de pouvoir continuer à développer la plateforme."
+                    />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+
+function FeatureItem(props: {
+    icon: ReactNode
+    text: string
+    highlighted?: boolean
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            alignItems: "center",
+            gap: "0.5rem",
+        })}>
+            <div className={css({
+                width: "1.25rem",
+                height: "1.25rem",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                color: props.highlighted ? "primary" : "neutral/50",
+                "& svg": {
+                    width: "1rem",
+                    height: "1rem"
+                }
+            })}>
+                {props.icon}
+            </div>
+            <span className={css({
+                fontSize: "sm",
+                color: props.highlighted ? "primary" : "neutral/70",
+                fontWeight: props.highlighted ? "medium" : "normal",
+            })}>
+                {props.text}
+            </span>
+        </div>
+    )
+}
+
+
+function FaqItem(props: {
+    question: string
+    answer: string
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.25rem",
+        })}>
+            <h3 className={css({
+                fontSize: "sm",
+                fontWeight: "medium",
+                color: "neutral",
+            })}>
+                {props.question}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+                margin: 0,
+            })}>
+                {props.answer}
+            </p>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/support.tsx b/packages/dashboard/src/features/docs/root/support.tsx
new file mode 100644
index 0000000..26332f0
--- /dev/null
+++ b/packages/dashboard/src/features/docs/root/support.tsx
@@ -0,0 +1,283 @@
+import { IconBook, IconBrandGithub, IconMail } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { css } from "../../../utilities/cn.js"
+
+
+export function Support() {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem"
+        })}>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Support
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Besoin d'aide ? Nous sommes là pour vous accompagner.
+                </p>
+            </div>
+
+            {/* Contact cards */}
+            <div className={css({
+                display: "grid",
+                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+                gap: "1rem",
+            })}>
+                {/* Email support */}
+                <a
+                    href="mailto:support@arrhes.com"
+                    className={css({
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "0.75rem",
+                        padding: "1.5rem",
+                        borderRadius: "lg",
+                        border: "1px solid",
+                        borderColor: "neutral/10",
+                        backgroundColor: "white",
+                        transition: "all",
+                        _hover: {
+                            borderColor: "primary/30",
+                            backgroundColor: "primary/5",
+                        }
+                    })}
+                >
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.75rem",
+                    })}>
+                        <div className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "2.5rem",
+                            height: "2.5rem",
+                            borderRadius: "md",
+                            backgroundColor: "primary/10",
+                        })}>
+                            <IconMail className={css({
+                                width: "1.25rem",
+                                height: "1.25rem",
+                                color: "primary",
+                            })} />
+                        </div>
+                        <h2 className={css({
+                            fontSize: "md",
+                            fontWeight: "semibold",
+                            color: "neutral",
+                        })}>
+                            Email
+                        </h2>
+                    </div>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                        lineHeight: "relaxed",
+                    })}>
+                        Contactez notre équipe par email pour toute question ou demande d'assistance.
+                    </p>
+                    <span className={css({
+                        fontSize: "sm",
+                        fontWeight: "medium",
+                        color: "primary",
+                    })}>
+                        support@arrhes.com
+                    </span>
+                </a>
+
+                {/* GitHub */}
+                <a
+                    href="https://github.com/arrhes/arrhes"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className={css({
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "0.75rem",
+                        padding: "1.5rem",
+                        borderRadius: "lg",
+                        border: "1px solid",
+                        borderColor: "neutral/10",
+                        backgroundColor: "white",
+                        transition: "all",
+                        _hover: {
+                            borderColor: "neutral/30",
+                            backgroundColor: "neutral/5",
+                        }
+                    })}
+                >
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.75rem",
+                    })}>
+                        <div className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "2.5rem",
+                            height: "2.5rem",
+                            borderRadius: "md",
+                            backgroundColor: "neutral/10",
+                        })}>
+                            <IconBrandGithub className={css({
+                                width: "1.25rem",
+                                height: "1.25rem",
+                                color: "neutral",
+                            })} />
+                        </div>
+                        <h2 className={css({
+                            fontSize: "md",
+                            fontWeight: "semibold",
+                            color: "neutral",
+                        })}>
+                            GitHub
+                        </h2>
+                    </div>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                        lineHeight: "relaxed",
+                    })}>
+                        Signalez un bug, proposez une amélioration ou consultez le code source.
+                    </p>
+                    <span className={css({
+                        fontSize: "sm",
+                        fontWeight: "medium",
+                        color: "neutral/70",
+                    })}>
+                        github.com/arrhes/arrhes
+                    </span>
+                </a>
+            </div>
+
+            {/* Documentation section */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Ressources utiles
+                </h2>
+
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.75rem",
+                })}>
+                    <Link
+                        to="/documentation/dashboard"
+                        className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.75rem",
+                            padding: "1rem",
+                            borderRadius: "lg",
+                            border: "1px solid",
+                            borderColor: "neutral/10",
+                            backgroundColor: "white",
+                            transition: "all",
+                            _hover: {
+                                borderColor: "neutral/20",
+                                backgroundColor: "neutral/3",
+                            }
+                        })}
+                    >
+                        <IconBook className={css({
+                            width: "1.25rem",
+                            height: "1.25rem",
+                            color: "neutral/60",
+                        })} />
+                        <div>
+                            <p className={css({
+                                fontSize: "sm",
+                                fontWeight: "medium",
+                                color: "neutral",
+                            })}>
+                                Guide d'utilisation
+                            </p>
+                            <p className={css({
+                                fontSize: "xs",
+                                color: "neutral/50",
+                            })}>
+                                Apprenez à utiliser Arrhes efficacement
+                            </p>
+                        </div>
+                    </Link>
+
+                    <Link
+                        to="/documentation/comptabilite"
+                        className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.75rem",
+                            padding: "1rem",
+                            borderRadius: "lg",
+                            border: "1px solid",
+                            borderColor: "neutral/10",
+                            backgroundColor: "white",
+                            transition: "all",
+                            _hover: {
+                                borderColor: "neutral/20",
+                                backgroundColor: "neutral/3",
+                            }
+                        })}
+                    >
+                        <IconBook className={css({
+                            width: "1.25rem",
+                            height: "1.25rem",
+                            color: "neutral/60",
+                        })} />
+                        <div>
+                            <p className={css({
+                                fontSize: "sm",
+                                fontWeight: "medium",
+                                color: "neutral",
+                            })}>
+                                Cours de comptabilité
+                            </p>
+                            <p className={css({
+                                fontSize: "xs",
+                                color: "neutral/50",
+                            })}>
+                                Les bases de la comptabilité expliquées simplement
+                            </p>
+                        </div>
+                    </Link>
+                </div>
+            </div>
+
+            {/* Response time info */}
+            <div className={css({
+                padding: "1rem",
+                borderRadius: "md",
+                backgroundColor: "neutral/5",
+                fontSize: "sm",
+                color: "neutral/60",
+            })}>
+                Nous nous efforçons de répondre à toutes les demandes dans un délai de 48 heures ouvrées.
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/error/errorPage.tsx b/packages/dashboard/src/features/error/errorPage.tsx
index 7921e7a..5827edd 100644
--- a/packages/dashboard/src/features/error/errorPage.tsx
+++ b/packages/dashboard/src/features/error/errorPage.tsx
@@ -3,7 +3,7 @@ import { css } from "../../utilities/cn.js"
 
 export function ErrorPage() {
     return (
-        <div className={css({ minW: "full", w: "full", maxW: "full", minH: "full", h: "full", maxH: "full", overflow: "auto", display: "flex", flexDir: "column", justifyContent: "center", alignItems: "center" })}>
+        <div className={css({ minwidth: "100%", width: "100%", maxWidth: "100%", minH: "100%", height: "100%", maxH: "100%", overflowidth: "auto", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" })}>
             <p className={css({ color: "error", fontSize: "sm" })}>
                 Erreur
             </p>
diff --git a/packages/dashboard/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
index f2459b1..e560de0 100644
--- a/packages/dashboard/src/features/rootLayout.tsx
+++ b/packages/dashboard/src/features/rootLayout.tsx
@@ -1,39 +1,44 @@
+import { Outlet } from "@tanstack/react-router"
 import { css } from "../utilities/cn.js"
 import { useDeviceDetect } from "../utilities/useDeviceDetect.js"
-import { Outlet } from "@tanstack/react-router"
 
 
 export function RootLayout() {
     const { isMobile } = useDeviceDetect()
 
     if (isMobile === true) {
-        <div className={css({
-            w: "full",
-            h: "full",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            bg: "warning/5",
-            p: "4"
-        })}>
+        <div
+            className={css({
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: "warning/5",
+                p: "4"
+            })}
+        >
             <span className={css({ color: "warning" })}>
-                La plateforme n'est pas encore disponible sur mobile. Veuillez utiliser un ordinateur.
+                La plateforme n'est pas encore disponible sur mobile.
+                <br />
+                Veuillez utiliser un ordinateur ou passer votre navigateur mobile en mode ordinateur.
             </span>
         </div>
     }
     return (
-        <div className={css({
-            position: "relative",
-            minH: "full",
-            h: "fit",
-            w: "full",
-            maxW: "full",
-            display: "flex",
-            flexDir: "column",
-            justifyContent: "flex-start",
-            alignItems: "stretch",
-            overflow: "auto"
-        })}>
+        <div
+            className={css({
+                position: "relative",
+                minHeight: "100dvh",
+                width: "100dvw",
+                maxWidth: "100dvw",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "start",
+                overflowX: "hidden",
+            })}
+        >
             <Outlet />
         </div>
     )
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index 96a5d57..4d74210 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -1,4 +1,8 @@
+import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
+import { IconLogin2 } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
 import { FormError } from "../../components/forms/formError.js"
 import { FormField } from "../../components/forms/formField.js"
@@ -11,38 +15,34 @@ import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 import { postAPI } from "../../utilities/postAPI.js"
-import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconLogin2 } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-import { Fragment } from "react/jsx-runtime"
 
 
 export function SignInPage() {
     return (
         <div className={css({
-            w: "full",
-            h: "full",
+            width: "100%",
+            height: "100%",
             display: "flex",
             justifyContent: "center",
             alignItems: "center"
         })}>
             <div className={css({
-                w: "full",
-                maxW: "sm",
+                width: "100%",
+                maxWidth: "sm",
                 display: "flex",
-                flexDir: "column",
+                flexDirection: "column",
                 justifyContent: "center",
                 alignItems: "center",
                 gap: "4"
             })}>
                 <div className={css({
-                    w: "full",
+                    width: "100%",
                     display: "flex",
-                    flexDir: "column",
+                    flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "4",
-                    bg: "white",
+                    backgroundColor: "white",
                     border: "1px solid",
                     borderColor: "neutral/10",
                     rounded: "md",
@@ -52,9 +52,9 @@ export function SignInPage() {
                         Connexion
                     </span>
                     <div className={css({
-                        w: "full",
+                        width: "100%",
                         display: "flex",
-                        flexDir: "column",
+                        flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "flex-start",
                         gap: "4"
@@ -65,7 +65,7 @@ export function SignInPage() {
                             submitButtonProps={{
                                 icon: <IconLogin2 />,
                                 text: "Se connecter",
-                                className: css({ w: "full", justifyContent: "center" })
+                                className: css({ width: "100%", justifyContent: "center" })
                             }}
                             submitOnPressEnterKey={true}
                             onSubmit={async (data) => {
@@ -139,12 +139,12 @@ export function SignInPage() {
                         </FormRoot>
                         <Link
                             to="/inscription"
-                            className={css({ w: "full" })}
+                            className={css({ width: "100%" })}
                         >
                             <ButtonContent
                                 variant="default"
                                 text="Pas de compte ?"
-                                className={css({ w: "full", justifyContent: "center" })}
+                                className={css({ width: "100%", justifyContent: "center" })}
                             />
                         </Link>
                     </div>
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index e84e980..dd23267 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -1,4 +1,8 @@
+import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
+import { IconUserPlus } from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
 import { FormError } from "../../components/forms/formError.js"
 import { FormField } from "../../components/forms/formField.js"
@@ -11,28 +15,24 @@ import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 import { postAPI } from "../../utilities/postAPI.js"
-import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
-import { IconUserPlus } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-import { Fragment } from "react/jsx-runtime"
 
 
 export function SignUpPage() {
     return (
-        <div className={css({ w: "full", h: "full", display: "flex", justifyContent: "center", alignItems: "center" })}>
-            <div className={css({ w: "full", maxW: "sm", display: "flex", flexDir: "column", justifyContent: "center", alignItems: "center", gap: "4" })}>
-                <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4", bg: "white", border: "1px solid", borderColor: "neutral/10", rounded: "md", p: "8" })}>
+        <div className={css({ width: "100%", height: "100%", display: "flex", justifyContent: "center", alignItems: "center" })}>
+            <div className={css({ width: "100%", maxWidth: "sm", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: "4" })}>
+                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4", backgroundColor: "white", border: "1px solid", borderColor: "neutral/10", rounded: "md", p: "8" })}>
                     <span className={css({ fontSize: "xl" })}>
                         Inscription
                     </span>
-                    <div className={css({ w: "full", display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
+                    <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
                         <FormRoot
                             schema={signUpRouteDefinition.schemas.body}
                             defaultValues={{}}
                             submitButtonProps={{
                                 icon: <IconUserPlus />,
                                 text: "Inscription",
-                                className: css({ w: "full", justifyContent: "center" })
+                                className: css({ width: "100%", justifyContent: "center" })
                             }}
                             submitOnPressEnterKey={true}
                             onSubmit={async (data) => {
@@ -132,12 +132,12 @@ export function SignUpPage() {
                         </FormRoot>
                         <Link
                             to="/connexion"
-                            className={css({ w: "full" })}
+                            className={css({ width: "100%" })}
                         >
                             <ButtonContent
                                 variant="default"
                                 text="Déjà inscrit ?"
-                                className={css({ w: "full", justifyContent: "center" })}
+                                className={css({ width: "100%", justifyContent: "center" })}
                             />
                         </Link>
                     </div>
diff --git a/packages/dashboard/src/features/website/documentationBanner.tsx b/packages/dashboard/src/features/website/documentationBanner.tsx
deleted file mode 100644
index 7ff34e6..0000000
--- a/packages/dashboard/src/features/website/documentationBanner.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { Box } from "../../components/layouts/box.js"
-import { css } from "../../utilities/cn.js"
-import { IconExternalLink } from "@tabler/icons-react"
-
-
-export function DocumentationBanner() {
-    return (
-        <Box className={css({ p: "8", gap: "4" })}>
-            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                <h2 className={css({ fontSize: "2xl" })}>Documentation</h2>
-                <p className={css({ color: "neutral/50" })}>Collaborative et ouverte</p>
-            </div>
-            <a
-                href="https://documentation.arrhes.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className={css({ w: "fit-content" })}
-                aria-label="Adresse de la documentation"
-            >
-                <ButtonContent
-                    variant="primary"
-                    icon={<IconExternalLink />}
-                    text="Consulter la documentation"
-                />
-            </a>
-        </Box>
-    )
-}
diff --git a/packages/dashboard/src/features/website/featureCard.tsx b/packages/dashboard/src/features/website/featureCard.tsx
deleted file mode 100644
index fa1d50f..0000000
--- a/packages/dashboard/src/features/website/featureCard.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { css } from "../../utilities/cn.js"
-
-
-export function FeatureCard(props: {
-    icon: React.ReactNode
-    title: string
-    description: string
-}) {
-    return (
-        <div className={css({
-            p: "6",
-            rounded: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            bg: "white"
-        })}>
-            <div className={css({
-                w: "12",
-                h: "12",
-                rounded: "lg",
-                bg: "neutral/5",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                color: "neutral/70",
-                mb: "4"
-            })}>
-                {props.icon}
-            </div>
-            <h3 className={css({
-                fontSize: "lg",
-                fontWeight: "medium",
-                mb: "2"
-            })}>
-                {props.title}
-            </h3>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/70"
-            })}>
-                {props.description}
-            </p>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/website/featureItem.tsx b/packages/dashboard/src/features/website/featureItem.tsx
new file mode 100644
index 0000000..7c121cd
--- /dev/null
+++ b/packages/dashboard/src/features/website/featureItem.tsx
@@ -0,0 +1,41 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { ReactNode } from "react"
+
+
+export function FeatureItem(props: {
+    icon: ReactNode
+    text: string
+    highlighted?: boolean
+}) {
+    return (
+        <div
+            className={css({
+                display: "flex",
+                alignItems: "start",
+                gap: "0.5rem",
+            })}
+        >
+            <div
+                className={css({
+                    width: "1.25rem",
+                    height: "1.25rem",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: props.highlighted ? "primary" : "neutral/50",
+                })}
+            >
+                {props.icon}
+            </div>
+            <span
+                className={css({
+                    fontSize: "sm",
+                    color: props.highlighted ? "primary" : "neutral",
+                    fontWeight: props.highlighted ? "medium" : "normal",
+                })}
+            >
+                {props.text}
+            </span>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/website/heroIllustration.tsx b/packages/dashboard/src/features/website/heroIllustration.tsx
new file mode 100644
index 0000000..c0f6b08
--- /dev/null
+++ b/packages/dashboard/src/features/website/heroIllustration.tsx
@@ -0,0 +1,41 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+
+
+export function HeroIllustration() {
+    return (
+        <svg
+            viewBox="0 0 200 160"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={css({
+                width: "100%",
+                height: "auto",
+            })}
+        >
+            {/* Background card */}
+            <rect x="20" y="20" width="160" height="120" rx="8" className={css({ fill: "transparent", stroke: "neutral/10" })} strokeWidth="1" />
+
+            {/* Header bar */}
+            <rect x="20" y="20" width="160" height="24" rx="8" className={css({ fill: "white", stroke: "neutral/10" })} strokeWidth="1" />
+            <circle cx="36" cy="32" r="4" className={css({ fill: "primary" })} />
+            <rect x="48" y="29" width="40" height="6" rx="2" className={css({ fill: "neutral/10" })} />
+
+            {/* Chart bars */}
+            <rect x="36" y="100" width="20" height="28" rx="2" className={css({ fill: "primary/20", stroke: "primary" })} strokeWidth="1" />
+            <rect x="64" y="80" width="20" height="48" rx="2" className={css({ fill: "primary/40", stroke: "primary" })} strokeWidth="1" />
+            <rect x="92" y="68" width="20" height="60" rx="2" className={css({ fill: "primary/60", stroke: "primary" })} strokeWidth="1" />
+            <rect x="120" y="56" width="20" height="72" rx="2" className={css({ fill: "primary/80", stroke: "primary" })} strokeWidth="1" />
+            <rect x="148" y="76" width="20" height="52" rx="2" className={css({ fill: "primary", stroke: "primary" })} strokeWidth="1" />
+
+            {/* Trend line */}
+            <path d="M46 86 L74 66 L102 54 L130 42 L158 58" className={css({ stroke: "primary" })} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none" />
+
+            {/* Dots on trend line */}
+            <circle cx="46" cy="86" r="3" className={css({ fill: "white", stroke: "primary" })} strokeWidth="2" />
+            <circle cx="74" cy="66" r="3" className={css({ fill: "white", stroke: "primary" })} strokeWidth="2" />
+            <circle cx="102" cy="54" r="3" className={css({ fill: "white", stroke: "primary" })} strokeWidth="2" />
+            <circle cx="130" cy="42" r="3" className={css({ fill: "primary", stroke: "primary" })} strokeWidth="2" />
+            <circle cx="158" cy="58" r="3" className={css({ fill: "white", stroke: "primary" })} strokeWidth="2" />
+        </svg>
+    )
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/website/landingPage.tsx b/packages/dashboard/src/features/website/landingPage.tsx
deleted file mode 100644
index f936f77..0000000
--- a/packages/dashboard/src/features/website/landingPage.tsx
+++ /dev/null
@@ -1,273 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { IconAbacus, IconBook, IconBrandGithub, IconChevronRight, IconCode, IconLock, IconUsers } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-import { css } from "../../utilities/cn.js"
-import { FeatureCard } from "./featureCard.js"
-
-
-export function LandingPage() {
-    return (
-        <div className={css({
-            w: "full",
-            minH: "screen",
-            display: "flex",
-            flexDir: "column"
-        })}>
-            {/* Header */}
-            <header className={css({
-                w: "full",
-                px: "6",
-                py: "4",
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                borderBottom: "1px solid",
-                borderColor: "neutral/10"
-            })}>
-                <Link to="/" className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "2",
-                    fontSize: "xl",
-                    color: "neutral"
-                })}>
-                    <ButtonContent
-                        variant="invisible"
-                        icon={<IconAbacus />}
-                    />
-                    <span>Arrhes</span>
-                </Link>
-                <nav className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "6"
-                })}>
-                    <Link
-                        to="/docs"
-                        className={css({
-                            fontSize: "sm",
-                            color: "neutral/70",
-                            _hover: { color: "neutral" },
-                            transition: "colors"
-                        })}
-                    >
-                        Documentation
-                    </Link>
-                    <a
-                        href="https://github.com/arrhes/arrhes-platform"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                    >
-                        <ButtonContent
-                            variant="invisible"
-                            text="GitHub"
-                            icon={<IconBrandGithub />}
-                        />
-                    </a>
-                    <Link to="/dashboard">
-                        <ButtonContent
-                            variant="primary"
-                            text="Acceder a l'application"
-                        />
-                    </Link>
-                </nav>
-            </header>
-
-            {/* Hero Section */}
-            <section className={css({
-                w: "full",
-                px: "6",
-                py: "24",
-                display: "flex",
-                flexDir: "column",
-                alignItems: "center",
-                textAlign: "center",
-                bgGradient: "to-b",
-                gradientFrom: "background",
-                gradientTo: "neutral/5"
-            })}>
-                <h1 className={css({
-                    fontSize: { base: "4xl", md: "5xl" },
-                    fontWeight: "bold",
-                    color: "neutral",
-                    maxW: "3xl",
-                    lineHeight: "tight"
-                })}>
-                    Logiciel de comptabilite
-                    <span className={css({ color: "primary" })}> open source</span>
-                </h1>
-                <p className={css({
-                    mt: "6",
-                    fontSize: "lg",
-                    color: "neutral/70",
-                    maxW: "2xl"
-                })}>
-                    Arrhes est un logiciel de comptabilite moderne, gratuit et open source.
-                    Concu pour les associations et les petites entreprises francaises.
-                </p>
-                <div className={css({
-                    mt: "10",
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "4"
-                })}>
-                    <Link to="/dashboard">
-                        <ButtonContent
-                            variant="primary"
-                            text="Commencer gratuitement"
-                            rightIcon={<IconChevronRight />}
-                        />
-                    </Link>
-                    <Link to="/docs">
-                        <ButtonContent
-                            variant="default"
-                            text="Lire la documentation"
-                        />
-                    </Link>
-                </div>
-            </section>
-
-            {/* Features Section */}
-            <section className={css({
-                w: "full",
-                px: "6",
-                py: "20"
-            })}>
-                <div className={css({
-                    maxW: "5xl",
-                    mx: "auto"
-                })}>
-                    <h2 className={css({
-                        fontSize: "2xl",
-                        fontWeight: "semibold",
-                        textAlign: "center",
-                        mb: "12"
-                    })}>
-                        Pourquoi choisir Arrhes ?
-                    </h2>
-                    <div className={css({
-                        display: "grid",
-                        gridTemplateColumns: { md: "3" },
-                        gap: "8"
-                    })}>
-                        <FeatureCard
-                            icon={<IconCode className={css({ w: "6", h: "6" })} />}
-                            title="Open Source"
-                            description="Code source ouvert et transparent. Vous pouvez auditer, modifier et contribuer au projet."
-                        />
-                        <FeatureCard
-                            icon={<IconLock className={css({ w: "6", h: "6" })} />}
-                            title="Vos donnees vous appartiennent"
-                            description="Hebergez vous-meme ou utilisez notre service. Vos donnees restent sous votre controle."
-                        />
-                        <FeatureCard
-                            icon={<IconUsers className={css({ w: "6", h: "6" })} />}
-                            title="Multi-organisations"
-                            description="Gerez plusieurs associations ou entreprises depuis un seul compte utilisateur."
-                        />
-                    </div>
-                </div>
-            </section>
-
-            {/* Documentation CTA */}
-            <section className={css({
-                w: "full",
-                px: "6",
-                py: "16",
-                bg: "neutral/5"
-            })}>
-                <div className={css({
-                    maxW: "3xl",
-                    mx: "auto",
-                    textAlign: "center"
-                })}>
-                    <IconBook className={css({
-                        w: "12",
-                        h: "12",
-                        color: "neutral/50",
-                        mx: "auto",
-                        mb: "4"
-                    })} />
-                    <h2 className={css({
-                        fontSize: "2xl",
-                        fontWeight: "semibold",
-                        mb: "4"
-                    })}>
-                        Nouveau en comptabilite ?
-                    </h2>
-                    <p className={css({
-                        color: "neutral/70",
-                        mb: "6"
-                    })}>
-                        Notre documentation inclut un cours complet sur les bases de la comptabilite.
-                        Apprenez les concepts essentiels avant d'utiliser le logiciel.
-                    </p>
-                    <Link to="/docs/comptabilite/introduction">
-                        <ButtonContent
-                            variant="default"
-                            text="Decouvrir le cours de comptabilite"
-                            rightIcon={<IconChevronRight />}
-                        />
-                    </Link>
-                </div>
-            </section>
-
-            {/* Footer */}
-            <footer className={css({
-                w: "full",
-                px: "6",
-                py: "8",
-                borderTop: "1px solid",
-                borderColor: "neutral/10",
-                mt: "auto"
-            })}>
-                <div className={css({
-                    maxW: "5xl",
-                    mx: "auto",
-                    display: "flex",
-                    flexDir: { base: "column", md: "row" },
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    gap: "4"
-                })}>
-                    <span className={css({
-                        fontSize: "sm",
-                        color: "neutral/50"
-                    })}>
-                        Arrhes - Logiciel de comptabilite open source
-                    </span>
-                    <div className={css({
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "6"
-                    })}>
-                        <Link
-                            to="/docs"
-                            className={css({
-                                fontSize: "sm",
-                                color: "neutral/50",
-                                _hover: { color: "neutral" },
-                                transition: "colors"
-                            })}
-                        >
-                            Documentation
-                        </Link>
-                        <a
-                            href="https://github.com/arrhes/arrhes-platform"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className={css({
-                                fontSize: "sm",
-                                color: "neutral/50",
-                                _hover: { color: "neutral" },
-                                transition: "colors"
-                            })}
-                        >
-                            GitHub
-                        </a>
-                    </div>
-                </div>
-            </footer>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/website/organizationsBanner.tsx b/packages/dashboard/src/features/website/organizationsBanner.tsx
index db54939..ddcc29f 100644
--- a/packages/dashboard/src/features/website/organizationsBanner.tsx
+++ b/packages/dashboard/src/features/website/organizationsBanner.tsx
@@ -1,24 +1,24 @@
 import { ButtonContent } from "@arrhes/ui"
-import { Box } from "../../components/layouts/box.js"
-import { css } from "../../utilities/cn.js"
 import { IconBuilding } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
+import { Box } from "../../components/layouts/box.js"
+import { css } from "../../utilities/cn.js"
 
 
 export function OrganizationsBanner() {
     return (
         <Box className={css({ p: "8", gap: "4" })}>
-            <div className={css({ display: "flex", flexDir: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                 <h2 className={css({ fontSize: "2xl" })}>Mes organisations</h2>
                 <p className={css({ color: "neutral/50" })}>Que vous avez créées ou auxquelles vous avez été invité</p>
             </div>
             <Link
                 to="/organisations"
-                className={css({ w: "fit-content" })}
+                className={css({ width: "fit-content" })}
             >
                 <ButtonContent
                     variant="primary"
-                    icon={<IconBuilding />}
+                    leftIcon={<IconBuilding />}
                     text="Voir mes organisations"
                 />
             </Link>
diff --git a/packages/dashboard/src/features/website/pricing.tsx b/packages/dashboard/src/features/website/pricing.tsx
new file mode 100644
index 0000000..2106a0a
--- /dev/null
+++ b/packages/dashboard/src/features/website/pricing.tsx
@@ -0,0 +1,158 @@
+import { Badge, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import {
+    IconAppWindow,
+    IconBuildings,
+    IconCalculator,
+    IconCheck,
+    IconCloudUpload,
+    IconFileText,
+    IconLifebuoy,
+    IconSettings,
+    IconSparkles,
+    IconUserPlus,
+    IconUsers
+} from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { FeatureItem } from "./featureItem.tsx"
+
+
+export function Pricing() {
+    return (
+        <div className={css({
+            display: "grid",
+            gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
+            gap: "1.5rem",
+        })}>
+            {/* Free Plan */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "2rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/15",
+                backgroundColor: "white",
+            })}>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1rem",
+                })}>
+                    <div className={css({
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}>
+                        <h2 className={css({
+                            fontSize: "lg",
+                            fontWeight: "bold",
+                            color: "neutral",
+                        })}>
+                            Plan basique
+                        </h2>
+                        <Badge>Recommandé</Badge>
+                    </div>
+                    <span>
+                        Gratuit
+                    </span>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                    })}>
+                        Toutes les fonctionnalités essentielles pour gérer votre comptabilité.
+                    </p>
+                </div>
+
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.75rem",
+                    flex: "1"
+                })}>
+                    <FeatureItem icon={<IconAppWindow />} text="Accès illimité à l'application" />
+                    <FeatureItem icon={<IconCloudUpload />} text="Stockage de documents (jusqu'à 1Go)" />
+                    <FeatureItem icon={<IconBuildings />} text="Multiple organisations" />
+                    <FeatureItem icon={<IconUsers />} text="Multiple accès par organisation" />
+                    <FeatureItem icon={<IconFileText />} text="Génération de la liasse fiscale" />
+                    <FeatureItem icon={<IconFileText />} text="Export du Fichier des Écritures Comptable (FEC)" />
+                    <FeatureItem icon={<IconSettings />} text="[dev] Accès à l'API" />
+                    <FeatureItem icon={<IconCalculator />} text="[dev] Comptabilité analytique" />
+                </div>
+
+                <Link to="/inscription">
+                    <ButtonContent
+                        variant="default"
+                        leftIcon={<IconUserPlus />}
+                        text="Créer un compte"
+                        className={css({ width: "100%" })}
+                    />
+                </Link>
+            </div>
+
+            {/* Pro Plan */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "2rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "primary",
+                backgroundColor: "white",
+            })}>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1rem",
+                })}>
+                    <div className={css({
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}>
+                        <h2 className={css({
+                            fontSize: "lg",
+                            fontWeight: "bold",
+                            color: "neutral",
+                        })}>
+                            Plan professionel
+                        </h2>
+                        <Badge>Pour nous soutenir</Badge>
+                    </div>
+                    <span>
+                        20,00€ / mois (HT)
+                    </span>
+                    <p className={css({
+                        fontSize: "sm",
+                        color: "neutral/60",
+                    })}>
+                        Fonctionnalités avancées pour les professionnels et ceux qui veulent aller plus loin.
+                    </p>
+                </div>
+
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.75rem",
+                    flex: "1"
+                })}>
+                    <FeatureItem icon={<IconCheck />} text="Tout le plan gratuit" />
+                    <FeatureItem icon={<IconCloudUpload />} text="Stockage illimité de documents" highlighted />
+                    <FeatureItem icon={<IconSparkles />} text="Assistant IA" highlighted />
+                    <FeatureItem icon={<IconLifebuoy />} text="Support prioritaire" highlighted />
+                </div>
+                {/* <Link to="/sign-up">
+                        <ButtonContent
+                            variant="primary"
+                            text="Essayer gratuitement"
+                            className={css({ width: "100%" })}
+                        />
+                    </Link> */}
+            </div>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
new file mode 100644
index 0000000..2b02634
--- /dev/null
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -0,0 +1,354 @@
+import { Badge, ButtonContent, Logo } from "@arrhes/ui"
+import {
+    IconBook2,
+    IconBrandGithub,
+    IconGavel,
+    IconUser
+} from "@tabler/icons-react"
+import { Link } from "@tanstack/react-router"
+import { css } from "../../utilities/cn.js"
+import { HeroIllustration } from "./heroIllustration.js"
+import { Pricing } from "./pricing.js"
+
+
+export function WebsitePage() {
+    return (
+        <div
+            className={css({
+                width: "100%",
+                minHeight: "fit-content",
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "stretch",
+                backgroundColor: "background"
+            })}
+        >
+            {/* Header */}
+            <header
+                className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "start",
+                    alignItems: "center",
+                    padding: "1rem",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/8",
+                    backgroundColor: "white",
+                    position: "sticky",
+                    top: "0",
+                    zIndex: "10",
+                })}
+            >
+                <div
+                    className={css({
+                        width: "100%",
+                        maxWidth: "lg",
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "start",
+                        gap: "1rem",
+                    })}
+                >
+                    <Link
+                        to="/"
+                    >
+                        <Logo withText />
+                    </Link>
+                    <nav
+                        className={css({
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "0.5rem",
+                        })}
+                    >
+                        <a
+                            href="https://github.com/arrhes"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                leftIcon={<IconBrandGithub />}
+                            />
+                        </a>
+                        <Link to="/documentation">
+                            <ButtonContent
+                                leftIcon={<IconBook2 />}
+                                text="Documentation"
+                            />
+                        </Link>
+                        <Link to="/dashboard">
+                            <ButtonContent
+                                variant="primary"
+                                // leftIcon={<IconAppWindow />}
+                                text="Dashboard"
+                            />
+                        </Link>
+                    </nav>
+                </div>
+            </header>
+
+            {/* Hero Section */}
+            <section
+                className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "start",
+                    alignItems: "center",
+                    paddingX: "1rem",
+                    paddingY: "4rem",
+                    borderBottom: "1px solid",
+                    borderColor: "neutral/8"
+                })}
+            >
+                <div
+                    className={css({
+                        width: "100%",
+                        maxWidth: "lg",
+                        display: "flex",
+                        flexDirection: { base: "column", md: "row" },
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        gap: "3rem",
+                    })}
+                >
+                    {/* Content */}
+                    <div
+                        className={css({
+                            flex: "1",
+                            display: "flex",
+                            flexDirection: "column",
+                            justifyContent: "start",
+                            alignItems: { base: "center", md: "start" },
+                            gap: "1rem",
+                        })}
+                    >
+                        <Badge>
+                            Open source
+                        </Badge>
+
+                        <h1
+                            className={css({
+                                fontSize: "lg",
+                                fontWeight: "bold",
+                                color: "neutral",
+                                lineHeight: "normal",
+                                letterSpacing: "normal",
+                                textAlign: { base: "center", md: "left" },
+                            })}
+                        >
+                            Le logiciel de comptabilité moderne et intuitif,
+                            <br />pour les {" "}
+                            <span
+                                className={css({
+                                    fontSize: "inherit",
+                                    color: "primary",
+                                })}
+                            >
+                                entreprises
+                            </span>
+                            {" "}et{" "}
+                            <span
+                                className={css({
+                                    fontSize: "inherit",
+                                    color: "primary"
+                                })}
+                            >
+                                associations
+                            </span>
+                            .
+                        </h1>
+
+                        <div className={css({
+                            marginTop: "1rem",
+                            display: "flex",
+                            flexDirection: { base: "column", sm: "row" },
+                            alignItems: "center",
+                            gap: "0.5rem"
+                        })}>
+                            <Link to="/sign-up">
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconUser />}
+                                    text="Créer un compte"
+                                />
+                            </Link>
+                            <Link to="/documentation">
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconBook2 />}
+                                    text="En savoir plus"
+                                />
+                            </Link>
+                        </div>
+                    </div>
+
+                    {/* Illustration */}
+                    <div
+                        className={css({
+                            display: { base: "none", md: "flex" },
+                            justifyContent: "center",
+                            alignItems: "center",
+                            flex: "1",
+                            maxWidth: "20rem",
+                        })}
+                    >
+                        <HeroIllustration />
+                    </div>
+                </div>
+            </section>
+
+            {/* Pricing Section */}
+            <section
+                className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "start",
+                    alignItems: "center",
+                    paddingX: "1rem",
+                    paddingY: "4rem",
+                    backgroundColor: "white",
+                })}
+            >
+                <div
+                    className={css({
+                        width: "100%",
+                        maxWidth: "lg",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "start",
+                        alignItems: "start",
+                        gap: "2rem",
+                    })}
+                >
+                    <h2 className={css({
+                        fontSize: "lg",
+                        fontWeight: "bold",
+                        color: "neutral",
+                    })}>
+                        Pourquoi choisir Arrhes ?
+                    </h2>
+                    <p className={css({
+                        fontSize: "md",
+                        color: "neutral/60",
+                    })}>
+                        Un logiciel de comptabilité conçu pour être simple, transparent et facile à utiliser,
+                        <br />
+                        tout en respectant les exigences de la comptabilité française.
+                    </p>
+
+                    {/* Pricing columns */}
+                    <Pricing />
+                </div>
+            </section>
+
+            {/* Documentation CTA */}
+            <section
+                className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "start",
+                    alignItems: "center",
+                    paddingX: "1rem",
+                    paddingY: "4rem",
+                    // backgroundColor: "white",
+                    borderTop: "1px solid",
+                    borderColor: "neutral/8"
+                })}
+            >
+                <div
+                    className={css({
+                        width: "100%",
+                        maxWidth: "lg",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "start",
+                        alignItems: "start",
+                        gap: "2rem",
+                    })}
+                >
+                    <h2
+                        className={css({
+                            fontSize: "xl",
+                            fontWeight: "bold",
+                            color: "neutral",
+                        })}
+                    >
+                        Nouveau en comptabilité ?
+                    </h2>
+                    <p
+                        className={css({
+                            color: "neutral/60",
+                            lineHeight: "relaxed",
+                        })}
+                    >
+                        Notre documentation inclut un cours sur les bases de la comptabilité française.
+                        <br />
+                        Apprenez les concepts essentiels : partie double, plan comptable, écritures, journaux...
+                    </p>
+                    <Link to="/documentation/comptabilite">
+                        <ButtonContent
+                            variant="default"
+                            leftIcon={<IconBook2 />}
+                            text="Découvrir le cours"
+                        // rightIcon={<IconChevronRight />}
+                        />
+                    </Link>
+                </div>
+            </section>
+
+            {/* Footer */}
+            <footer
+                className={css({
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "start",
+                    padding: "1rem",
+                    borderTop: "1px solid",
+                    borderColor: "neutral/8",
+                    backgroundColor: "white",
+                    marginTop: "auto"
+                })}
+            >
+                <div
+                    className={css({
+                        width: "100%",
+                        maxWidth: "lg",
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        gap: "1rem",
+                    })}
+                >
+                    {/* <span>
+                        Arrhes
+                        {/* [2024-{(new Date()).getFullYear()}] 
+                    </span>*/}
+                    {/* <Button
+                        onClick={() => {
+                            window.scrollTo({ top: 0, behavior: 'smooth' });
+                        }}
+                    >
+                        <Logo withText />
+                    </Button> */}
+                    <Link to="/documentation/mentions-legales">
+                        <ButtonContent
+                            variant="invisible"
+                            leftIcon={<IconGavel />}
+                            text="Mentions légales"
+                        // rightIcon={<IconChevronRight />}
+                        />
+                    </Link>
+                </div>
+            </footer>
+        </div>
+    )
+}
+
diff --git a/packages/dashboard/src/routes/platformTree.ts b/packages/dashboard/src/routes/platformTree.ts
index d16dc5f..83f7903 100644
--- a/packages/dashboard/src/routes/platformTree.ts
+++ b/packages/dashboard/src/routes/platformTree.ts
@@ -1,12 +1,12 @@
 import { AnyRoute } from "@tanstack/react-router"
 import { catchRoute } from "../routes/catchRoute.js"
+import { dashboardTree } from "./root/dashboard/dashboardTree.js"
 import { docsTree } from "./root/docs/docsTree.js"
 import { signInRoute } from "./root/signIn/signInRoute.js"
 import { signUpRoute } from "./root/signUp/signUpRoute.js"
-import { websiteRootRoute } from "./root/website/landingRoute.js"
 import { websiteLayoutRoute } from "./root/website/websiteLayoutRoute.js"
+import { websiteRootRoute } from "./root/website/websiteRootRoute.js"
 import { rootLayoutRoute } from "./rootLayoutRoute.js"
-import { dashboardTree } from "./root/dashboard/dashboardTree.js"
 
 
 export const platformTree: AnyRoute = rootLayoutRoute.addChildren([
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
new file mode 100644
index 0000000..76f5a05
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ComptabiliteIndex } from "../../../../features/docs/comptabiliteIndex.js"
+import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
+
+
+export const accountingIndexRoute = createRoute({
+    getParentRoute: () => accountingLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Comptabilité - Documentation - Arrhes"
+    }),
+    component: () => (
+        <ComptabiliteIndex />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
index f2ad689..fc24cc4 100644
--- a/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
@@ -4,7 +4,7 @@ import { docsLayoutRoute } from "../docsLayoutRoute.js"
 
 export const accountingLayoutRoute = createRoute({
     getParentRoute: () => docsLayoutRoute,
-    path: "/comptabilité",
+    path: "/comptabilite",
     component: () => (
         <Outlet />
     )
diff --git a/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
deleted file mode 100644
index 8dfdee2..0000000
--- a/packages/dashboard/src/routes/root/docs/accounting/introductionRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ComptabiliteIntroduction } from "../../../../features/docs/comptabilite/introduction.tsx"
-import { accountingLayoutRoute } from "./accountingLayoutRoute.tsx"
-
-
-export const introductionRoute = createRoute({
-    getParentRoute: () => accountingLayoutRoute,
-    path: "/introduction",
-    beforeLoad: () => ({
-        title: "Introduction a la comptabilite - Arrhes"
-    }),
-    component: () => (
-        <ComptabiliteIntroduction />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
index 6160984..9c0f4da 100644
--- a/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
@@ -5,7 +5,7 @@ import { accountingLayoutRoute } from "./accountingLayoutRoute.tsx"
 
 export const recordsRoute = createRoute({
     getParentRoute: () => accountingLayoutRoute,
-    path: "/écritures",
+    path: "/ecritures",
     beforeLoad: () => ({
         title: "Les ecritures comptables - Arrhes"
     }),
diff --git a/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
new file mode 100644
index 0000000..3247d25
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AiIndex } from "../../../../features/docs/aiIndex.js"
+import { aiLayoutRoute } from "./aiLayoutRoute.js"
+
+
+export const aiIndexRoute = createRoute({
+    getParentRoute: () => aiLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "IA - Documentation - Arrhes"
+    }),
+    component: () => (
+        <AiIndex />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
new file mode 100644
index 0000000..b644c72
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
@@ -0,0 +1,11 @@
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { docsLayoutRoute } from "../docsLayoutRoute.js"
+
+
+export const aiLayoutRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/ai",
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
new file mode 100644
index 0000000..363ace2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AiAnalyse } from "../../../../features/docs/ai/analyse.tsx"
+import { aiLayoutRoute } from "./aiLayoutRoute.tsx"
+
+
+export const aiAnalyseRoute = createRoute({
+    getParentRoute: () => aiLayoutRoute,
+    path: "/analyse",
+    beforeLoad: () => ({
+        title: "Analyse IA - Arrhes"
+    }),
+    component: () => (
+        <AiAnalyse />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
new file mode 100644
index 0000000..234d6dc
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AiAssistant } from "../../../../features/docs/ai/assistant.tsx"
+import { aiLayoutRoute } from "./aiLayoutRoute.tsx"
+
+
+export const aiAssistantRoute = createRoute({
+    getParentRoute: () => aiLayoutRoute,
+    path: "/assistant",
+    beforeLoad: () => ({
+        title: "Assistant IA - Arrhes"
+    }),
+    component: () => (
+        <AiAssistant />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
new file mode 100644
index 0000000..92ff68d
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiIndex } from "../../../../features/docs/apiIndex.js"
+import { apiLayoutRoute } from "./apiLayoutRoute.js"
+
+
+export const apiIndexRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "API - Documentation - Arrhes"
+    }),
+    component: () => (
+        <ApiIndex />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx
new file mode 100644
index 0000000..3d2fe82
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx
@@ -0,0 +1,11 @@
+import { createRoute, Outlet } from "@tanstack/react-router"
+import { docsLayoutRoute } from "../docsLayoutRoute.js"
+
+
+export const apiLayoutRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/api",
+    component: () => (
+        <Outlet />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx b/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
new file mode 100644
index 0000000..16e3416
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiAuthentification } from "../../../../features/docs/api/authentification.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiAuthentificationRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/authentification",
+    beforeLoad: () => ({
+        title: "Authentification API - Arrhes"
+    }),
+    component: () => (
+        <ApiAuthentification />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx b/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
new file mode 100644
index 0000000..798e60f
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiComptes } from "../../../../features/docs/api/comptes.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiComptesRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/comptes",
+    beforeLoad: () => ({
+        title: "API Comptes - Arrhes"
+    }),
+    component: () => (
+        <ApiComptes />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx b/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
new file mode 100644
index 0000000..6861bdb
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiEcritures } from "../../../../features/docs/api/ecritures.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiEcrituresRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/ecritures",
+    beforeLoad: () => ({
+        title: "API Écritures - Arrhes"
+    }),
+    component: () => (
+        <ApiEcritures />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx b/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
new file mode 100644
index 0000000..c28087d
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiErreurs } from "../../../../features/docs/api/erreurs.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiErreursRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/erreurs",
+    beforeLoad: () => ({
+        title: "Gestion des erreurs API - Arrhes"
+    }),
+    component: () => (
+        <ApiErreurs />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx b/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
new file mode 100644
index 0000000..a21fbff
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiExercices } from "../../../../features/docs/api/exercices.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiExercicesRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/exercices",
+    beforeLoad: () => ({
+        title: "API Exercices - Arrhes"
+    }),
+    component: () => (
+        <ApiExercices />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx b/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
new file mode 100644
index 0000000..af9d542
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ApiOrganisations } from "../../../../features/docs/api/organisations.tsx"
+import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
+
+
+export const apiOrganisationsRoute = createRoute({
+    getParentRoute: () => apiLayoutRoute,
+    path: "/organisations",
+    beforeLoad: () => ({
+        title: "API Organisations - Arrhes"
+    }),
+    component: () => (
+        <ApiOrganisations />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
index 2f9f1f3..fae91c6 100644
--- a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
@@ -6,7 +6,7 @@ import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 export const docsLayoutRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
-    path: "/docs",
+    path: "/documentation",
     pendingComponent: () => (
         <CircularLoader />
     ),
diff --git a/packages/dashboard/src/routes/root/docs/docsTree.ts b/packages/dashboard/src/routes/root/docs/docsTree.ts
index dc613b9..1c86c23 100644
--- a/packages/dashboard/src/routes/root/docs/docsTree.ts
+++ b/packages/dashboard/src/routes/root/docs/docsTree.ts
@@ -1,30 +1,67 @@
 import { AnyRoute } from "@tanstack/react-router"
-import { accountLayoutRoute } from "../dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountLayoutRoute.js"
+import { accountingIndexRoute } from "./accounting/accountingIndexRoute.js"
+import { accountingLayoutRoute } from "./accounting/accountingLayoutRoute.js"
 import { accountsRoute } from "./accounting/accountsRoute.js"
 import { documentsRoute } from "./accounting/documentsRoute.js"
-import { introductionRoute } from "./accounting/introductionRoute.js"
 import { recordsRoute } from "./accounting/recordsRoute.js"
+import { aiAnalyseRoute } from "./ai/analyseRoute.js"
+import { aiAssistantRoute } from "./ai/assistantRoute.js"
+import { aiIndexRoute } from "./ai/aiIndexRoute.js"
+import { aiLayoutRoute } from "./ai/aiLayoutRoute.js"
+import { apiIndexRoute } from "./api/apiIndexRoute.js"
+import { apiLayoutRoute } from "./api/apiLayoutRoute.js"
+import { cguRoute } from "./general/cguRoute.js"
+import { confidentialiteRoute } from "./general/confidentialiteRoute.js"
 import { docsLayoutRoute } from "./docsLayoutRoute.js"
 import { docsRootRoute } from "./docsRootRoute.js"
+import { fonctionnalitesRoute } from "./general/fonctionnalitesRoute.js"
 import { guideDemarrageRoute } from "./guide/demarrageRoute.js"
+import { guideIndexRoute } from "./guide/guideIndexRoute.js"
 import { guideLayoutRoute } from "./guide/guideLayoutRoute.js"
 import { guideOrganisationsRoute } from "./guide/organisationsRoute.js"
 import { guideRapportsRoute } from "./guide/rapportsRoute.js"
 import { guideRecordRowsRoute } from "./guide/recordRowsRoute.js"
+import { mentionsLegalesRoute } from "./general/mentionsLegalesRoute.js"
+import { supportRoute } from "./general/supportRoute.js"
+import { tarifsRoute } from "./general/tarifsRoute.js"
 
 
 export const docsTree: AnyRoute = docsLayoutRoute.addChildren([
+    // General section (root)
     docsRootRoute,
-    accountLayoutRoute.addChildren([
-        introductionRoute,
+    fonctionnalitesRoute,
+    tarifsRoute,
+    supportRoute,
+    mentionsLegalesRoute,
+    cguRoute,
+    confidentialiteRoute,
+
+    // Comptabilite section (cours de comptabilité)
+    accountingLayoutRoute.addChildren([
+        accountingIndexRoute,
         accountsRoute,
         recordsRoute,
         documentsRoute,
     ]),
+
+    // Dashboard section (guide d'utilisation)
     guideLayoutRoute.addChildren([
+        guideIndexRoute,
         guideDemarrageRoute,
         guideOrganisationsRoute,
         guideRecordRowsRoute,
         guideRapportsRoute,
-    ])
-])
\ No newline at end of file
+    ]),
+
+    // API section (single page - under development)
+    apiLayoutRoute.addChildren([
+        apiIndexRoute,
+    ]),
+
+    // AI section
+    aiLayoutRoute.addChildren([
+        aiIndexRoute,
+        aiAssistantRoute,
+        aiAnalyseRoute,
+    ]),
+])
diff --git a/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx b/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
new file mode 100644
index 0000000..4343aa4
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { Cgu } from "../../../../features/docs/root/cgu.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const cguRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/cgu",
+    beforeLoad: () => ({
+        title: "CGU - Arrhes"
+    }),
+    component: () => (
+        <Cgu />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx b/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
new file mode 100644
index 0000000..6a54205
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { Confidentialite } from "../../../../features/docs/root/confidentialite.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const confidentialiteRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/confidentialite",
+    beforeLoad: () => ({
+        title: "Politique de confidentialité - Arrhes"
+    }),
+    component: () => (
+        <Confidentialite />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx b/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
new file mode 100644
index 0000000..bb4e7e5
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { FeaturesPage } from "../../../../features/docs/root/features/featuresPage.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const fonctionnalitesRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/fonctionnalites",
+    beforeLoad: () => ({
+        title: "Fonctionnalités - Arrhes"
+    }),
+    component: () => (
+        <FeaturesPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx b/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
new file mode 100644
index 0000000..e1481bc
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { MentionsLegales } from "../../../../features/docs/root/mentionsLegales.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const mentionsLegalesRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/mentions-legales",
+    beforeLoad: () => ({
+        title: "Mentions légales - Arrhes"
+    }),
+    component: () => (
+        <MentionsLegales />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx b/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
new file mode 100644
index 0000000..1438694
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { Support } from "../../../../features/docs/root/support.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const supportRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/support",
+    beforeLoad: () => ({
+        title: "Support - Arrhes"
+    }),
+    component: () => (
+        <Support />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx b/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
new file mode 100644
index 0000000..b293590
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { Tarifs } from "../../../../features/docs/root/pricing/tarifs.tsx"
+import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
+
+
+export const tarifsRoute = createRoute({
+    getParentRoute: () => docsLayoutRoute,
+    path: "/tarifs",
+    beforeLoad: () => ({
+        title: "Tarifs - Arrhes"
+    }),
+    component: () => (
+        <Tarifs />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
index 2d8be88..bbe6bcf 100644
--- a/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
@@ -1,11 +1,11 @@
 import { createRoute } from "@tanstack/react-router"
-import { GuideDemarrage } from "../../../../features/docs/guide/demarrage.tsx"
+import { GuideDemarrage } from "../../../../features/docs/dashboard/demarrage.tsx"
 import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
 
 
 export const guideDemarrageRoute = createRoute({
     getParentRoute: () => guideLayoutRoute,
-    path: "/démarrage",
+    path: "/demarrage",
     beforeLoad: () => ({
         title: "Demarrer avec Arrhes"
     }),
diff --git a/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
new file mode 100644
index 0000000..8c333b8
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { DashboardIndex } from "../../../../features/docs/dashboardIndex.tsx"
+import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
+
+
+export const guideIndexRoute = createRoute({
+    getParentRoute: () => guideLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Guide d'utilisation"
+    }),
+    component: () => (
+        <DashboardIndex />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
index f261b04..a477315 100644
--- a/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
@@ -4,7 +4,7 @@ import { docsLayoutRoute } from "../docsLayoutRoute.js"
 
 export const guideLayoutRoute = createRoute({
     getParentRoute: () => docsLayoutRoute,
-    path: "/guide",
+    path: "/dashboard",
     component: () => (
         <Outlet />
     )
diff --git a/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
index 31e4a26..b79c7f6 100644
--- a/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
@@ -1,5 +1,5 @@
 import { createRoute } from "@tanstack/react-router"
-import { GuideOrganisations } from "../../../../features/docs/guide/organisations.tsx"
+import { GuideOrganisations } from "../../../../features/docs/dashboard/organisations.tsx"
 import { guideLayoutRoute } from "./guideLayoutRoute.js"
 
 
diff --git a/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
index 5cb0e4e..2e6b76a 100644
--- a/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
@@ -1,5 +1,5 @@
 import { createRoute } from "@tanstack/react-router"
-import { GuideRapports } from "../../../../features/docs/guide/rapports.tsx"
+import { GuideRapports } from "../../../../features/docs/dashboard/rapports.tsx"
 import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
 
 
diff --git a/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
index 058ad81..c34559c 100644
--- a/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
@@ -1,11 +1,11 @@
 import { createRoute } from "@tanstack/react-router"
-import { GuideEcritures } from "../../../../features/docs/guide/ecritures.tsx"
+import { GuideEcritures } from "../../../../features/docs/dashboard/ecritures.tsx"
 import { guideLayoutRoute } from "./guideLayoutRoute.js"
 
 
 export const guideRecordRowsRoute = createRoute({
     getParentRoute: () => guideLayoutRoute,
-    path: "/écritures",
+    path: "/ecritures",
     beforeLoad: () => ({
         title: "Saisir des ecritures - Arrhes"
     }),
diff --git a/packages/dashboard/src/routes/root/website/landingRoute.tsx b/packages/dashboard/src/routes/root/website/websiteRootRoute.tsx
similarity index 67%
rename from packages/dashboard/src/routes/root/website/landingRoute.tsx
rename to packages/dashboard/src/routes/root/website/websiteRootRoute.tsx
index 8652d35..d9808c3 100644
--- a/packages/dashboard/src/routes/root/website/landingRoute.tsx
+++ b/packages/dashboard/src/routes/root/website/websiteRootRoute.tsx
@@ -1,5 +1,5 @@
 import { createRoute } from "@tanstack/react-router"
-import { LandingPage } from "../../../features/website/landingPage.tsx"
+import { WebsitePage } from "../../../features/website/websitePage.tsx"
 import { websiteLayoutRoute } from "./websiteLayoutRoute.tsx"
 
 
@@ -7,9 +7,9 @@ export const websiteRootRoute = createRoute({
     getParentRoute: () => websiteLayoutRoute,
     path: "/",
     beforeLoad: () => ({
-        title: "Arrhes - Logiciel de comptabilite libre"
+        title: "Arrhes"
     }),
     component: () => (
-        <LandingPage />
+        <WebsitePage />
     )
 })
diff --git a/packages/ui/panda.config.ts b/packages/ui/panda.config.ts
index 565be45..3426c08 100644
--- a/packages/ui/panda.config.ts
+++ b/packages/ui/panda.config.ts
@@ -22,7 +22,7 @@ export default defineConfig({
                 error: { value: "#C91D1D" },
                 warning: { value: "#E8B130" },
                 information: { value: "#309be8" },
-                primary: { value: "#2563eb" },
+                primary: { value: "#005b96" },
             },
             fonts: {
                 mono: { value: '"Sometype Mono", monospace' },
@@ -40,11 +40,19 @@ export default defineConfig({
                 sm: { value: "rgba(17, 17, 26, 0.1) 0px 1px 4px" },
             },
             sizes: {
-                maxSm: { value: "320px" },
-                maxMd: { value: "768px" },
-                maxLg: { value: "1024px" },
-                maxXl: { value: "1280px" },
+                xs: { value: "320px" },
+                sm: { value: "576px" },
+                md: { value: "768px" },
+                lg: { value: "1024px" },
+                xl: { value: "1280px" },
             },
+            fontSizes: {
+                xs: { value: "0.75rem" },
+                sm: { value: "0.875rem" },
+                md: { value: "1rem" },
+                lg: { value: "1.25rem" },
+                xl: { value: "1.5rem" },
+            }
         },
         breakpoints: {
             sm: "320px",
diff --git a/packages/ui/src/components/buttons/button.tsx b/packages/ui/src/components/buttons/button.tsx
index d680e16..3aff792 100644
--- a/packages/ui/src/components/buttons/button.tsx
+++ b/packages/ui/src/components/buttons/button.tsx
@@ -1,23 +1,22 @@
 import { type ComponentProps, type MouseEvent, type ReactNode, useState } from "react"
 import { css, cx } from "../../utilities/cn.ts"
 import { sleep } from "../../utilities/sleep.ts"
-import { type ButtonContentProps, ButtonContent } from "./buttonContent"
+import { ButtonContent } from "./buttonContent"
 
 
-export type ButtonProps = Omit<ComponentProps<"button">, "color">
-    & ButtonContentProps
-    & {
-        hasLoader?: boolean
-        children?: ReactNode
-    }
-
 /**
  * Button component with loading state handling and variant support
  * Styled to match GitHub's Primer design system
  * Combines button behavior with ButtonContent visual styles
  * Can render children directly or use ButtonContent for structured content
  */
-export function Button(props: ButtonProps) {
+export function Button(props:
+    & Omit<ComponentProps<"button">, "color">
+    & ComponentProps<typeof ButtonContent>
+    & {
+        hasLoader?: boolean
+        children?: ReactNode
+    }) {
     const [isLoading, setIsLoading] = useState(false)
 
     async function handleClick(e: MouseEvent<HTMLButtonElement>) {
@@ -33,7 +32,7 @@ export function Button(props: ButtonProps) {
 
     // Extract content props from button props
     const {
-        variant, color, size, text, icon, rightIcon, isActive,
+        variant, color, text, leftIcon, rightIcon, isActive,
         hasLoader, className, disabled, title, children,
         ...buttonProps
     } = props
@@ -70,10 +69,9 @@ export function Button(props: ButtonProps) {
                 <ButtonContent
                     variant={variant}
                     color={color}
-                    size={size}
                     text={text}
                     title={title ?? text}
-                    icon={icon}
+                    leftIcon={leftIcon}
                     rightIcon={rightIcon}
                     isLoading={hasLoader !== false ? isLoading : undefined}
                     disabled={disabled}
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
index f16d5b1..77bbae9 100644
--- a/packages/ui/src/components/buttons/buttonContent.tsx
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -21,48 +21,6 @@ const colorMap: Record<ButtonColor, "neutral" | "danger" | "success"> = {
 // Button style variants (GitHub Primer inspired)
 export type ButtonVariant = "default" | "primary" | "outline" | "invisible"
 
-// Button sizes (GitHub Primer inspired)
-export type ButtonSize = "small" | "medium" | "large"
-
-
-export type ButtonContentProps = {
-    variant?: ButtonVariant
-    color?: ButtonColor
-    size?: ButtonSize
-    text?: string
-    title?: string
-    icon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    rightIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
-    isLoading?: boolean
-    disabled?: boolean
-    isActive?: boolean
-    className?: string
-}
-
-// Size configurations
-const sizeStyles = {
-    small: {
-        height: "28px",
-        padding: "0 8px",
-        fontSize: "12px",
-        iconSize: 14,
-        gap: "4px",
-    },
-    medium: {
-        height: "32px",
-        padding: "0 12px",
-        fontSize: "14px",
-        iconSize: 16,
-        gap: "6px",
-    },
-    large: {
-        height: "40px",
-        padding: "0 16px",
-        fontSize: "14px",
-        iconSize: 20,
-        gap: "8px",
-    },
-}
 
 // GitHub Primer-inspired style configurations
 const variantStyles = {
@@ -72,16 +30,16 @@ const variantStyles = {
             borderWidth: "1px",
             borderStyle: "solid",
             borderColor: "rgba(31, 35, 40, 0.15)",
-            bg: "success",
+            bg: "primary",
             color: "white",
             fontWeight: "medium",
             boxShadow: "inset 0 1px 0 rgba(255,255,255,0.25)",
             _hover: {
-                bg: "#2da44e",
+                bg: "primary/90",
                 filter: "brightness(0.95)",
             },
             _active: {
-                bg: "#298e46",
+                bg: "primary/90",
             },
         }),
         colors: {
@@ -232,12 +190,21 @@ const variantStyles = {
  * Styled to match GitHub's Primer design system
  * Can be used standalone or wrapped by Button/Link for click handling
  */
-export function ButtonContent(props: ButtonContentProps) {
+export function ButtonContent(props: {
+    variant?: ButtonVariant
+    color?: ButtonColor
+    text?: string
+    title?: string
+    leftIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+    rightIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+    isLoading?: boolean
+    disabled?: boolean
+    isActive?: boolean
+    className?: string
+}) {
     const variant = props.variant ?? "default"
     const rawColor = props.color ?? "neutral"
     const color = colorMap[rawColor] // Map legacy colors
-    const size = props.size ?? "medium"
-    const sizeConfig = sizeStyles[size]
     const styles = variantStyles[variant].colors[color]
 
     const baseContainerStyles = css({
@@ -245,6 +212,8 @@ export function ButtonContent(props: ButtonContentProps) {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
+        gap: "0.5rem",
+        padding: "0.5rem",
         borderRadius: "md",
         boxSizing: "border-box",
         cursor: "pointer",
@@ -252,26 +221,20 @@ export function ButtonContent(props: ButtonContentProps) {
         _disabled: { opacity: 0.5, cursor: "not-allowed" },
     })
 
-    const sizeContainerStyles = css({
-        height: sizeConfig.height,
-        padding: sizeConfig.padding,
-        gap: sizeConfig.gap,
-        fontSize: sizeConfig.fontSize,
-    })
 
     const iconOnlyStyles = props.text === undefined
         ? css({
-            width: sizeConfig.height,
+            width: "auto",
             padding: "0",
             justifyContent: "center"
         })
         : ""
 
     const iconBaseStyles = css({
-        minWidth: `${sizeConfig.iconSize}px`,
-        width: `${sizeConfig.iconSize}px`,
-        minHeight: `${sizeConfig.iconSize}px`,
-        height: `${sizeConfig.iconSize}px`,
+        minWidth: `1rem`,
+        width: `1rem`,
+        minHeight: `1rem`,
+        height: `1rem`,
         flexShrink: 0,
     })
 
@@ -279,6 +242,7 @@ export function ButtonContent(props: ButtonContentProps) {
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
+        fontSize: "0.875rem",
         lineHeight: "1",
     })
 
@@ -292,7 +256,6 @@ export function ButtonContent(props: ButtonContentProps) {
             aria-disabled={props.disabled || props.isLoading}
             className={cx(
                 baseContainerStyles,
-                sizeContainerStyles,
                 iconOnlyStyles,
                 variantStyles[variant].base,
                 styles.container,
@@ -302,7 +265,7 @@ export function ButtonContent(props: ButtonContentProps) {
             {/* Loading spinner */}
             {props.isLoading && (
                 <CircularLoader
-                    size={sizeConfig.iconSize}
+                    size={16}
                     className={cx(
                         iconBaseStyles,
                         variant === "primary" ? css({ stroke: "white" }) : styles.icon
@@ -311,9 +274,9 @@ export function ButtonContent(props: ButtonContentProps) {
             )}
 
             {/* Left icon */}
-            {props.icon && !props.isLoading && cloneElement(props.icon, {
+            {props.leftIcon && !props.isLoading && cloneElement(props.leftIcon, {
                 "aria-disabled": props.disabled,
-                size: sizeConfig.iconSize,
+                size: 16,
                 className: cx(
                     iconBaseStyles,
                     variant === "primary"
@@ -342,38 +305,42 @@ export function ButtonContent(props: ButtonContentProps) {
             {/* Right icon */}
             {props.rightIcon && (
                 <div className={css({ display: "flex", alignItems: "center", justifyContent: "center" })}>
-                    {props.isLoading ? (
-                        <CircularLoader
-                            size={sizeConfig.iconSize - 4}
-                            className={cx(
-                                css({
-                                    minWidth: `${sizeConfig.iconSize - 4}px`,
-                                    width: `${sizeConfig.iconSize - 4}px`,
-                                    minHeight: `${sizeConfig.iconSize - 4}px`,
-                                    height: `${sizeConfig.iconSize - 4}px`
-                                }),
-                                variant === "primary" ? css({ stroke: "white" }) : styles.icon
-                            )}
-                        />
-                    ) : (
-                        cloneElement(props.rightIcon, {
-                            "aria-disabled": props.disabled,
-                            size: sizeConfig.iconSize - 4,
-                            className: cx(
-                                css({
-                                    minWidth: `${sizeConfig.iconSize - 4}px`,
-                                    width: `${sizeConfig.iconSize - 4}px`,
-                                    minHeight: `${sizeConfig.iconSize - 4}px`,
-                                    height: `${sizeConfig.iconSize - 4}px`,
-                                    _disabled: { color: "neutral/50" },
-                                }),
-                                variant === "primary"
-                                    ? css({ color: "white" })
-                                    : (styles as typeof variantStyles.outline.colors.neutral).rightIcon ?? styles.icon
-                            ),
-                            strokeWidth: 1.75
-                        })
-                    )}
+                    {
+                        props.isLoading
+                            ? (
+                                <CircularLoader
+                                    size={16 - 4}
+                                    className={cx(
+                                        css({
+                                            minWidth: "1rem",
+                                            width: "1rem",
+                                            minHeight: "1rem",
+                                            height: "1rem",
+                                        }),
+                                        variant === "primary" ? css({ stroke: "white" }) : styles.icon
+                                    )}
+                                />
+                            )
+                            : (
+                                cloneElement(props.rightIcon, {
+                                    "aria-disabled": props.disabled,
+                                    size: 16 - 4,
+                                    className: cx(
+                                        css({
+                                            minWidth: "1rem",
+                                            width: "1rem",
+                                            minHeight: "1rem",
+                                            height: "1rem",
+                                            _disabled: { color: "neutral/50" },
+                                        }),
+                                        variant === "primary"
+                                            ? css({ color: "white" })
+                                            : (styles as typeof variantStyles.outline.colors.neutral).rightIcon ?? styles.icon
+                                    ),
+                                    strokeWidth: 1.75
+                                })
+                            )
+                    }
                 </div>
             )}
         </div>
diff --git a/packages/ui/src/components/layouts/badge.tsx b/packages/ui/src/components/layouts/badge.tsx
new file mode 100644
index 0000000..98077fe
--- /dev/null
+++ b/packages/ui/src/components/layouts/badge.tsx
@@ -0,0 +1,30 @@
+import type { ComponentProps } from "react"
+import { css } from "../../utilities/cn.ts"
+
+
+export function Badge(props: {
+    className?: ComponentProps<'div'>['className']
+    children: string
+}) {
+    return (
+        <div
+            className={css({
+                display: "inline-flex",
+                alignItems: "center",
+                padding: "0.5rem",
+                backgroundColor: "primary/10",
+            })}
+        >
+            <span
+                className={css({
+                    color: "primary",
+                    fontWeight: "medium",
+                    fontSize: "xs",
+                    lineHeight: "normal",
+                })}
+            >
+                {props.children}
+            </span>
+        </div>
+    )
+}
diff --git a/packages/ui/src/components/layouts/logo.tsx b/packages/ui/src/components/layouts/logo.tsx
index 9ed62d5..bb8e535 100644
--- a/packages/ui/src/components/layouts/logo.tsx
+++ b/packages/ui/src/components/layouts/logo.tsx
@@ -1,19 +1,20 @@
 import { IconAbacus } from "@tabler/icons-react"
 import type { ComponentProps } from "react"
-import { cx, css } from "../../utilities/cn.ts"
+import { ButtonContent } from "../buttons/buttonContent.tsx"
 
 
 export function Logo(props: {
     className?: ComponentProps<'div'>['className']
-    size?: number
+    withText?: boolean
 }) {
     return (
-        <IconAbacus
-            size={props.size ?? 16}
-            className={cx(
-                css({ stroke: "neutral/50" }),
-                props.className
-            )}
+        <ButtonContent
+            leftIcon={<IconAbacus />}
+            text={
+                props.withText
+                    ? "Arrhes"
+                    : undefined
+            }
         />
     )
 }
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 62b95f3..3e95477 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -2,15 +2,15 @@
 export { cn } from "./utilities/cn.js"
 
 // Components - Layouts
+export { Badge } from "./components/layouts/badge.js"
 export { CircularLoader } from "./components/layouts/circularLoader.js"
 export { Logo } from "./components/layouts/logo.js"
 
 // Components - Buttons
 export { Button } from "./components/buttons/button.js"
-export type { ButtonProps } from "./components/buttons/button.js"
 
 export { ButtonContent } from "./components/buttons/buttonContent.js"
-export type { ButtonColor, ButtonContentProps, ButtonVariant, ButtonSize } from "./components/buttons/buttonContent.js"
+export type { ButtonColor, ButtonVariant } from "./components/buttons/buttonContent.js"
 
 export { LinkContent } from "./components/buttons/linkContent.js"
 export type { LinkContentProps } from "./components/buttons/linkContent.js"

From 51533f6f2f9106f365f55cabfed22d005d641678 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Tue, 10 Feb 2026 21:04:57 +0100
Subject: [PATCH 18/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(dashboard):?=
 =?UTF-8?q?=20fix=20CSS=20property=20names=20and=20update=20Button=20compo?=
 =?UTF-8?q?nent=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fix typos in PandaCSS properties across components:
  - rounded → borderRadius
  - p → padding
  - overflowidth → overflow
  - textOverflowidth → textOverflow
  - shadowidth → boxShadow
  - minwidth → minWidth
- refactor Button usage to use Button + ButtonContent composition pattern
- remove unused dashboard assets (fonts.css, theme.css, font file)
- simplify root.css to layer declarations only
- add new LinkButton component for type-safe route links
- add Separator component and Monaspace Neon font to ui package
- add PageTitle, PageDescription, PageNavigation components
- update DocDefinition and DocList to accept ReactNode children
- update FormRoot submitButtonProps to explicit typed interface
- remove website package from development environment
- update seed data with improved organization
---
 .development/packages/website/.env            |   3 -
 .development/packages/website/Dockerfile      |  44 -
 justfile                                      |   1 -
 packages/dashboard/src/assets/css/fonts.css   |   7 -
 packages/dashboard/src/assets/css/root.css    |  82 +-
 packages/dashboard/src/assets/css/theme.css   |  13 -
 .../fonts/SometypeMono-VariableFont_wght.ttf  | Bin 65180 -> 0 bytes
 .../src/components/document/docDefinition.tsx |   7 +-
 .../src/components/document/docExample.tsx    |   4 +-
 .../src/components/document/docIndexLink.tsx  |   2 +-
 .../src/components/document/docList.tsx       |   5 +-
 .../src/components/document/docNextPage.tsx   |   6 +-
 .../components/document/docSectionCard.tsx    |   8 +-
 .../src/components/document/docTable.tsx      |   2 +-
 .../src/components/formats/formatBase.tsx     |   2 +-
 .../src/components/formats/formatError.tsx    |   4 +-
 .../src/components/formats/formatFileSize.tsx |   4 +-
 .../src/components/formats/formatLink.tsx     |   8 +-
 .../src/components/formats/formatNull.tsx     |   4 +-
 .../src/components/formats/formatText.tsx     |   2 +-
 .../src/components/forms/formLabel.tsx        |   2 +-
 .../src/components/forms/formRoot.tsx         |  39 +-
 .../src/components/forms/formSubmit.tsx       |  25 +-
 .../src/components/inputs/inputCombobox.tsx   |  20 +-
 .../inputs/inputComboboxMultiple.tsx          |  35 +-
 .../src/components/inputs/inputDate.tsx       |  12 +-
 .../src/components/inputs/inputDisabled.tsx   |   4 +-
 .../src/components/inputs/inputFile.tsx       |   4 +-
 .../src/components/inputs/inputNumber.tsx     |  12 +-
 .../src/components/inputs/inputPassword.tsx   |  12 +-
 .../src/components/inputs/inputSelect.tsx     |  24 +-
 .../src/components/inputs/inputSwitch.tsx     |   8 +-
 .../src/components/inputs/inputText.tsx       |   8 +-
 .../src/components/inputs/inputTextArea.tsx   |   8 +-
 .../src/components/inputs/inputToggle.tsx     |   8 +-
 .../src/components/layouts/banner.tsx         |   6 +-
 .../dashboard/src/components/layouts/box.tsx  |   4 +-
 .../components/layouts/card/cardHeader.tsx    |   2 +-
 .../src/components/layouts/card/cardRoot.tsx  |   4 +-
 .../dashboard/src/components/layouts/chip.tsx |  12 +-
 .../src/components/layouts/command.tsx        |  18 +-
 .../layouts/dataBlock/dataBlockContent.tsx    |   4 +-
 .../src/components/layouts/dataTable.tsx      |  33 +-
 .../src/components/layouts/dataWrapper.tsx    |  10 +-
 .../layouts/dropdownMenu/dropdownContent.tsx  |  10 +-
 .../layouts/dropdownMenu/dropdownRoot.tsx     |   2 +-
 .../dropdownMenu/dropdownSeparator.tsx        |   1 -
 .../src/components/layouts/page/page.tsx      |   6 +
 .../components/layouts/page/pageContent.tsx   |   2 +-
 .../layouts/page/pageDescription.tsx          |  20 +
 .../components/layouts/page/pageHeader.tsx    |  42 +-
 .../pageNavigation.tsx}                       |  58 +-
 .../src/components/layouts/page/pageRoot.tsx  |  15 +-
 .../src/components/layouts/page/pageTitle.tsx |  21 +
 .../layouts/section/sectionItem.tsx           |   4 +-
 .../layouts/section/sectionRoot.tsx           |   4 +-
 .../src/components/layouts/subPageLayout.tsx  |  21 +-
 .../src/components/layouts/table/table.tsx    |   4 +-
 .../layouts/table/tableBody/tableBodyCell.tsx |   2 +-
 .../table/tableHeader/tableHeaderCell.tsx     |   2 +-
 .../src/components/layouts/title.tsx          |   2 +-
 .../src/components/layouts/virtualizer.tsx    |   2 +-
 .../dashboard/src/components/linkButton.tsx   |  49 +
 .../overlays/dialog/dialogContent.tsx         |   6 +-
 .../overlays/dialog/dialogFooter.tsx          |   4 +-
 .../overlays/dialog/dialogHeader.tsx          |  18 +-
 .../overlays/dialog/dialogOverlay.tsx         |   2 +-
 .../components/overlays/drawer/drawerBody.tsx |   4 +-
 .../overlays/drawer/drawerContent.tsx         |  28 +-
 .../overlays/drawer/drawerHeader.tsx          |  24 +-
 .../overlays/drawer/drawerTrigger.tsx         |   7 +-
 .../overlays/popover/popoverContent.tsx       |  11 +-
 .../components/overlays/toast/toastAction.tsx |   2 +-
 .../components/overlays/toast/toastClose.tsx  |  16 +-
 .../overlays/toast/toastContent.tsx           |  20 +-
 .../overlays/toast/toastViewport.tsx          |   2 +-
 .../overlays/tooltip/tooltipContent.tsx       |   4 +-
 .../dashboard/src/features/breadcrumbs.tsx    | 113 +--
 .../features/dashboard/dashboardLayout.tsx    | 216 +++--
 .../$idOrganization/organizationLayout.tsx    |  46 +-
 .../deleteOneOrganization.tsx                 |  25 +-
 .../organizationSettingsLayout.tsx            |   4 +-
 .../organizationSettingsPage.tsx              |   4 +-
 .../deleteOneOrganizationUser.tsx             |  23 +-
 .../updateOneOrganizationUser.tsx             |   2 +-
 .../createOneOrganizationUser.tsx             |   2 +-
 .../organizationUsersTable.tsx                |   4 +-
 .../updateOneOrganization.tsx                 |   2 +-
 .../$idAttachment/attachmentFile.tsx          |   2 +-
 .../$idAttachment/attachmentPage.tsx          |  20 +-
 .../$idAttachment/deleteOneAttachment.tsx     |  25 +-
 .../$idAttachment/updateOneAttachment.tsx     |   2 +-
 .../$idYear/attachments/attachmentsGrid.tsx   | 204 ++++
 .../$idYear/attachments/attachmentsPage.tsx   |  82 +-
 .../$idYear/attachments/attachmentsTable.tsx  |   2 +-
 .../attachments/createOneAttachment.tsx       |   2 +-
 .../$idRecordRow/deleteOneRecordRow.tsx       |  29 +-
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |  22 +-
 .../$idRecordRow/updateOneRecordRow.tsx       |   8 +-
 .../records/$idRecord/createOneRecordRow.tsx  |   2 +-
 .../records/$idRecord/deleteOneRecord.tsx     |  25 +-
 .../records/$idRecord/duplicateOneRecord.tsx  |  22 +-
 .../$idYear/records/$idRecord/recordPage.tsx  |  11 +-
 .../records/$idRecord/recordRowsTable.tsx     |  22 +-
 .../$idRecord/updateManyRecordRows.tsx        |   2 +-
 .../records/$idRecord/updateOneRecord.tsx     |   2 +-
 .../years/$idYear/records/createOneRecord.tsx |   4 +-
 .../years/$idYear/records/recordsPage.tsx     |   4 +-
 .../balanceReport/balanceReportTable.tsx      |   2 +-
 .../balanceSheetReportPage.tsx                |  11 +-
 .../incomeStatementReportPage.tsx             |   7 +-
 .../journalReport/journalReportTable.tsx      |   2 +-
 .../ledgerReport/ledgerReportTable.tsx        |   2 +-
 .../years/$idYear/reports/reportsLayout.tsx   |  10 +-
 .../years/$idYear/yearLayout.tsx              |  12 +-
 .../accounts/$idAccount/accountPage.tsx       |  34 +-
 .../accounts/$idAccount/deleteOneAccount.tsx  |  33 +-
 .../accounts/$idAccount/updateOneAccount.tsx  |   2 +-
 .../yearSettings/accounts/accountItem.tsx     |   6 +-
 .../yearSettings/accounts/accountsPage.tsx    |   2 +-
 .../yearSettings/accounts/accountsTable.tsx   |   4 +-
 .../accounts/createOneAccount.tsx             |   2 +-
 .../accounts/generateAccounts.tsx             |   2 +-
 .../$idBalanceSheet/balanceSheetPage.tsx      |  20 +-
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |  25 +-
 .../$idBalanceSheet/updateOneBalanceSheet.tsx |   2 +-
 .../balanceSheets/balanceSheetRow.tsx         |   6 +-
 .../balanceSheets/balanceSheetTable.tsx       |   2 +-
 .../balanceSheets/balanceSheetsPage.tsx       |   6 +-
 .../connectAccountsToBalanceSheets.tsx        |  21 +-
 .../balanceSheets/createOneBalanceSheet.tsx   |   2 +-
 .../balanceSheets/generateBalanceSheets.tsx   |  21 +-
 .../$idYear/yearSettings/deleteOneYear.tsx    |  25 +-
 .../deleteOneIncomeStatement.tsx              |  25 +-
 .../incomeStatementPage.tsx                   |  20 +-
 .../updateOneIncomeStatement.tsx              |   2 +-
 .../computationIncomeStatementPage.tsx        |  20 +-
 .../deleteOneComputationIncomeStatement.tsx   |  25 +-
 .../updateOneComputationIncomeStatement.tsx   |   2 +-
 .../computationIncomeStatementTable.tsx       |   8 +-
 .../createOneComputationIncomeStatement.tsx   |   2 +-
 .../$idComputation/computationPage.tsx        |  20 +-
 .../$idComputation/deleteOneComputation.tsx   |  25 +-
 .../$idComputation/updateOneComputation.tsx   |   2 +-
 .../computations/computationsTable.tsx        |   6 +-
 .../computations/createOneComputation.tsx     |   2 +-
 .../computations/generateComputations.tsx     |  21 +-
 .../connectAccountsToIncomeStatements.tsx     |  21 +-
 .../createOneIncomeStatement.tsx              |   2 +-
 .../generateIncomeStatement.tsx               |  21 +-
 .../incomeStatements/incomeStatementRow.tsx   |   6 +-
 .../incomeStatements/incomeStatementsPage.tsx |   2 +-
 .../incomeStatementsTable.tsx                 |   4 +-
 .../journals/$idJournal/deleteOneJournal.tsx  |  25 +-
 .../journals/$idJournal/journalPage.tsx       |   9 +-
 .../journals/$idJournal/updateOneJournal.tsx  |   2 +-
 .../journals/createOneJournal.tsx             |   2 +-
 .../journals/generateJournals.tsx             |  21 +-
 .../yearSettings/journals/journalsPage.tsx    |   6 +-
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |  25 +-
 .../$idRecordLabel/recordLabelPage.tsx        |   9 +-
 .../$idRecordLabel/updateOneRecordLabel.tsx   |   2 +-
 .../recordLabels/createOneRecordLabel.tsx     |   2 +-
 .../recordLabels/recordLabelsPage.tsx         |   6 +-
 .../$idYear/yearSettings/updateOneYear.tsx    |   2 +-
 .../yearSettings/yearSettingsLayout.tsx       |  12 +-
 .../$idYear/yearSettings/yearSettingsPage.tsx |   4 +-
 .../$idOrganization/years/createOneYear.tsx   |   2 +-
 .../$idOrganization/years/yearCard.tsx        |   8 +-
 .../$idOrganization/years/yearsPage.tsx       |   2 +-
 .../organizations/addNewOrganization.tsx      |   7 +-
 .../organizations/organizationCard.tsx        |  92 +-
 .../organizations/organizationsPage.tsx       |  70 +-
 .../dashboard/support/contactSupportForm.tsx  |   2 +-
 .../dashboard/support/supportPage.tsx         |   4 +-
 .../dashboard/src/features/docs/aiIndex.tsx   |   6 +-
 .../src/features/docs/comptabiliteIndex.tsx   |   6 +-
 .../src/features/docs/dashboard/rapports.tsx  |   4 +-
 .../src/features/docs/dashboardIndex.tsx      |   8 +-
 .../src/features/docs/documentationIndex.tsx  |   8 +-
 .../src/features/docs/documentationLayout.tsx |  27 +-
 .../src/features/error/errorPage.tsx          |   2 +-
 .../dashboard/src/features/rootLayout.tsx     |   2 +-
 .../src/features/signIn/signInPage.tsx        | 260 ++---
 .../src/features/signUp/signUpPage.tsx        | 319 ++++---
 .../features/website/documentationBanner.tsx  |  29 +
 .../features/website/organizationsBanner.tsx  |  10 +-
 .../src/features/website/pricing.tsx          |  12 +-
 .../src/features/website/websitePage.tsx      |  50 +-
 packages/dashboard/src/root.tsx               |   2 -
 packages/dashboard/src/routes/catchRoute.tsx  |  33 +-
 .../root/dashboard/dashboardLayoutRoute.tsx   |   2 +-
 .../$idOrganization/organizationRoute.tsx     |   2 +-
 .../years/$idYear/reports/reportsRoute.tsx    |   2 +-
 .../years/$idYear/yearRoute.tsx               |   2 +-
 .../computations/computationsRoute.tsx        |   2 +-
 .../src/routes/root/signIn/signInRoute.tsx    |   2 +-
 .../src/routes/root/signUp/signUpRoute.tsx    |   2 +-
 .../metadata/src/models/organizationUser.ts   |   6 +-
 packages/tools/src/seed/seed.ts               | 885 ++++++++++++------
 packages/ui/panda.config.ts                   |  22 +
 packages/ui/src/components/buttons/button.tsx | 124 +--
 .../src/components/buttons/buttonContent.tsx  |  44 +-
 packages/ui/src/components/layouts/logo.tsx   |   1 +
 .../ui/src/components/layouts/separator.tsx   |  33 +
 .../ui/src/fonts/Monaspace Neon Var.woff2     | Bin 0 -> 275632 bytes
 .../fonts/SometypeMono-VariableFont_wght.ttf  | Bin 65180 -> 0 bytes
 packages/ui/src/index.ts                      |   3 +-
 208 files changed, 2652 insertions(+), 1939 deletions(-)
 delete mode 100644 .development/packages/website/.env
 delete mode 100644 .development/packages/website/Dockerfile
 delete mode 100644 packages/dashboard/src/assets/css/fonts.css
 delete mode 100644 packages/dashboard/src/assets/css/theme.css
 delete mode 100644 packages/dashboard/src/assets/fonts/SometypeMono-VariableFont_wght.ttf
 create mode 100644 packages/dashboard/src/components/layouts/page/pageDescription.tsx
 rename packages/dashboard/src/components/layouts/{pageLayout.tsx => page/pageNavigation.tsx} (66%)
 create mode 100644 packages/dashboard/src/components/layouts/page/pageTitle.tsx
 create mode 100644 packages/dashboard/src/components/linkButton.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
 create mode 100644 packages/dashboard/src/features/website/documentationBanner.tsx
 create mode 100644 packages/ui/src/components/layouts/separator.tsx
 create mode 100644 packages/ui/src/fonts/Monaspace Neon Var.woff2
 delete mode 100644 packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf

diff --git a/.development/packages/website/.env b/.development/packages/website/.env
deleted file mode 100644
index afaa26d..0000000
--- a/.development/packages/website/.env
+++ /dev/null
@@ -1,3 +0,0 @@
-VITE_API_BASE_URL=http://localhost:3000
-VITE_DASHBOARD_BASE_URL=http://localhost:5173
-VITE_WEBSITE_BASE_URL=http://localhost:5174
diff --git a/.development/packages/website/Dockerfile b/.development/packages/website/Dockerfile
deleted file mode 100644
index 924f3af..0000000
--- a/.development/packages/website/Dockerfile
+++ /dev/null
@@ -1,44 +0,0 @@
-# ==============================================================================
-# Website Development Dockerfile
-# ==============================================================================
-# Self-contained development image for the website service.
-# - Dependencies installed at build time (node_modules inside image)
-# - Source code bind-mounted at runtime for live editing
-# - No entrypoint script needed - just run `docker compose up`
-# ==============================================================================
-
-ARG NODE_VERSION="25.2.1"
-ARG PNPM_VERSION="10.26.1"
-
-FROM node:${NODE_VERSION}-bullseye-slim
-
-ARG PNPM_VERSION
-
-# Install PNPM
-RUN npm install -g "pnpm@${PNPM_VERSION}" && \
-    apt-get clean && \
-    rm -rf /var/lib/apt/lists/*
-
-WORKDIR /workspace
-
-# Copy package manifests for dependency installation
-COPY package.json pnpm-workspace.yaml pnpm-lock.yaml ./
-
-COPY packages/ui ./packages/ui
-COPY packages/website ./packages/website
-
-# Install all dependencies (hoisted to workspace root)
-RUN pnpm install
-
-# Generate PandaCSS styles (styled-system directory)
-RUN pnpm --filter="@arrhes/website" run prepare
-
-# Copy environment file for Vite
-COPY .development/packages/website/.env ./packages/website/.env
-
-# Set working directory to website package
-WORKDIR /workspace/packages/website
-
-# Run Vite dev server
-# Source files will be bind-mounted at runtime, overriding the copied files
-CMD ["pnpm", "dev", "--", "--host", "0.0.0.0"]
diff --git a/justfile b/justfile
index a0d9394..a2c2fab 100644
--- a/justfile
+++ b/justfile
@@ -15,7 +15,6 @@ dev-up:
     @echo "  Services:"
     @echo "    Dashboard:  http://localhost:5173"
     @echo "    API:        http://localhost:3000"
-    @echo "    Website:    http://localhost:5174"
     @echo ""
     @echo "  Infrastructure:"
     @echo "    PostgreSQL: localhost:5432"
diff --git a/packages/dashboard/src/assets/css/fonts.css b/packages/dashboard/src/assets/css/fonts.css
deleted file mode 100644
index 2ac66a2..0000000
--- a/packages/dashboard/src/assets/css/fonts.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@font-face {
-  font-family: "Sometype Mono";
-  src: url("assets/fonts/SometypeMono-VariableFont_wght.ttf") format("truetype");
-  font-style: normal;
-  font-weight: 400 500 600 700;
-  font-display: auto;
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
index 573781e..009ed44 100644
--- a/packages/dashboard/src/assets/css/root.css
+++ b/packages/dashboard/src/assets/css/root.css
@@ -1,81 +1 @@
-@layer reset, base, tokens, recipes, utilities;
-
-@layer base {
-  html {
-    font-size: 16px;
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-    background-clip: padding-box;
-  }
-
-  * {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    scroll-behavior: smooth;
-    outline: none;
-    font-family: "Sometype Mono", monospace;
-  }
-
-  span,
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  label,
-  small,
-  input,
-  button,
-  textarea,
-  select {
-    font-size: 0.875rem;
-    font-weight: normal;
-    color: var(--colors-neutral);
-  }
-
-  a {
-    text-decoration: none;
-  }
-
-  #root {
-    background-color: var(--colors-background);
-    position: relative;
-    min-height: 100dvh;
-    width: 100%;
-    overflow-x: hidden;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img,
-  picture,
-  video,
-  canvas,
-  svg {
-    box-sizing: border-box;
-    display: block;
-  }
-
-  input,
-  button {
-    outline: none;
-  }
-
-  input:focus,
-  button:focus {
-    outline: none;
-  }
-
-  svg {
-    stroke-width: 1.5px;
-  }
-}
+@layer reset, base, tokens, recipes, utilities;
\ No newline at end of file
diff --git a/packages/dashboard/src/assets/css/theme.css b/packages/dashboard/src/assets/css/theme.css
deleted file mode 100644
index 12e64de..0000000
--- a/packages/dashboard/src/assets/css/theme.css
+++ /dev/null
@@ -1,13 +0,0 @@
-/* Theme variables are now defined in panda.config.ts */
-/* This file is kept for backwards compatibility */
-
-:root {
-  --colors-white: #FFFFFF;
-  --colors-background: #F9F9F9;
-  --colors-neutral: #1F292E;
-  --colors-success: #34B234;
-  --colors-error: #C91D1D;
-  --colors-warning: #E8B130;
-  --colors-information: #309be8;
-  --colors-primary: #2563eb;
-}
diff --git a/packages/dashboard/src/assets/fonts/SometypeMono-VariableFont_wght.ttf b/packages/dashboard/src/assets/fonts/SometypeMono-VariableFont_wght.ttf
deleted file mode 100644
index 1f91f4421d3afc003677112babd626037128b4c7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 65180
zcmdSC2Yg(`)i!?Sw!PcCdRZ0Qa+l?9O0cnw>CKc7LXd5_fLmml;)I};450@|LI@B-
z5<(jA5<(I}5<&<NLP7}v?AXQ)H_2AluD0+0nYnkRl`(<${eQo&tUNpQ&YU@O=FBr^
z=B|kmQ4n7WU2w+2MT;wEOy5r=Z$#=-XIyap#b^Je$W3(8l|<g9XIy;Ag1Hk)WTKKu
zM3%uNm(IWF_uu*O6e9m>BJGuP5wCwYQcEPAgXhmZ|Kh0)zwn<j9q~sHzxv{(^OqjJ
z|NWmLo<h92@w&$5MGu~a#@SlLE0(Wo+<4)kMW+(!w-KqcRwDoQ<eK|YUPu1IRgIfC
zT^^KQ0bgIW_QsVr_O|_r=)seTR$jdd<-gkd%6UZRJVSK$U8|cKR}`PN?`@QS2jyq2
zMuNsz4dPECUb}i-%MJIP`zy3x9YS?atlhA@ad6>Igca^qu4}wuqqL6gM)|u?KD54Z
zUDLxS|NR?8&X+*n6B{>dYUvN9zCtwNb&&PVjm=FPS8I3Og7V-OS)OOvTb@zwMwD1K
zOK$l5!$^IJUJ}9JCB^m$znFCEX>=NoBVTG@tu&3UB+V=>%Hc~!9QpG1GF>ROF#BHm
z9qI1l%8*ngQW!0mD*xnyFS$>SkSrhJRebQ^^s(IESAVT5`(9?JbhrF4q8dp&6(3HU
z2Qfwg$bx?Ts?{y*UL?awe=rI#lo4roh7H0&5~R!FD`pv92N;RxCv9qJ-oPX9H^GxO
zuU{ej8&<DsL0t5O9HP|%BPMu&8hM(cl_5Ziv=Hs7c>E6D4xMfI>?%5$l_1qlR!Nd&
zNqLN@$3r2Egz;Iix_KQ~9ExQPe#t*z<3dE=<hkqv=?-`ylcT!eK!CSGwIqptBe<re
zaV=9pi;YTXEH%)nD32yd8s>=TEt5DWIL-Ky1(ilv5nSV=CNYiY8fEY;lTXBn=E1)K
zb@H(e!WGg3_<j)lWNaJTMyOm;NtP^9rJ$BmFa?f}Bp)kT<P-9pq)I`Q;vAJEm*nP@
z=I0`vXrlObpdCR?|4=NEOr<kfCdsO1(XBSS!|4j35DK4Wh$Kobpev|}Hquw<R=STK
zp`X&P=tbI19juU@%Fbj<*_YTgY%{x`eUJT^y}|afqb!QH9a5oGElrl@NDHOQrCX)@
zq(`KmNY6@tle(q2?2?P+T6wBGPhKQnAb&x=TYgaft^Bh5rhG{5Q%G?rg-W$DMOmy|
ztz4&smAjPhC_hyGs&puWN>;V0K{cdKRA;I4)$`RW)UE2{>Z@u@E7Qhl4caN%by`@v
zOZ$%YL+vT8TgzH(mY^kMnP^#TxzKW@WtFAba+BpY%Qr1=Sl+knwe;&Qy;!f+r|R?c
zOZ02>&3dbTr~ZKcr2bp|W&KSnS?$&WYn649b+&bZ^*-w()}L6@Hr+PM_9fdjw#~Ly
z+nu%tY_HhfvFr8=>}~eD?GM_2WPjTJJNqm4x9vL|;~YyIw>iG)c+~MT$8(N<IpR*$
z>2X#$Cpl+37dX##UhZ7(T<`pa^Eb{vJNG(|I-@R^tJqcVI@@)rtI@UAb%X0+*Q>5W
zu0B`Vt-Jm13imng8{F;gd)(i3Kkoi7_Y3Y<-EoiNaeFTHw0oZM?DizQs@LN!^Iqt^
z(!0vr?7hi*oA+Pd0dK}<^#y#DzSDeX`!4l0`quic_qF-%_PybI-?!J-?|1o&{k8t7
z{(1fj{hRz>^WX0OmjC<yU;AJ3|K0yVz!~^l;Nrl|fgc5S2A#p`;Dy2V;G@CUf{6lO
z!BqwK75us2{X(U1X5qPon+tzZ_=h63XjakHMVpI$T=YRvZ*gJqlH#k1e^R`yL@6mM
zSzK~`$u~-#EBUA-UV2LDwWXU%zf#&>dS~f3OCK)%QRy#Ae^vVX(pO5~Ed8K#PwA1;
zzS2aQT;?bXmQ5@>sqE~sFO*$d_LZ_b%N{QKMcMDm{$94T>}XlC++JQ<UQ<4?e0upw
z<)@dQU4C)-7s{8HUt8W%epC6a<=-fOu>1$*KQI4P`5($(Eq}B8{qhgX50-b8N6OO`
zYK5~RSW!_iuA;tTZpDI%vn!TXe6eC>#fH4UTPmKYc(&rjih)Xh<@Cyy%3oK$Sh=Gz
z6>^6@7dkKW#n4TmKZRZoy%X9MIuaVJqAI=0Q&m(oyXumv$EyaamFi%1dG(m;$<;Hf
zPpMv1eQx#T)!(lEVf8E3Z&r8KSZa!ECe(bc=DeCqYp$wUS+l<82V<JY{AR3U?3l4P
zjeT{TbKFJaTE;y#?x}Hq9=D^;T{pAt=DOe3#mBSp*74r)XO6#h{I&`12`5k3JmJL&
zdnQCC$`cDG)=WHk;_8WCnfUO;Cnx@C;`WJslN^)2FzJ>_-=6f-N!^p@O}={a>d6}?
zw@-d#@-HX%PL54Ed&=`u-kh>;N_47yYG~@rsb@~TYU-A$-<kT%)c2<zo0_QC>nrMK
z*PmH`W&Mry->-k8ep`KPTG6zVr(HGenrYWf+dA$3X}_KJ*0f#IIvc3L*D$7GLBr~X
zZ#F#E@Y9B88lG=>sp0j8cN(@g>}@#G(AyB3PSf@2p6T_*AG8eDt$dXutUp|9a$ixa
z;on8A(2x$AN^|LJ^dy_cz6M>Bl}e@A(jTP1LZ5snE3z&-WS?9o&yl|+|4jaa{8Gg&
z6^~X7gyfJO3WN$mC83H?b!cp;J~S`1FtjmrW9atKlcC>*{#50!Dy#}sRacFzno_m2
z>Z+>mR!h}dwY%Df5i6;#sGeB8r26XWrZI2q&Gw{wDVD`rP86bg=<mnqX*L7Yq@*H2
z&1;}$yG*hs+d$1&dFC)Rt)QkqB!L<~s3{7Sg+hXwxq_OOQ0p)?1;f-_4B5FC)Tp4w
z3u=mosabIxH9J9(@fpv(Ol!88DEmb-jWWs1k<702ru3K6=cdmB3V0dr=6zq;ck8|_
zMwxxf_Px4q%RYIZx=-DEbYI=RvVBE+e?zqQsl7kk``5kS+Y{XrBihpow-@eJxHtFw
zdC#MJT8Vbes;c)*_f6CPh;idc>8GroEs=o3q`lH1UcUqkA{~+XrG%8>@sW>&)l;BB
zkt9VwULsdkI+hD@U)m4XKjMtM(Ph}p>~{8Rb|3o}8)PrC->~nq$JjU6PIe1>kZr}N
z-O9es_Om@~AG?!r+MVQr)D=-R)leN)%b7F>V|*ITr!(kcx`ZypO4vv%>C4ni*JI_r
ziT#LulReHl*uzpah3Rg(hrUG*(huoJSS5c!zo8fCkMtLMh5k<4=-;#htL8!KqzFYR
zNh!wI57=w$hwLzGWp}WDvJcq1Y&-iadr1nhKQop6k{w|$OB30v>>#_I-5}Ml0rn?$
zw={`e$29gVJDV+G=Kz~>6sG{GsAMHOd8v|$sf@~jBPRhbOvQS?h|ZxUbQWDmXR{CK
ze7cra(HgpjZltAj0PA`iZKXTt7P_78#2Wv7`YzV_@6ogL6#W-HL*Jpl(L3}HdW+tt
zw}FTMMLl$sx~QAdw4JhKp|4}kwgdUy29)~^;G6r&547c>dx2}dO$ER;A<UH$dWb6M
zQL3UJP$@l3W9Y}gT#wT@`Ux=26EuN-PUGokG=qK(#PuthOi$BvdJZ$~Nt#W+!~Fj}
z{eeyb`Z$GNqLb-QKxKcX&(X`kD6i5&dYw+EztU^8nBJiC=v_LK-lTKspL7v@K$p=@
z`aFF|m(wo#0_~xzXg__C_5o?{r4@99meXNcMu&iN25BAj(P}zI8)$&mQZKEierll@
zZJ`WM(AStmt-xqE1OGZ8?-$T}^d<TT7^y=VBaM^lq$+7VaL)v(RsuE!I<o@{0jUBL
z*(4Qvnd>M)n`nqOQ=GmEwDn)?8TJeI6nmOI$zBJ7x`+LP{e`7il*L$rWmuM_*$|7f
zB<p0|te5R#|7Lyc0Q*QteIc+gG^S!j>_z!4Gt8(&e$EU_<dUB-!!n&JuQtO9O^`XR
z<<F`pUu%Xns>7T#(k*nk^tc(;sX)5N3|pyMT5E=FbO+mShV3+o{l*MC^1@D5jk#ge
z>7rTSzY#9Rd|PaUq4XV?Zz3IgjbWO>ZwKVqNS7g16=oRw6v&p5uA+?13~LAxMtuWD
zvJs<qCPuFjBe@2nya1_dG2$0vyw)Kl7e5#A6^L&}>SYM8!3<fA=PnktG$C{&WTOf4
zv;j445P2;~*#wHG;%^h`ZpKp^QF0Tg-GuO3_#2SA3i;=wm*-%%tw#DL%!b9Ho)(07
z3oG%|^`NmCEriSx2E9#aZIhra1lrbv#wL^sq5Nu5_G0wz9K_ET)U8Koq~>!_({hwD
zYM6w)OU2WiHr|U6G{h9)LV1*pZZ}6wBc!$w&#lGxGJJD7uScBI5keYocRutB54V6P
zq5mO=IL|p>4X&<0Eu1TS9CITu1%2Wp%X!K<&NbP3<gZ1W3qcp}-72K;@eG018}WS+
zzBeF!IqF-3_)?VO+-!m-Y!sXiVGNo@y}Xu@R(V-t<T)oe&l;eQra>P~HbZm3!%wgO
z#C0AoU7=z58sR%1>t;~NN1pSc88nAL=}LT`xYjA3D7BM8X%o1!S&U=z3FV<)^zT1W
zHo6WjL&h^FfyULKZyj{>@z3Yx&G8hBuIu=xM)+|$db|-MVT?GJlH5qlL5R;QE|H)7
zd<c4)kMA`ow_H3uA6($l%V#K`k#z_gvX`6FT(WqH&5)uIsau67Hh_nG4y;6IJ<4nn
z8h}gXh^Cl~n4v2;CSzPzYfs}Vz(e9QUTP3N@+5(MVMu`;LWAvyn^CZub46z7Y7y83
z-~_8H)E`!OZbI;js)7U+$anNbgjF9)ELK)5{#gB?CV>RdF|4<MG{7`iY_aBY^T9Ym
zcd^!D$py{<On@|_i|7T064DLP#>$I@7#Il38qy9Zg!LEG5@U;{7b`FpU#z`=N0|3e
zqgZ<(jzAhv1i(vx8_-OE9CSA9aj*swmSoIW3<I<T#1LbJVFRjy5JKZ(VaEClfQ8i=
zi!#<`ED=~&>1u+^V*oH}5HIi-Ob7QdEEpXOCuReN0=&jRfZq@j;4=&<#smX{v4i5m
z3<q3;^k50c3Qk`ox{0uvpqq(W3CIlq2>1mc2p9-(2zUli251PN2#AP-+Pewh4%h~e
z1_%iNhg*}rML;(IH$X^$eLzhBIKVXkPe4xqIzUqN7y<175&{zf>HzTo=m75kAOh(C
z@Bk+Q-T-L<>;P>6ZqY9Z&<pqn&<98eFp_>t^gICp0Z;-10R#b80tNvA(Mtpj1PBD2
z37`oa1ONmS1TX~D1|S6N3FrnS1o%d86M!5L5x@~p9DoZD9l#OLDS#XhDj+Iw5+D+g
z62K~O679uSfdH0(Z~zs7UjdSUl>nKjg8*iM1Ob(R1_1|w3jvpao&cDDodBhPbpdvP
zbpW4$b^v^Ud?`ghjsR1@jto-+5D11xzK#>OxxpM}A*K_v60;Gr6N6dHNz6qIHdGHW
zFEJl6KQY*<U^jySv5;61v0`E+#7c>k5i2KFL9CKkh*%W?e6Si~wZz5{8%t~)u{vVo
ziA^8|tJoxBlZj0sHkDXCv1!B_h)pLpgV;=Bvxv<mHiy_;V)KZdMC@c@rw}`p*yo6y
zMr=N@1;kD#wvgB&VvC8LL2L=JGl`u=>}+D^5IdLHdBn~qb^);qiCskOVq!~)T|(?q
zVwVxSoY?1yT|w*%+<eTwNHBA<FA=+%SR=7z#Fi6VL9B_`N@A;sttPgH*fqqi<>qs?
zj@Wu)8;ETr_GMzt#5NIYA-0*=b;PbGb_1~+iESbF6=Gi{b`!C$5xbdKE3q)KHe&6>
zwi3IA*sa9APV6>fw-dXA*qz+`&F&_453z4>12DUf*!{%5N$gw1zD?`_V&5V5AhGWf
zdx+S>#2z8`Jz|d%`#!P9i2Z=r4~hMV*yF^0Oza6_KOy#0Vm~AHb7H^X=6LoLv8REA
zi9JK?m&BeW_A6q~5&Ja(PO{$;d!E?uh`m7U_r(4{e82W0u|E-eiP)csy-e&c#9krx
zDzVpy{gv43#QsL?4Pt*M_77rj5_^l-+x#ei{gc?c#QsI>J!0>}AWYoWx}Dg+iR~b^
zlh`i8E(seQwujhWV*3d27HFFtAa;=0A!3J#9U<01tdrPLV#kPe5$h(_L#&rrAF+O7
z1Kdc?BE+J^hKR+8#fc?|C5feorHN&TWx3*)xXqR%nIwfIl_YHEEd0nrvXW%uR&L2b
zl9MDCNwDj}@arYXN0OhU07*fT3P>s>sfeUvl1fM_C8><0a*`?t7GWtwQWZ(nB-M}v
z1NRt`#*#FSq&kwulQe;(i6l)TX);MuNSaDgJxSBVYULB(j*&G=#BDSPW=jhfpR<%+
zU)$KS9?Q~;WSxJ-q7XfF`uwFK+H(3u_<rc@`B&ik-1E-~(G};NvoJ*SE;|2QgmDOj
z^raV_jc+J`EMM7BGpyOz!}1-h4J)2Q?8V(D$k#t5-|{K>d~YyPzk;?o4USPX<d^U?
zHm+@<*Ov3|mzFnfYN8jGFJHHjo>{Se!#eu;%I3!9^cYT#*3v`b`&;7s9`SwK`pxT_
zscl2^iuJT*6R)9V)0*`wY5k_n%Qn&KO`A7v;tLyk?-AeVFTxe#yByyV*7af$^NMeS
zQ&thSiEka>GLS$3`)vNKPsF)3Kojv2@m-2<$Qkl0)g{U@r9jTe&&l`5OW_vFwbFj+
zW$A~~3h5$go-|3SkUX$wRj}vS6KpkG45j%fmfXwfG-)1c;I-&*8o-1E)jb{Rj;H0)
z=VZSs+Lq7{z8{n1W%4rQ*O{ftkjCWmkP<L`4p$idFuBZHBmjv@_AT~p_5k}1dj#hS
zkK$zE3HB5AQ}#3VbM{;IJo_DcfxX4vX7AwKqW~ujMN+X;0-Io&RE{1%?#T+9${ir<
zF0Qy>@p*_8Sb!cU3+yV-k(2!qI>Zb6%U{VSPD%pUsXM@LE)zx{L80iY0tF(|-?@6k
z-+VZu1oqXaQ-v)C4yg*<89)<%H#tx%IKZ&L8Y9D>D?(U8slRhRU?D#~hvE5L{fth{
zM$Nj$nsxD6IYqS3fuAt~CnL^l<9y^2z@InrPBBM^@fAtrh_TB;tAZ!@=cUzSghonK
z0|1W10)SZ~F^#Sk?b@;Y8f|edNoZXHRD530Yw!)q3sS-<mVhIn#s!C<>CNX{X3C_z
zlo9Up=Qy<rfTqOPAN<YB8=aB-KM&{s@wnE<nyt?RUg9-j9*CNFj3ev(G()-_BFE?v
zMi&UQ3CIVU9^o$nfbIkE8Ri8biH1LZ7FQv32p@%7xO>bVS}-o0M_+~G^m1g6F%xHX
zJlzAwXR-tkZ2tsFHtMe%uAkSFlK`w1h%stK9lULxmy-aVH*yB(fNmXWkI!HJoFuH2
zMhmrO3!E-q&jdK5R)(=N`cZA>@$~%KasG%LhT4pBeB7pBhQ9{@`VyXg5&-x?aAhk1
zcng5~YUsTy(dP@WL0HJg7vm!2iE)XA+^~}YZ6tOQFpk9L0qjU@E>Mre<^cXkY&LL^
z#AX2yNo*#NkpwIJGJH=5R#NcnV%7q9qu}{PY!k4Kf;twmW&j@r^_<SW3>2iGt_5r(
zAd!Ol=CcjJM+)jZjjab*Qc&;b*g7C51$Cdw)&fQ;sQ(mpEyq;gj3Fb<Gz*w@7Un-B
z1)*Qk^9X;0Inu!{W0$kfvn$va*p=*y>?)j-UOlYU&iEhdHHJCHFq_U0(ij%w_jgF;
z0XhQeW`OEh=*=ATavpkrGIZcw>~2^T?}rBbE_+DWz<&Un^N(P+{v~Y4zk;6sBiDk^
zfjCTuy;6l9)M2l*3A^P&vPlc6{4+Y7*b{e`!kzvJ?jodf=Q7<|_@BjXL^+%#f6SeY
zv<f)x=j#46e?H3Q+=U2p$Ln8W`aI0t6u1R&yzUdZsYw4%E`WUQc$rGLD@@1ZmmTM3
zBYq;s+aGfRcOrT|DQz5{x1PYwL|XL;9Opy6<1~C0mm5>g&+|UP%|m+5O+$F@XLRT0
zJ(qi)`=7^cm?*yygYc~XhU0DLyGF!wj*r!e9Iqeki8i}N!nrh>fwceRCL*6ZUWU&r
z&L{48KfY?ZufXT?XVE9PbC7<bHZDf`XLX$C?h`mphy4UDM`zC8gfc7PxL&A*<MeWV
zae3nNiqp6dj^}azG&r8l={_0mF}NSYJq7m!+`Vu=hx?)F^L!rvBHSvt^`_73-2k^5
zZVlX3a4X<i;ckQD_1po+%kc26aCgDA!QBb>S=;@r<xa#y58BC3SIl@|bb2<4_-Cd2
zvzGg;{Q9ir2s9q=wju2|a5=vQ;SWvsIrv;}@VtlN_<Z4h5RQ*Kcf4$VnJdinTs!&k
zt;o9>j>{LHcMrkwvHhfUPS;6rd>$-@dkgN*aA(7D*?Am}%iHyEhv1G+pMo?lr{!>b
zO_^ZEeeiRRk1dy{jOk{>=l$e<864NO1#rBMTp6xAc{-n8li{Yp@%54SYdjq1mkQTl
zI<D(@IL9;2lMCRM!ts9O(sSjx?=>A?D{A3*`@DZ=!SQ)l569c%^z$}(9cRFCTDi~T
z*TVTspUW#Br$xXzEpV_1aswu}7;;l9w+C`_s&HS2|18{B;U0#AB~iHlg8vp=BOKq?
zPK4vThU4qI9%;wdbraIK?6jce$I&YG(5QP0Y_rdzorhs7eM_`~V)*d=Ek4=raO1SV
zXCj{a5>|{_`Wp<5e+Bk@ipflYMfqvE7np4fjfFijODnLGv(PxE!}8dH{ZJFL!TR_*
zy#WK{-<cC=e>_lejJcTyHpq$02OH!h`UmzwZ-SNt&c=hR0Jg}<tO&NqDKJJ(Wu>f)
zmBSRdpP#C*N)}>Ow36}t)jO;Pme^JFFILOO(0y#IIBTB{OX>`o$;Pod*e7SP2|#v9
zHjzz&g>p8V!lvSG#WWb>-(wBn$!hvw1ogo_KQD*;V5L8qj>1s+dsr$@VW-j|*eanj
z*=ewsucd2%cNc)8>*z7qEf>LLp8=%Z0F1nd&H#F5Fzha&jqD7VF>yKqOXio^S+HcD
z3A`T1or81PdALb%K8%^?z;@gMi{^E7J&c;0*~PdIcnO`$F6HQ#&g1x(&d(uW$jk+F
zp}@h7!0R^vx#Q#vDE=!L(JibA*!~AV`8NSYUkr2dQn~~dh&9*=Tna1aLEM;F3p?lS
zbQuu(1|at@!z%GLm^xdrXTBLYzXi7tuLENLJYB(VU^lWYK>1(5KI0g0{|nd!d=Yzs
z!|Z0*<{xFPEDWRP!=~+|0G5^_?EOn{dQ!&PaXaJ|aXaKT+#tCFw?hmJ{S9_6Zj;=P
zJ0CgQgn_9aHnBXvUy{St`Syxm;9Q@d?(=hg6LVwdKZv_2zu|X5hV2=@XMX?|e-U>)
zUc&v4mvIN+72N#*Hpi`izu{iM-*GSCO~dMe+amAcUdwyzecT$^hFc^5W;<}RWf%L9
z?Z%Cky|~k|pM8Wo0teY4+%GvoGH$7K;%4SCoF2JxI#hw3gMu@OYV6GZf;r`c1yjSm
z?{m0e(1SY$eb}2mi!+D?tRJ^d28GS+D(q@brPEjhHxq_%Hz5vl<|{aHcn+r&zrh*B
z&v2aaBF-dKvf-{m3bz(A^aO02HL&X4hGUgGu{QI=ly>ZujzEVpdU<%yp-C3(4*y7E
z??JanHhMt9y$M)YdT^xhJcV%fQib!ZZ{yJAn>asdgie?btLXjoh`8_i5KdoyOb^05
zs?%$dSMo`IDUiRTrr(WNholhhXjDrzxS=sd8Y}K>jK_VAiLic6mZnHkrFv<a)F4fl
zW=J!oS-9CXN1BV>>n=JS=RkXCyEG3wuAR_J#+{zM(n-?E(karZ+WckBP1iM9=C5m9
z-n?PGW&Va$8`d{nYni{Oarx$!Cj05j*EBERyl&;%rW<Uhuh`JixO{oj`W9{B@<x<~
z*Sw*zMO!55&=!eA+oIuOmPKZ*i;P<BXN=Tl*}Q&D{j`P#+Zn^fl_kp>o9#<R%4laA
z#GPqYbEZ*^c4o_(wJVzJyoUN2^Km0@n*FSir;M7X&(h8jUC_=EWSOZ8lylIYcAk-S
zUS8IWnew9btF-e)lg{&3Z(hHuv3c{lwT+uwEaw{p*w5dzwsF&H<JpT$FRzN3v$Tsv
zs{P{Q$Z421hZ8Vu(cDGKQuI<=n)leO20>iIwE5a4M(dZ1YW)(k`<EEqS1)N^141tm
zOwcYf8oX?zLF;8J)-*LYZCbNQyKEI+S!l9<ek4=-yhzfn5Rcie7-qiKXz;qxY^>1~
zgvKVLf#oB0*p`nxwL<hmYZ4D@O(JG%8qT*gnbkF!60mBd8e>EnrrTBx7gttu30OT+
zMq48)wyv4N&C@W!Th^Ert}$g{jbMYp!0EFMnV4nB#5E)J7;R0T?YMSTb5qm$wT<gn
ztXZzD6<yQT=8eVl)0MR#M_X_7dVM2*Wuke*#??*Q`n+N@X30$$gAK-TZ5TCN8w?8V
z8}ft&Hh0V>tvRoXnX|P`MkAY!qqAY!T&0BzNlRYwS<_7+S)gq;THQRV)y*bfHk(4S
zSqRByLrAVS8oGX@A?x+SLUO$!BsY#^YBw4}vPC>*+cG>pf`sXFXBhtcxrV>sblaAu
z<_%NUt${kQLVcK_mg~(ld&_EY-AJ{q+_1Sh7hH2)uI#2YHyDZbO;AVc&2ZBiywqV9
zUcY9zVzagNYjmSA1dO)Uud(HtTEE6>w!}k5LnvpogL1iM5X`lLf@UK~6m4t-|5`+k
zj1X@{gv=g^u+bwk$Qv@s@|KLUMpH)EXv-)p8Z!!u*7*61=#dEUws^qo5f2(YGD5r|
zQI5AG${EdwpwWsbC>jwV(FQ-?5p9S7Z-WQSHh9oz!wB&<L^<AuC}*@Gf<_ynplE}K
zxI8pWn<+#UzK|36GtKl_ra#;Cg-%4ikR$l>Ijcpzs~ut-jqoNrA3rnf5G0rp=P=)<
z;H=8QrGa-<L~{J&5tktqxjd(kjFDK5m*Tk`KgDw+JQY#V>~Is#VczmggBH#OQ4ObM
zIFjSDsKlTpmuJv263g*iRFdPncy5IEB5Kew{NV5y@Jzwq`Z@KcKh5;TI@3@;#~7db
zImY<Z&oRcQevUCd^>d8zsh?wvPyHNYd~lVX*Hd4=z?k>-3ygKEet}uvY_q=EW_`2G
z`evK;%{J?sZ9YHWq_5tjtKO`q-Yhq5mb>YO<!c+)t=Mq=`YHS*)BEMkO`BTQY*;^>
z;@{ZRyk^4+4oa}*tq`T`%QmlF+tgx&SKkQTZ9HvnTE7Czw~^koZaD1P*w~CUp=qV@
zh+9OPh3esrx|TtEH;rVA=t#DQ$FFT_87|;86Gn>oR&8Dbiq>ryDdZncI<6RwTUVj1
zNsA~Zl17U0L0CLz@nSKk)25k|Y1(uvXU)3CmZlYEjyc^L>Me~%&vYy*qW9?1hHIPF
z=c3A@&CMIcL+02v)Gsiq$5JHHF*)_7bsJl5+|*<U*R%$s_J(@lLnvli8k?IpT)%mv
z(fZukHW3$en@Mx5B8d;4nKIW%;r%sJW*I5VHnglZLYp_P5Tyb0gj~R%Z58X&@(t^j
zS;Z2?L;QK<Ef5f3dj09Sd4M!SPLXDoF-V?XKi?{r$GoS71lLcWW<FtbvVMAlU^0A@
zg6TrS>!(jQYnpE6PoLv3sF)+zY({1qJRhdnhz=8;Uvxo!q#-|YdVXY9eq_FgxQ4ru
zpEpB9M7JAGH>O>~0>Oqw^@ap3TD*86&tF_$UvF3;Y_KgXfN6{0mvEW)B@}Lzz^w!0
zOkP^o*nBM&th;vIwb<=&O9nreGoF^Q7k6Pt!%yh=Ng>ZWgg=J;6yD>rU4(u2TH96F
z(J!NAw#%&#+D^4Cq08NOxF4tU+|OahKab|&9kGp6?{38&utr|(dDL@*2yO9v%e_K`
zuJhdC#GPv7-sEZZ+{;4}?r^#FT*&iPBjj1;X~wy6we&8(ap<|+bW8I5QxWDamzVRA
z=I%Egu8xT?_j7J^-ihCB%yEIAG>*j|Kk>%Z7}D&oar!blaYqu@S5WJta1SEico&lM
zTbw1kpL0D*it7b(FxlPUZg#cdi5pCRwdr4O`sW>&ztD&eKR3h7pJ4hWE`E!HT$<rK
zqfT6l!^O>A&Uc0Xy6L}Y`n#OZiS%6j=Vtn2PFyH--s=3S>92JzL;ND=66Y}|xagc=
z`V&k)bevysTz;;+!%WZBBROy-4}5BHfcKz#wdr4O_(;dtjHL5^<0k6%obLjka&ZT2
ze4LNM2OouxeBpzSqtbKbz)zme>l69lBljJzI9}lGI-W88Ck)>yIUeEZ@b4G-w>iFs
zQZ0^aOg|UD&2hCz&&4lr;D(ChWP@&_J^nnWSNNcl`{-|jh=UFzKH@tjx#x)fai8~(
z`@DbL=l#peca)iN-an*^{^jMncs~($`1tsW{)llvzlO&{<V*Gx&$suR{t?4>NcP<#
zeY^d2;lF75&zb&q`_D!CNc=G#&$Vap!TvzbH^!02?f0TJ_?!<$zP;7plkm}R;iKQe
zN5Av)dA~&*{pLQeU&Jv_gpYpb(m6dw`yU?%&QG478=qXcoS#cK=tjBY%G<9qp0}?x
z{bi<aj<fwd`|I|F=;1umuRkt6_PBVN8P7fEGvm79+cL&D+6GO(lg}UbskXf~T&%?n
z?tdKT@3p-=D*bsQ-~Aw`(|zjkzU^suv+bv-=TX!D)^YJ%`W<F^>v8$uhj`ws$EY9m
zt+hd~z`xw|&oljnra#a0>zxnSLbd{%X7taRGUC>#qu&Y*XWj2^7XEhAfA_ffKg@Xa
zxb&BgOMl*sKW%-S(`9|g^zS{+ztzf58OVC8Rmh2Twe>0yU&{GzJ<EEU>F450xgJCM
zNL-W~<^#sd7D9<xhHv|L{D{b(G?LHT%Z-z@+88%0<e!h<aJ=BSc&?md^f(WfmyC2h
zX7F9_)(_;%1E-6}^&R>fynX$p<NO`^Z$$c&ydLEL@HqcTKELzQpEUHH{-Ci==`sBt
z<ZeBIkCPdZzLER9-}*}M3;hv3`aLR+evgXh%AwypJ@>qRrCARB&ZTqua^qs~#b}48
zTLnKy;<<AAMTXwfmmKGxdR!cOh}WZ=`hD21HPcHBJ_w|9o_YvH85;|vBjX!r$ih+6
zSX>q+%X);Wq_^d7p$rf8$#+<;;34*b+-kW1p=v3ES2<=NbQERQi*jdWcH%b+IJ!D3
zTdfv|Gz&%47gUa}&O&)fq}8ww)YTT;on+;rUEW4HZ&!=rcGY7*ITh+zNUN3l)Ug_W
z@9r@?$8V8=d9A#3EoyLRuOn1szH@>Q`#^hK!yAFD8oz+CL;E=oNjRsI-Vvdv5qeEv
zJKT{*&MuLPerp^zP7)>Y4k1E34R8K2yZo?rk+zJ7*m7+NT1QCwsdlOeO(0TUGeYbG
z<qsO(>ti!AJCzm%ZxFH>$h~Gb_i7EdLfI<t@sQ@@A@FgR#?faLxbnOxw@P|f=Ib4L
zB51)oj|g$9fs7I2R2K=Vi#Ubq8$6$LO??TWyHRc)p5|pRqI8q|pmMLWl82;6m0Jb(
z3R+P+;^!;Zsr-$^&*N#E+J>hjGv}wum59l#KzbL~-HlKmyGPzD()!p|b*TvL!ksdn
zTa5-WXLuS;X;!MU5E?H%t(LJXMd)4CCvwM2Z>zc)+ND5pL~frlsNzN`u9%BBxOhMr
zM9vg&!r=CtY_)7~dkT0rL-_!?b5Iz(=jFh~kn%D@lQ<ug=Mk!w`jkhNr+EnVeM`Zc
zovZ@<d;@<xl%bcTuZhspIMKnaKcv0QUr!OCT{tT;LVfh0vKndKh*lVBXk)9w`#)Y@
zt<018_>7mgDD^UbV!V8lGFCDAe}_^gp7;*FZE%1lt$bvvv(+eBjhm_@aT%$Cq&G-c
z^AK|CP!97z24^wqJcRRM`2f#Fj!}<Q)Kf0qfz-)-Hz4sE19+xZ+9E<X;Vsu^(AH#8
zTL2}EClx%&xpRk%01wI6!RL7aBrsgJxA9b7CwmK_*|=B8<w?e?9sETBgy^TkwYl(&
z%;six;ymy%<a}GciN)kONUOzj&xq&d;yEr`$d&HEYX|&^X_=iee~kkn&>j_Oi{&ls
zG`#SDogiwNCG{f|Las3qi}5U^3~6E1$Jb5HL5>?a?cP=%pCqWpy<;{><k#XG<A$7C
zP<%jyX37gOGp<J3Ou31<gnZ6K%L-13dD?19;3SxbZlYd^QwS+#ye6cfmR&qVkK^>%
z;3u{6oRg3m5M}t77&)B5ID413NCnu(%5>-OGk6mPIp~d`A7#+De)05dw0|<r;bnF*
zB%#4f+X9*3@;e(eRe*!YMUK(l?BVt_QESa`PR($RMdZv7Pd|dExg1S_gLWD&qlz-s
zXrI60!{vhOeBKkAnX?c%bt0z;skI`+XFo6FG0Wg-5%-yKNG_W|GNjW;$1iXpN5Xk5
z{~aLyHs1sA`R@RIoBs|F?kw;*)@eE}D?H5ocTAVd%lYr1CcOHB(^(0pvltn;hv2aK
z@K@S!(rP$PDGzf$=SJsoTfiN-{|%D){NUdhF+NUwW#d+ZYTSb0d`C$UvLVKSzKk2Q
zx&HYP$CHSQ-`^5tKR}H03+o-YQ-YX|QoKH%!)tLOj+?;}{}m+uD@T>$mNDwUA1Pam
zH&c|aq9k~Y8}DT}X&#Sz7PIhn;_0}lupD%M1Lxe&;?232aPQ+S+#xtheYnX{hE^xw
zmqg~^j_+dJW>|_F3TtrAe;;niK8l;MzrtDjyEsEX%)0Q~5eX21-&n$l@LcIa{Fc#|
zq>a+`Qk!(Ubg%Rs>HE@uNiRunN$*KJrG3&7S&{>Ci5!y0$&=+7@=5Z1`3(77ylZit
z{0;dR@;mZTxnGXUS!IG!ugq3XRTe4dC|^_VQ0`M6gl>LZc|mzec};m!`IoXo*{2*<
zJ!*kkuGXn@)z7Jm)pOK~)h4w?-J*uoudDZ{-@`8-{apQ}x&uGlaYXG=qiR}HwE5Z+
z?R@P%?LqAY?cds7?J#}?DWat;6_zoUi!5KaJZbrr<ps;1Ew5YNwtQgOW%)=i)o1Ig
z^$q%U`c1%kkLZ8YU(w&tKhSsS`}HHhqJw(U%B)kYGpr|BFScG`ZL~I9Z?xWN{l4`H
z>r>WWS$}VR&l<IPuumwr)!4?{rrIvDwb-`cw~=nO-DUfx?IGJ^w%4#1de^Sm$J@`g
zueWct-)X<!{$2aa*hjr(f6u<dzSmLWnCUphvB+_b<6_4;$0o;(j+-5~IPSu4Cw<rP
zn&TgicO82i{f?L;<5Zk>XSs8x^JM4g&a<2sI<I!Fbgp$aJHO}ri}P*gpv&Vr*>$z+
z%dQ7pFS`Ea>US5rC%RX-@5HYqz2rXVaeAsf3p}emH{jQjwt0rUx_7d7sdo*2CFv>e
zi{7ZO%y+8qeBUPD!@g&HZ~FTDl7F`UO8+wdYX5qFi+_v1)qku1F8}@h2l4AjPxznm
zKj;6w|7HK*{O|a;`FH!f{Db~vKnhp`o<L!sA}}T}DKI@SFEBr_ByfJ<(!iC0Wr5X!
z^?{bamOyLZ*1%nX`vcz%JQny#;OW4x1AhqoCGbYzpMmXx-GKvv&OmP<8b}4Dpf%_Y
z76i+KwZVzOhTz=bX~8ps=LIhbUYYl|K6rcZ-r#qFF9o*;`wD6bE-m<CK}*411rHSb
zvEbE$Hwz9H78I5j))Y=GoL+cR;pv5E6<%0)dEwf^_QIEoSdp`+xTvydOwq)mX+^V(
zPANLQ=&Yg}i`t65SM+$%?~2|k+Evt96faha?Zv+0;^Gi~&*|pkUl&J8w30JRZZ7$C
zNk^$%I;M1T>Fm-oOPfpYDgAcopGx~nW2KogrEC&@v+04dKbP$<cb6|H|5AB#`IhqA
z%kL}yQTZ$7Z<TkH58*eM3h?_&b1PaZzFqPCil-`eRt74kRnD$FrSi<mFI29ne5mrV
z%H5&r(6rELp$kG^3T+5|Ep$)ld!c7Te+|7K8mLmMJXNJt6RJ+BI;-mPstr~5R6Skw
z+p2$79j(@@tEwkdPp>|;`poK8)my4>slK=R`_)fYzfk?p>fRb}O-W6tW^B!*nueM=
zHK*1rtU0UZ0{jlsl{L$1R^ykLZZrN)qgHN1EP$@D^>zE)dye@k%lBp5x2n5#k)r&r
z-N=`af6FZ&4?}}dD_*j^MbwgC>eF(hPkp8osuJ(5;4Te5_*EH+IU>99`)P&BfTP$q
zFc`M&^Ym8Ikt1Z;w@<Whw3#w%o)6k8qtUc%%Y9N~l1F##+I2KJW;oE^Zpmg*Im<|4
zZ(Utou`O}*=+QtRphXXF-@d(F)H@Y56{h0RXf&RZthUHdJY8E`n~o0+Ivr|zn6g`4
zsrbLQ;X~uckDoBkrftomCvDPWP?s4M`z(25(7HDoRVBOKE-STa?}s0L*sIpIw@V39
z!#apApw3}h^T&XPw{A5?jbi|oN`<|BeU#QTEt9RJqj>5lRkq7LUT@FGsxzK*VPB*g
zgP`_WEAZE<Y!4i(Gjd0B{6w+QJscg&jnt<<H@al576<l0il9yDw}<SZR(ZSU2n3Q#
zG)HOW{eu{@QG=H4+_ftjwb?ojb#%3dAyix4c|#ZI>Iw$KES@&TFQ1nNjVF@y{8IVc
ziq`J3?W%31Kp5B41WiB#4!bGPLaOc2I4@;Exm~sPL<#UhNdoVk2NHSmlWQ}-?xBt$
zYoS%G+fLifk;tbaKm6I~{^U}87PVHSlF4KuE8D$Zugk707P}=gG}O^CG-S0F7Fw<C
zZEkc+CB2}aps1**phV7w<+{4<+r#qq?R9nevmw`;v8dOZO$_u}^=zsKBHi8XaPZk=
zQ|%Kli^dn~c%12qDZd7Vxsf+wxw%w~y6inY<>mkOj`8l+%FEl^XmXe`VfNlf`E6&-
zxu*k=0e(qRf5_enoSQGp)=~3w+^ATtJq1$<e^$KqCdP?tPpdp=Dd_F3r~o(QM4(J+
zW9Yb%&*^hSBIVhAcKhMOa<Z@x1fJI}|2C2MtwA5hn$~Ev;=lo$?O<6MvM+0=XN|ni
zHkzYHa02QJbRF#&=sCC-8n3L(tlO4o59`^gapT5SIDOBy(`8{+<T9yrV+pY0?Num4
zY*Un0JvEdf)vE3s^L4guywQ_<TJpoATmR&oPcE1L3=iLWYyPO@q-Gv+O4A8U>O@+W
z3knRE>hDik{8+sGmi932UuN6<`}TP}y}gx{R9U%i-@c=9vIHy5wQM}<@JAw$X6Vx_
z6nVA_;@6dhMs>%d1ILbG{sjVR^w6+Q<+?K%iJ&Cc!P2N_+I+gMvrKYuaFEK%%AA?*
zy?ghXEuDtvLWwRcD1Adif|*upNlA$vde~`Uv~%Z98Z%~0dstyENw?hU^Q+DxzJO>F
z))5lRiCGih*#~=jBMDViYlC|tm6er)2T<U^U}bx|Jk(F!Vf%ptgc+3WKQK(U!R_QI
z8O~|ae14yc+Q-N&8L`?d%HaO}`+E|J$iTorjH&h*$?mGEs({t%^msgad)Sjs*Ng#`
zL22;dM+c8|^~c&=@-EPFI3l^dZilWapC-4XrQkosz5vQ5W${xPmTW%;spDwJ5qv({
zySHC20PDcjjOr`4L+$u<i;lrj+QS8G9LOuOrU&}^`?|Y34;?xL>W)OA*Hdlw#J+to
z$>#O@L8(C}_GF68wSn9bw-n0TaP?cvYEIWJtrRyfz-TJ-xtAZV#xt$1cq9_3si`4Q
z43adgGm;)wG*G2Mqe<p`%YQCE{K+ki&KVucuVD$Os2S?*?(Xi14rVMCiy~#yc$+&)
zAEV68R7F-3Om_u^;#S%}mDbViI?<Na-5X;2JwB+d%WoCD6B;iXt8m1v(F3||kh$91
z<duoU%69tsr%6YCPe!)|L`e3-hYnY=LzwLQvL)@Ulnv9AF#oZSca3_vr9toLI1-W%
z7D3O70+TpI6LfuY-JhIeth*2pY}g0i7_iT<tHJGbbQA*0tt=m}C6{w1=&Fv#AQ_1S
zCjOClHan1zRjbu{<Z#EJ-o10DB><TTw1>Tts$(LvehBVIGN2kuhaE!+3Wapc$*eUH
zI*~+<=G3Rha`=06Np9Djm5TQF_jh-6B_O;ORc5MHNq#2EJxo;@C6YN|Qd!$)=*-A$
zYaQN6jHZg)a0*i#gQQXr>X>9vl6WCEmCa@nnYOBI*5|jRVkwQK(#fH?U5fPd_View
zjRW3~4)i4@cYC;6Ry6QB5%1~g>B=bJs?&)tMUn<%F$MagRF~TP2`VUXDJ&U_#WZ(;
z)tW`=QTQV_njBr0=>-*K$>jL)HC`Qa%wmZi+p%NEv8YrvetebG9;Rq}u)vK*z(T64
zbIU`!ckk|sxk~Dc@tcV{iX|zVN~N;UJ~YsqRf7{IObDu(o_=s59K<hJ<0q`~*|!gm
z4#<9B{n}b%uVrv3he-aXG0~4$EFO=?Vm%*j+oq}q_IKLSd$w)cleYQCjvec74_lZZ
z!d=krilQGSu2>hS8Is**Ka93jbCtOez4FE4qRP0av!jF88}^>4ZYR2^@GiOwhKAhk
zu<UjZ4TW7pCu-+v)I24fP9+kFq5htO+uwhG`;kn1|Do=|wBm4ScCQQd$k}W!*1x?y
znE;sOZ*QB(CoX>6R(HGO$9m$u#}4chwzr{FTGDVfg$`Nd9;|tTa-hy!Z3X5nPotq!
zCQEz@D)P7qfoybuvTW?m9bH-Pxc0DL!h7XB51YrKfdMTP3YD|4=5VAiaZ~woG$%C%
zr~d!OK3T`C0*4y<k9I))bq=H<Q`vMPmZB7Pe4o-6ECZ?}#kB&zf!~$(&(b@Ai;f;m
zCV_AUV)#iPS#d%!t7>s^d#k#8x27eMZMOLP7?8sQnznnlIhQU6ofFdWXn!V^96Ex<
z`NN)JiRs*b02n88oDA9|%Xo}uT~O{FYAeYJjR(xn9w#cFu1$<l$RWznF}^GD#bRT}
z7AY#M27t~Ted+SCW82%50t|JwO^b8kKNd54f^#YS22w0sz@I5B{P=UNvXE;?-_Xzr
zYcSe(o3kf>Z1ZtRp+(-UeacQR|JhFpkM3=LDL!w<NtrYz7*m~ozu)7uX;vp*8SIG1
z3kxk4O7OLdR4fYWiS~PTKHhb8)Y;h+Nwmp{NKdCR2l87n+E19h6?;I1Vo_O2#CksZ
z=%fCAY%p!@VV7(Scd?UKs*T<Q=AIs1m)HaH{nt)!k#|R;q5^<p63iT7wrj{(`;GFs
z9i+e#qsq5J4~>4J5<GGC0dU4*SRt$|owjTZOWL+=Va-_#X`EytNTcS_^SbH;BWms&
zv-lA?fkv?N#QUv%aocfi$o+Q5z;O*3PjG!*8jaeWcB{p%$rcPoXJ=<b@p^lEdy{q!
zc<h>H1<$ynR9K0EtpkQPXz+pW4gIlLacPnLI3aJfKoL7mB<CL=!xKqteyRNMDQL0$
zSjVCM?gM);rOY{%M*_B`ZH{W}N-N#w{0iH0q)>^+pqux-Rf9@PB+}Wi!qu`Iwsk?d
zbde9E;cE{UGuc>90BXge>z4=2mGk4Wm`~v+g^iItv98E}=JXTM=IX-+ppV>ub#7;N
z04sX=X!>euJn|66XGr$ckXMWRXBxkRHf{-KvzZK*Gkkl!S~4C_s+7ty>_XE(Mrqw&
zU0v<>?Ek1Y0mvOL;7mFW=oFRea$6vk0@Sg~X#kwGYzNdK4t0c7^3ejWDXS<jV2$pr
z89#nBwrSNh4a%1zn>P1QFI4cy(2YPA937Q?Vl8c2;eW0}P$E_b1EGkuVf4z-%CI05
z7zhOv9k&>W{_s;$cVC}B=#|onm(uZApt7>P74WZs_aU`y2SntAI%2fOFk-qnulXLU
zI^93WRVIe{Xfm6ERU)Z69I%&S#0yl$4bRw*;_YbukrRF0FvuhbZE8RWhqAiIUr^}M
z)lb<E=F8b9g|7iMGgvA^4qG<f`TqOw?>X4ffi?~t*ave&RGm0+A~bu3S@3^wcsxGX
zH*5<2&lXuuwTDX>3sqzOlsMTyZ+BN;ERr1R?dtpp6Du8N$!wb|);rMMAI~t=<@Nd8
z4)Yvf658|(V(I7Wzp?5UJCrc9$=JhSvDdT+`nr2}PE{Hj%+!GrelSyvjv24TQLBg>
zTplvHJUS*cSBhJIV6`c9OCRmnq3eea9*MMvxz;k2atUBym<=WVhg>yU{PY<w*2`q1
zudlD`$gwy^8hZ&+bUATi`cAMlIswUo1D`a;UhrG%>93adyS(kKK%Pr9&6u&}$Z-q~
z1g$B+6Q`p;>uhh8G;MBJnhRdgt466$sy9D<bnnF)dHBHLkbJ1Ptaxu4`)v*Nj>C!^
zroBe3Vhy+AcdoEW>_2v-zbd=m<?}nShD+lhROMbQL}y?R%gpf@-NL8Ga{JW$U3mPZ
zxaBm9>ffym{5LQWw{q2{60jL1Q;^#J6kvM{du?4G=#LH!>AD&@dQ`PzZnV2nm`dCv
zlpcgRuru4{ODEImp;Wh~b$dJ#Y<)@QF|@VN{1q9#E8))=8-hdvswe^+9wDsBh4yw0
zn>_rNMA<g3zth;oq9P!Q%mC)-K*m~N)CCJHY5Wv!;=i&u-l?nmg^_+5(ktWf?rzW?
zPvg`cJ6WI4VmWpUmV{pNz!C<cTh+R{YQK#8T1@t1LWgZt#Yzv*b&pb9WpZC2_Mss>
zP~?#h?A!_K!=a97x{8}2Te0Mdxtg0nZESD3`P_M+z!Jj5i$*h<aA_o##4iL&lEVc<
zg+)rIC^L8nS`^c=8mq8{MG)DoioL5v+p~Ai?wYX>hH*-pW-Z#iJCefBvI<#074^23
zrG#}<Mz3V*L6`RIuPLec@GyBn7V48=0Bpnm=EkAEpZd1H<*sY!6U#ofphi6&kf-5<
z5C=MvHq@c_4Ha6oy1(p5@*7s7CC<YN4BS9u=m==*PGzk<-Gdo!X|ZaGzj|z~!_nUA
z^84H#pDQa4|8`~4ZMI~jyW_~A&Q#H`HUA9MR6W>#?7*Hqdyd8W`i71`#r7mg?~A21
z=vSxH>U28wbbBlI>mjc;1cc`E`O^K|pu98Fre|PQS5#eQ#!kKp^|_86i^u!NPCa(4
zq{Lz=!9<fHk>aqWy!`F1^72T;m}@govM4&(a|kBw?yRR^V9?_!2?d>Yx7%&aVgT#v
zDqXDq;K75(`ocIq@qi9&PfdNj2v3L7F$^KbZQQi+b$*-O4#lO*>283s?zFvZ%ovzT
zDzX_#rtP~jp%Box$K}AN;EYj^0|-Zev<#W#H(Tr-9sholpQbteh1l`QsUtYDk^X%k
zVz#&jWy09l5A_~8)PvnalDN&?TV4)pvNc@PkD=bZOABI@-H8r?l{{EEYpUAAR;yj7
zNMtZF7;mdhB{Q6_c8?u&lzUyOd^BS5l++bC(gS>zI@mjyW(HNFkAwX?-rBakD;kNQ
zud$4*qmvmq0&(w`eGpM-Pe)y?ghA`+=^Yr1rTFPpCS6oyryf+-8M71_wS5lsx0a=0
z9Z8eI&8RpX!ADAGGO|Q`uas#Im&&RI4Zu(ayMo03$1z!wEYK=Cw$w&FqogyLO(w8V
zXtJj2HrbR;ZgEi1PBIfN<mWG0?2O~FWQOB6RpO9O)7o3h7>?vs)glm;6)lKmN5#s6
zt7ozyBa2a!3W7mPxJalm)JGW@WRe-7oiq(S+1gskd!i}|@0Ttr)UEix(jX2N?7v|U
zH)p<(PR8Q#tejztKg=m{fJT5DfN%xo52NK-Xt^jJPjNOd2AUH|?3lAzMMV>6u@DX7
z3I353FpRguKRJ6i*QAwF8n!p4SyV7L&1BA5T^7Y;#{W+@U}#z6?6#m~u3u0gn4;kS
zO5(MviotQb$3=QPktG=NH2IcRT>{~}Z<0YPx0JLN@~uPy2b+lmG&kzft$f#{N#O!?
zLBS=h3_iRwIPK$*8?8@8LueL<4T4pi3XBLJdIiVi*nFrme)9tgnhSsqmKyXd<b6xT
zlQ8JX*uj``sq5LaF#V-r+Ds<eTRrFl?-T0e<l;0YYzOZ+QQ*90F}2-nPJK}Z&t&k^
z%HSaJBPPGY-8D$TV6Z)0D48-T;V4TTJZcM6X3?f<t}~<LF*~HhGhSWu_YEpmoI?t2
z$>p(vFKO{aA6CGjbVh<uC9<44^uZAf3VF0Ubi2z1ODrmnM66tVG=`qU;ugQ(;Ix>L
z$z*H*lP!i-G9ANCH470<0Z*d5%?4cn98-Z48LLX@6I6skyh4qybC42DJVnaWm61p)
z6$_R|B5t>$xZRM(Y}ReF`Fux{K3_I#v@3KaX4IfC7~34NxURds9*c%iQK2h?Xit|@
z&`PnS%{DY-M>-~wskub|F$a@LX3>MCg@q24i>pLK;Pg;N^9F<V_HY?a1njn<1gw@~
zd}MIjCMRK~PckbOWPT5!2%NMH^mpt}CRJ5;VpC>G4-KKkOiu2FECw^2)~+r{e+t?`
z*8>4BMm}7W=<4d~>z1vs$XGMHGjY<fn)tksMa`<K5KhKLMN@4~r(Jhwpuz31=~^PI
z*<AszQx&5FTe)H}C|bbBHXb{6sH0;r3Gq*6B#5n=mEt`|J0qk+f~@VW<$jNzOhOVN
z*nE({w8BD<m0@7A7I&d3iDFM)B23u8KF|eX%4Bd<l7VRABlhHco^m5NCI{vb^rbjs
z&e0>Jk@zfQl7<PFO=Z<q6*>*d#gIm>hYPquNN4#>NvARyOkK=bXdxV)Vyh4JU&{3X
zlnSpKKLjg2m~DU!&<lo4aNQUJ62m8x0U!eqOQoS|)5#RfygBUz-H4vxf&hb26q=9+
zve3W04^WsA8pzj;X^@oGwRD>6HU;_zx)IYvRg+nqhM2l>8t(zh@$R9zREpPwb%M{{
zt*rq(3Oext-4fRkJkOAL10jK091@6R^qG?fb%eUIyz}jCB@z}2n4?9NP*?`1QGjIC
z94T%evn8>rq;YVLlI^WJS3S^<Q1wDm8&RTlGH(fT&)X9tDzuR?tf>@-#8@eL#XN}0
z!;?6@=n_^wu8bwnhK&&T#uo;>49r<33ILr!97Ic}p`~)Me4+<p5DejA*))DYUNnNm
z4vLmD6dxf!icFZHMpG8u>=oa;Y&A#Ye`grGR@#aK9z#C=&&C3v#o|cDEtdG8+HOf&
zEy=j54&~8yD@9Gc#wq=OJ@&tIob%f<Mmd?s*RAw_Dwa>z|EjRjzue9&zt+(?M(qC%
z+2^~ER$BrqF6?T2w}b0V7H1HbY=TaUsTa7N%0D>Jn*e?!Q8eQ~(R6RSKVy}XT#IHk
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

diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
index d4f3fe5..ba9055c 100644
--- a/packages/dashboard/src/components/document/docDefinition.tsx
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -1,14 +1,15 @@
+import { ReactNode } from "react"
 import { css } from "../../utilities/cn.js"
 
 
 export function DocDefinition(props: {
     term: string
-    definition: string
+    definition: ReactNode
 }) {
     return (
         <div className={css({
-            p: "5",
-            rounded: "xl",
+            padding: "5",
+            borderRadius: "xl",
             backgroundColor: "white",
             border: "1px solid",
             borderColor: "neutral/10",
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
index c6a2c15..0bd2da7 100644
--- a/packages/dashboard/src/components/document/docExample.tsx
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -8,8 +8,8 @@ export function DocExample(props: {
 }) {
     return (
         <div className={css({
-            p: "5",
-            rounded: "xl",
+            padding: "5",
+            borderRadius: "xl",
             border: "1px solid",
             borderColor: "information/20",
             backgroundColor: "information/5"
diff --git a/packages/dashboard/src/components/document/docIndexLink.tsx b/packages/dashboard/src/components/document/docIndexLink.tsx
index 0a1125e..b1e3ead 100644
--- a/packages/dashboard/src/components/document/docIndexLink.tsx
+++ b/packages/dashboard/src/components/document/docIndexLink.tsx
@@ -23,7 +23,7 @@ export function DocIndexLink(props: {
             <span className={css({
                 width: "1.5",
                 height: "1.5",
-                rounded: "100%",
+                borderRadius: "100%",
                 backgroundColor: "currentColor",
                 opacity: 0.5
             })} />
diff --git a/packages/dashboard/src/components/document/docList.tsx b/packages/dashboard/src/components/document/docList.tsx
index bbc01c6..f0337c0 100644
--- a/packages/dashboard/src/components/document/docList.tsx
+++ b/packages/dashboard/src/components/document/docList.tsx
@@ -1,9 +1,10 @@
 import { IconCheck } from "@tabler/icons-react"
+import { ReactNode } from "react"
 import { css } from "../../utilities/cn.js"
 
 
 export function DocList(props: {
-    items: string[]
+    items: ReactNode[]
     variant?: "bullet" | "check"
 }) {
     const variant = props.variant ?? "bullet"
@@ -31,7 +32,7 @@ export function DocList(props: {
                         <span className={css({
                             width: "1.5",
                             height: "1.5",
-                            rounded: "100%",
+                            borderRadius: "100%",
                             backgroundColor: "neutral/30",
                             marginTop: "2",
                             flexShrink: 0
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
index ac96e97..926cc10 100644
--- a/packages/dashboard/src/components/document/docNextPage.tsx
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -20,15 +20,15 @@ export function DocNextPage(props: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
-                    p: "5",
-                    rounded: "xl",
+                    padding: "5",
+                    borderRadius: "xl",
                     border: "1px solid",
                     borderColor: "neutral/10",
                     backgroundColor: "white",
                     transition: "all 0.2s",
                     _hover: {
                         borderColor: "primary/30",
-                        shadowidth: "sm",
+                        boxShadow: "sm",
                         transform: "translateX(4px)"
                     }
                 })}
diff --git a/packages/dashboard/src/components/document/docSectionCard.tsx b/packages/dashboard/src/components/document/docSectionCard.tsx
index be22702..289956d 100644
--- a/packages/dashboard/src/components/document/docSectionCard.tsx
+++ b/packages/dashboard/src/components/document/docSectionCard.tsx
@@ -2,6 +2,8 @@ import { ButtonContent } from "@arrhes/ui"
 import { IconChevronRight } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import type { ReactNode } from "react"
+import { LinkButton } from "../linkButton.js"
+import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -13,7 +15,7 @@ export function DocSectionCard(props: {
     title: string
     description: string
     links: { to: string; label: string }[]
-    ctaTo: string
+    ctaTo: ValidRoutes
     ctaLabel: string
 }) {
     const colorStyles: Record<DocSectionCardColor, { bg: string; color: string }> = {
@@ -111,13 +113,13 @@ export function DocSectionCard(props: {
             </div>
 
             {/* CTA */}
-            <Link to={props.ctaTo}>
+            <LinkButton to={props.ctaTo}>
                 <ButtonContent
                     variant="default"
                     text={props.ctaLabel}
                     rightIcon={<IconChevronRight />}
                 />
-            </Link>
+            </LinkButton>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/document/docTable.tsx b/packages/dashboard/src/components/document/docTable.tsx
index d37681e..dbe62c4 100644
--- a/packages/dashboard/src/components/document/docTable.tsx
+++ b/packages/dashboard/src/components/document/docTable.tsx
@@ -8,7 +8,7 @@ export function DocTable(props: {
     return (
         <div className={css({
             overflowX: "auto",
-            rounded: "xl",
+            borderRadius: "xl",
             border: "1px solid",
             borderColor: "neutral/10",
             backgroundColor: "white"
diff --git a/packages/dashboard/src/components/formats/formatBase.tsx b/packages/dashboard/src/components/formats/formatBase.tsx
index 509e8e0..89f63dd 100644
--- a/packages/dashboard/src/components/formats/formatBase.tsx
+++ b/packages/dashboard/src/components/formats/formatBase.tsx
@@ -14,7 +14,7 @@ export function FormatBase(props: FormatBase) {
                 css({
                     width: "fit",
                     maxWidth: "100%",
-                    overflowidth: "auto",
+                    overflow: "auto",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "center"
diff --git a/packages/dashboard/src/components/formats/formatError.tsx b/packages/dashboard/src/components/formats/formatError.tsx
index 81a3a03..6b7c50b 100644
--- a/packages/dashboard/src/components/formats/formatError.tsx
+++ b/packages/dashboard/src/components/formats/formatError.tsx
@@ -19,8 +19,8 @@ export function FormatError(props: {
                 fontWeight: "semibold",
                 color: "error/75",
                 whiteSpace: "nowrap",
-                overflowidth: "auto",
-                textOverflowidth: "ellipsis"
+                overflow: "auto",
+                textOverflow: "ellipsis"
             })}>
                 {props.text}
             </span>
diff --git a/packages/dashboard/src/components/formats/formatFileSize.tsx b/packages/dashboard/src/components/formats/formatFileSize.tsx
index a2e9a54..b2e7b19 100644
--- a/packages/dashboard/src/components/formats/formatFileSize.tsx
+++ b/packages/dashboard/src/components/formats/formatFileSize.tsx
@@ -28,9 +28,9 @@ export function FormatFileSize(props: FormatFileSize) {
             <span className={css({
                 width: "fit",
                 maxWidth: "100%",
-                overflowidth: "hidden",
+                overflow: "hidden",
                 whiteSpace: "nowrap",
-                textOverflowidth: "ellipsis",
+                textOverflow: "ellipsis",
                 fontSize: "base",
                 wordBreak: "break-word"
             })}>
diff --git a/packages/dashboard/src/components/formats/formatLink.tsx b/packages/dashboard/src/components/formats/formatLink.tsx
index 8c64a87..5614eda 100644
--- a/packages/dashboard/src/components/formats/formatLink.tsx
+++ b/packages/dashboard/src/components/formats/formatLink.tsx
@@ -25,8 +25,8 @@ export function FormatLink(props: FormatLinkProps) {
                 onClick={() => copyContent(props.text)}
                 className={css({
                     width: "100%",
-                    overflowidth: "auto",
-                    rounded: "none"
+                    overflow: "auto",
+                    borderRadius: "none"
                 })}
             >
                 <span className={css({
@@ -36,8 +36,8 @@ export function FormatLink(props: FormatLinkProps) {
                     maxWidth: "100%",
                     overflowWrap: "normal",
                     whiteSpace: "nowrap",
-                    overflowidth: "auto",
-                    textOverflowidth: "ellipsis"
+                    overflow: "auto",
+                    textOverflow: "ellipsis"
                 })}>
                     {props.text}
                 </span>
diff --git a/packages/dashboard/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
index 14ebfda..514ffe1 100644
--- a/packages/dashboard/src/components/formats/formatNull.tsx
+++ b/packages/dashboard/src/components/formats/formatNull.tsx
@@ -19,8 +19,8 @@ export function FormatNull(props: FormatNull) {
                 fontStyle: "italic",
                 color: "neutral/25",
                 whiteSpace: "nowrap",
-                overflowidth: "auto",
-                textOverflowidth: "ellipsis"
+                overflow: "auto",
+                textOverflow: "ellipsis"
             }),
             props.className
         )}>
diff --git a/packages/dashboard/src/components/formats/formatText.tsx b/packages/dashboard/src/components/formats/formatText.tsx
index cdc1ad0..f8e3c7e 100644
--- a/packages/dashboard/src/components/formats/formatText.tsx
+++ b/packages/dashboard/src/components/formats/formatText.tsx
@@ -16,7 +16,7 @@ export function FormatText(props: {
                 fontSize: "sm",
                 wordBreak: "break-word",
                 overflowX: "hidden",
-                textOverflowidth: "ellipsis"
+                textOverflow: "ellipsis"
             }),
             !props.wrap ? css({ whiteSpace: "nowrap" }) : undefined,
             props.className
diff --git a/packages/dashboard/src/components/forms/formLabel.tsx b/packages/dashboard/src/components/forms/formLabel.tsx
index a232d79..93982fa 100644
--- a/packages/dashboard/src/components/forms/formLabel.tsx
+++ b/packages/dashboard/src/components/forms/formLabel.tsx
@@ -82,7 +82,7 @@ export function FormLabel(props: FormLabel) {
                                 _hover: { color: "neutral", fill: "neutral/5" }
                             })} />
                         </TooltipTrigger>
-                        <TooltipContent className={css({ backgroundColor: "neutral", p: "2" })}>
+                        <TooltipContent className={css({ backgroundColor: "neutral", padding: "1rem" })}>
                             <p className={css({
                                 overflowWrap: "break-word",
                                 hyphens: "auto",
diff --git a/packages/dashboard/src/components/forms/formRoot.tsx b/packages/dashboard/src/components/forms/formRoot.tsx
index 6c26100..8b7257a 100644
--- a/packages/dashboard/src/components/forms/formRoot.tsx
+++ b/packages/dashboard/src/components/forms/formRoot.tsx
@@ -1,9 +1,11 @@
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
+import type { ButtonColor, ButtonVariant } from "@arrhes/ui"
+import type { Icon, IconProps } from "@tabler/icons-react"
 import { valibotResolver } from "@hookform/resolvers/valibot"
 import { ReactElement, useEffect, useRef } from "react"
 import { DefaultValues, FormProvider, useForm, UseFormReturn } from "react-hook-form"
 import * as v from "valibot"
-import { css, cx } from "../../utilities/cn.js"
+import { css } from "../../utilities/cn.js"
 
 
 export function FormRoot<
@@ -17,7 +19,15 @@ export function FormRoot<
     onSuccess: ((data: v.InferOutput<U>) => void) | (() => Promise<void>) | undefined
     resetOnSubmit?: boolean
     submitOnPressEnterKey?: boolean
-    submitButtonProps: Parameters<typeof Button>[0]
+    submitButtonProps: {
+        text?: string
+        title?: string
+        color?: ButtonColor
+        variant?: ButtonVariant
+        className?: string
+        leftIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+        rightIcon?: ReactElement<IconProps & React.RefAttributes<Icon>>
+    }
     children: (form: UseFormReturn<v.InferOutput<U>, any, v.InferOutput<U>>) => ReactElement
 }) {
     const form = useForm<T>({
@@ -52,7 +62,6 @@ export function FormRoot<
                     justifyContent: "flex-start",
                     alignItems: "flex-start"
                 })}
-            //  onSubmit={}
             >
                 <div className={css({
                     width: "100%",
@@ -61,7 +70,7 @@ export function FormRoot<
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
-                    gap: "4"
+                    gap: "1.5rem"
                 })}>
                     <div className={css({
                         width: "100%",
@@ -69,20 +78,16 @@ export function FormRoot<
                         flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
-                        gap: "2"
+                        gap: "1rem"
                     })}>
                         {props.children(form)}
                     </div>
                     <Button
-                        {...props.submitButtonProps}
-                        variant="primary"
                         ref={submitButtonRef}
-                        className={cx(
-                            "",
-                            props.submitButtonProps.className
-                        )}
+                        className={props.submitButtonProps.className}
                         type="button"
                         hasLoader={true}
+                        title={props.submitButtonProps.title ?? props.submitButtonProps.text}
                         onClick={async (event) => {
                             event.preventDefault()
 
@@ -101,7 +106,15 @@ export function FormRoot<
                                 await props.onSuccess(data)
                             }
                         }}
-                    />
+                    >
+                        <ButtonContent
+                            variant={props.submitButtonProps.variant ?? "primary"}
+                            text={props.submitButtonProps.text}
+                            color={props.submitButtonProps.color}
+                            leftIcon={props.submitButtonProps.leftIcon}
+                            rightIcon={props.submitButtonProps.rightIcon}
+                        />
+                    </Button>
                 </div>
             </form>
         </FormProvider>
diff --git a/packages/dashboard/src/components/forms/formSubmit.tsx b/packages/dashboard/src/components/forms/formSubmit.tsx
index 9afdba8..b96c89c 100644
--- a/packages/dashboard/src/components/forms/formSubmit.tsx
+++ b/packages/dashboard/src/components/forms/formSubmit.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "../../utilities/cn.js"
 
 
@@ -27,19 +27,20 @@ export function FormSubmit<T>(props: FormSubmit<T>) {
             <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                 {
                     (props.previousCallback === undefined) ? null : (
-                        <Button
-                            variant="invisible"
-                            text={props.previousLabel}
-                            onClick={handlePrevious}
-                        />
+                        <Button onClick={handlePrevious}>
+                            <ButtonContent
+                                variant="invisible"
+                                text={props.previousLabel}
+                            />
+                        </Button>
                     )
                 }
-                <Button
-                    variant="primary"
-                    text={props.nextLabel}
-                    onClick={handleNext}
-                    hasLoader
-                />
+                <Button onClick={handleNext} hasLoader>
+                    <ButtonContent
+                        variant="primary"
+                        text={props.nextLabel}
+                    />
+                </Button>
             </div>
             {(!props.stepCount && !props.stepName) ? null :
                 <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
diff --git a/packages/dashboard/src/components/inputs/inputCombobox.tsx b/packages/dashboard/src/components/inputs/inputCombobox.tsx
index a0d0ff9..6ab1ceb 100644
--- a/packages/dashboard/src/components/inputs/inputCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputCombobox.tsx
@@ -70,11 +70,11 @@ export function InputCombobox<TValue extends string>(props: {
                             justifyContent: "space-between",
                             alignItems: "center",
                             gap: "2",
-                            rounded: "sm",
-                            p: "2",
+                            borderRadius: "sm",
+                            padding: "1rem",
                             border: "1px solid",
-                            _hover: { shadowidth: "inner" },
-                            _focusWithin: { borderColor: "neutral/50", shadowidth: "inner" }
+                            _hover: { boxShadow: "inner" },
+                            _focusWithin: { borderColor: "neutral/50", boxShadow: "inner" }
                         }),
                         (props.error === undefined) ? css({ borderColor: "neutral/25" }) : css({ borderColor: "error" }),
                         props.className
@@ -88,8 +88,8 @@ export function InputCombobox<TValue extends string>(props: {
                                     fontWeight: "medium",
                                     lineHeight: "none",
                                     whiteSpace: "nowrap",
-                                    textOverflowidth: "ellipsis",
-                                    rounded: "sm",
+                                    textOverflow: "ellipsis",
+                                    borderRadius: "sm",
                                     textAlign: "left"
                                 }),
                                 (currentOption === undefined) ? css({ color: "neutral/50" }) : css({ color: "neutral" })
@@ -102,7 +102,7 @@ export function InputCombobox<TValue extends string>(props: {
                         </span>
                         <IconChevronDown
                             size={16}
-                            className={css({ stroke: "neutral", minwidth: "[16px]", width: "[16px]", minH: "[16px]", height: "[16px]" })}
+                            className={css({ stroke: "neutral", minWidth: "[16px]", width: "[16px]", minH: "[16px]", height: "[16px]" })}
                             strokeWidth={2}
                         />
                     </div>
@@ -113,7 +113,7 @@ export function InputCombobox<TValue extends string>(props: {
                     ? (null)
                     : (
                         <Popover.Content align="start">
-                            <div className={css({ width: "100%", height: "[32px]", display: "flex", justifyContent: "flex-start", alignItems: "center", p: "2", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                            <div className={css({ width: "100%", height: "[32px]", display: "flex", justifyContent: "flex-start", alignItems: "center", padding: "1rem", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <input
                                     type="text"
                                     className={css({
@@ -140,7 +140,7 @@ export function InputCombobox<TValue extends string>(props: {
                                         : (
                                             <FormatNull
                                                 text="Pas de résultat"
-                                                className={css({ p: "2" })}
+                                                className={css({ padding: "1rem" })}
                                             />
                                         )
                                 }
@@ -169,7 +169,7 @@ export function InputCombobox<TValue extends string>(props: {
                                                         justifyContent: "space-between",
                                                         alignItems: "center",
                                                         gap: "2",
-                                                        p: "2",
+                                                        padding: "1rem",
                                                         cursor: "pointer"
                                                     }),
                                                     (currentOption?.key === option.key) ? css({ backgroundColor: "neutral/5" }) : css({ backgroundColor: "none", _hover: { backgroundColor: "neutral/5" } })
diff --git a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
index 057e870..67f3819 100644
--- a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
+++ b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
 import { CommandEmpty, CommandLoading } from "cmdk"
 import { Fragment, useState } from "react"
@@ -42,7 +42,7 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
 
     return (
         <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", gap: "1" })}>
-            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", p: "2", width: "100%", rounded: "md", border: "1px solid", borderColor: "neutral/25", _disabled: { cursor: "not-allowed", opacity: "50" }, maxH: "[256px]", overflowidth: "auto", minH: "[40px]" })}>
+            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", padding: "1rem", width: "100%", borderRadius: "md", border: "1px solid", borderColor: "neutral/25", _disabled: { cursor: "not-allowed", opacity: "50" }, maxH: "[256px]", overflowY: "auto", minH: "[40px]" })}>
                 {(props.selectedOptions.length === 0) ? (
                     <div className={css({ width: "100%", height: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center" })}>
                         <FormatNull text={props.emptyLabel ?? "Nothing selected"} />
@@ -50,15 +50,16 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                 ) : (
                     props.selectedOptions.map((option, index) => (
                         <Fragment key={option.key}>
-                            <div className={css({ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", rounded: "md" })} >
-                                <span className={css({ p: "2" })}>
+                            <div className={css({ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", borderRadius: "md" })} >
+                                <span className={css({ padding: "1rem" })}>
                                     {option.label}
                                 </span>
-                                <Button
-                                    variant="invisible"
-                                    onClick={() => handleUnselect(index)}
-                                    icon={<IconX />}
-                                />
+                                <Button onClick={() => handleUnselect(index)}>
+                                    <ButtonContent
+                                        variant="invisible"
+                                        leftIcon={<IconX />}
+                                    />
+                                </Button>
                             </div>
                         </Fragment>
                     ))
@@ -83,12 +84,12 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                 gridTemplateColumns: "auto min-content",
                                 alignItems: "center",
                                 gap: "2",
-                                p: "2",
+                                padding: "1rem",
                                 border: "1px solid",
                                 borderColor: "neutral/25",
-                                rounded: "md",
-                                _groupFocus: { borderColor: "neutral/50", shadowidth: "outer", backgroundColor: "neutral/5" },
-                                "&[data-open=true]": { borderColor: "neutral/50", backgroundColor: "neutral/5", shadowidth: "outer" }
+                                borderRadius: "md",
+                                _groupFocus: { borderColor: "neutral/50", boxShadow: "outer", backgroundColor: "neutral/5" },
+                                "&[data-open=true]": { borderColor: "neutral/50", backgroundColor: "neutral/5", boxShadow: "outer" }
                             })
                         )}
                         >
@@ -123,9 +124,9 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                         )
                                         : (null)
                                 }
-                                <CommandList className={css({ maxH: "[256px]", overflowidth: "auto", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch" })}>
+                                <CommandList className={css({ maxH: "[256px]", overflowY: "auto", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch" })}>
                                     <CommandEmpty>
-                                        <div className={css({ position: "relative", height: "[40px]", p: "3", display: "flex", justifyContent: "flex-start", alignItems: "center", cursor: "default", userSelect: "none", rounded: "sm", outline: "none", _disabled: { pointerEvents: "none", opacity: "50" } })}>
+                                        <div className={css({ position: "relative", height: "[40px]", padding: "3", display: "flex", justifyContent: "flex-start", alignItems: "center", cursor: "default", userSelect: "none", borderRadius: "sm", outline: "none", _disabled: { pointerEvents: "none", opacity: "50" } })}>
                                             <span className={css({ color: "neutral/10", textAlign: "left", fontStyle: "italic" })}>
                                                 No result
                                             </span>
@@ -149,12 +150,12 @@ export function InputComboboxMultiple<TValue extends string>(props: InputCombobo
                                                     }}
                                                     className={cx(
                                                         css({
-                                                            p: "3",
+                                                            padding: "3",
                                                             height: "[40px]",
                                                             display: "flex",
                                                             justifyContent: "space-between",
                                                             alignItems: "center",
-                                                            overflowidth: "auto",
+                                                            overflowY: "auto",
                                                             gap: "3"
                                                         }),
                                                         isSelected ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "none", _hover: { backgroundColor: "neutral/5" } })
diff --git a/packages/dashboard/src/components/inputs/inputDate.tsx b/packages/dashboard/src/components/inputs/inputDate.tsx
index 923b033..1a7e163 100644
--- a/packages/dashboard/src/components/inputs/inputDate.tsx
+++ b/packages/dashboard/src/components/inputs/inputDate.tsx
@@ -46,8 +46,8 @@ export function InputDate(props:
                     gap: "2",
                     border: "1px solid",
                     borderColor: "neutral/20",
-                    rounded: "sm",
-                    _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
+                    borderRadius: "sm",
+                    _focusWithin: { borderColor: "neutral/50", boxShadow: "inset" }
                 }),
                 css(props.error ? { borderColor: "error" } : {}),
                 props.className
@@ -88,14 +88,14 @@ export function InputDate(props:
                 onAccept={(value: unknown) => props.onChange(output(String(value)))}
                 value={input(props.value)}
                 className={css({
-                    rounded: "inherit",
+                    borderRadius: "inherit",
                     width: "100%",
                     fontSize: "sm",
                     _placeholder: { color: "neutral/25" },
-                    p: "2",
-                    overflowidth: "hidden",
+                    padding: "1rem",
+                    overflow: "hidden",
                     whiteSpace: "nowrap",
-                    textOverflowidth: "ellipsis"
+                    textOverflow: "ellipsis"
                 })}
                 inputMode="decimal"
             />
diff --git a/packages/dashboard/src/components/inputs/inputDisabled.tsx b/packages/dashboard/src/components/inputs/inputDisabled.tsx
index e44eb22..228de73 100644
--- a/packages/dashboard/src/components/inputs/inputDisabled.tsx
+++ b/packages/dashboard/src/components/inputs/inputDisabled.tsx
@@ -23,9 +23,9 @@ export function InputDisabled(props: InputDisabled) {
                     justifyContent: "space-between",
                     alignItems: "center",
                     gap: "2",
-                    p: "2",
+                    padding: "1rem",
                     border: "1px solid",
-                    rounded: "md",
+                    borderRadius: "md",
                     backgroundColor: "neutral",
                     fontSize: "sm"
                 }),
diff --git a/packages/dashboard/src/components/inputs/inputFile.tsx b/packages/dashboard/src/components/inputs/inputFile.tsx
index 6d50805..5028557 100644
--- a/packages/dashboard/src/components/inputs/inputFile.tsx
+++ b/packages/dashboard/src/components/inputs/inputFile.tsx
@@ -24,7 +24,7 @@ export function InputFile(props:
                 borderColor: "neutral/20",
                 borderStyle: "dashed",
                 _hover: { backgroundColor: "neutral/5" },
-                rounded: "sm",
+                borderRadius: "sm",
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center"
@@ -57,7 +57,7 @@ export function InputFile(props:
                     cursor: "pointer",
                     width: "100%",
                     height: "100%",
-                    p: { base: "2", md: "3" },
+                    padding: { base: "2", md: "3" },
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center"
diff --git a/packages/dashboard/src/components/inputs/inputNumber.tsx b/packages/dashboard/src/components/inputs/inputNumber.tsx
index 3ab23a8..9cdf8b9 100644
--- a/packages/dashboard/src/components/inputs/inputNumber.tsx
+++ b/packages/dashboard/src/components/inputs/inputNumber.tsx
@@ -34,7 +34,7 @@ export function InputPrice(props:
                 alignItems: "stretch",
                 border: "1px solid",
                 borderColor: "neutral/20",
-                rounded: "sm"
+                borderRadius: "sm"
             }),
             css(props.error ? { borderColor: "error" } : {}),
             props.className
@@ -59,15 +59,15 @@ export function InputPrice(props:
                 onAccept={(value: unknown) => props.onChange(output(String(value)))}
                 value={input(props.value)}
                 className={css({
-                    rounded: "inherit",
+                    borderRadius: "inherit",
                     width: "100%",
                     fontSize: "base",
                     _placeholder: { color: "neutral/25" },
-                    p: "2",
-                    _focus: { shadowidth: "inset", backgroundColor: "neutral/5" },
-                    overflowidth: "hidden",
+                    padding: "1rem",
+                    _focus: { boxShadow: "inset", backgroundColor: "neutral/5" },
+                    overflow: "hidden",
                     whiteSpace: "nowrap",
-                    textOverflowidth: "ellipsis"
+                    textOverflow: "ellipsis"
                 })}
                 inputMode="decimal"
             />
diff --git a/packages/dashboard/src/components/inputs/inputPassword.tsx b/packages/dashboard/src/components/inputs/inputPassword.tsx
index be4184c..82aca1f 100644
--- a/packages/dashboard/src/components/inputs/inputPassword.tsx
+++ b/packages/dashboard/src/components/inputs/inputPassword.tsx
@@ -37,8 +37,8 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
                         justifyContent: "space-between",
                         alignItems: "center",
                         border: "1px solid",
-                        rounded: "sm",
-                        _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
+                        borderRadius: "sm",
+                        _focusWithin: { borderColor: "neutral/50", boxShadow: "inset" }
                     }),
                     css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
                     props.className
@@ -54,8 +54,8 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
                         lineHeight: "none",
                         _placeholder: { color: "neutral/50" },
                         backgroundColor: "transparent",
-                        p: "2",
-                        rounded: "md"
+                        padding: "1rem",
+                        borderRadius: "md"
                     })}
                     ref={ref}
                     value={input(props.value)}
@@ -66,8 +66,8 @@ export const InputPassword = forwardRef<HTMLInputElement, InputPassword>(
                     onClick={handleClickShowPassword}
                     className={css({
                         _hover: { backgroundColor: "neutral/5" },
-                        rounded: "md",
-                        p: "2"
+                        borderRadius: "md",
+                        padding: "1rem"
                     })}
                     tabIndex={-1}
                 >
diff --git a/packages/dashboard/src/components/inputs/inputSelect.tsx b/packages/dashboard/src/components/inputs/inputSelect.tsx
index 785d7ba..5b086e2 100644
--- a/packages/dashboard/src/components/inputs/inputSelect.tsx
+++ b/packages/dashboard/src/components/inputs/inputSelect.tsx
@@ -65,11 +65,11 @@ export function InputSelect<TValue extends string>(props:
                             justifyContent: "flex-start",
                             alignItems: "center",
                             gap: "2",
-                            rounded: "sm",
-                            p: "2",
+                            borderRadius: "sm",
+                            padding: "1rem",
                             border: "1px solid",
-                            _hover: { shadowidth: "inset" },
-                            _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
+                            _hover: { boxShadow: "inset" },
+                            _focusWithin: { borderColor: "neutral/50", boxShadow: "inset" }
                         }),
                         css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
                         props.className
@@ -83,8 +83,8 @@ export function InputSelect<TValue extends string>(props:
                                     fontWeight: "medium",
                                     lineHeight: "none",
                                     whiteSpace: "nowrap",
-                                    textOverflowidth: "ellipsis",
-                                    rounded: "sm",
+                                    textOverflow: "ellipsis",
+                                    borderRadius: "sm",
                                     textAlign: "left"
                                 }),
                                 css(currentOption === undefined ? { color: "neutral/50" } : { color: "neutral" })
@@ -99,7 +99,7 @@ export function InputSelect<TValue extends string>(props:
                             size={16}
                             className={css({
                                 stroke: "neutral",
-                                minwidth: "16px",
+                                minWidth: "16px",
                                 width: "16px",
                                 minH: "16px",
                                 height: "16px"
@@ -115,9 +115,9 @@ export function InputSelect<TValue extends string>(props:
                 <div className={css({
                     minH: "32px",
                     maxH: "256px",
-                    overflowidth: "auto",
+                    overflowY: "auto",
                     width: "100%",
-                    p: "2",
+                    padding: "1rem",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
@@ -159,8 +159,8 @@ export function InputSelect<TValue extends string>(props:
                                                 justifyContent: "space-between",
                                                 alignItems: "center",
                                                 gap: "2",
-                                                p: "2",
-                                                rounded: "sm",
+                                                padding: "1rem",
+                                                borderRadius: "sm",
                                                 border: "1px solid transparent",
                                                 cursor: "pointer"
                                             }),
@@ -185,7 +185,7 @@ export function InputSelect<TValue extends string>(props:
                                         <IconCheck
                                             className={cx(
                                                 css({
-                                                    minwidth: "16px",
+                                                    minWidth: "16px",
                                                     width: "16px",
                                                     minH: "16px",
                                                     height: "16px",
diff --git a/packages/dashboard/src/components/inputs/inputSwitch.tsx b/packages/dashboard/src/components/inputs/inputSwitch.tsx
index 32c7fdd..d2e3ab8 100644
--- a/packages/dashboard/src/components/inputs/inputSwitch.tsx
+++ b/packages/dashboard/src/components/inputs/inputSwitch.tsx
@@ -31,13 +31,13 @@ export function InputSwitch(props: InputSwitch) {
                     flexShrink: "0",
                     cursor: "pointer",
                     alignItems: "center",
-                    rounded: "100%",
+                    borderRadius: "100%",
                     border: "1px solid",
                     borderColor: "neutral/25",
                     _disabled: { cursor: "not-allowed", opacity: "0.5" },
                     backgroundColor: "white",
                     _checked: { backgroundColor: "success/5", borderColor: "neutral" },
-                    _focus: { shadowidth: "inset" }
+                    _focus: { boxShadow: "inset" }
                 }),
                 props.className
             )}
@@ -51,11 +51,11 @@ export function InputSwitch(props: InputSwitch) {
                     display: "block",
                     height: "4",
                     width: "4",
-                    rounded: "100%",
+                    borderRadius: "100%",
                     _checked: { backgroundColor: "neutral", transform: "translateX(18px)" },
                     backgroundColor: "neutral/10",
                     transform: "translateX(4px)",
-                    shadowidth: "lg",
+                    boxShadow: "lg",
                     transition: "transform"
                 })}
             />
diff --git a/packages/dashboard/src/components/inputs/inputText.tsx b/packages/dashboard/src/components/inputs/inputText.tsx
index 672d957..98818f7 100644
--- a/packages/dashboard/src/components/inputs/inputText.tsx
+++ b/packages/dashboard/src/components/inputs/inputText.tsx
@@ -31,8 +31,8 @@ export function InputText(props: InputText) {
                     alignItems: "center",
                     gap: "2",
                     border: "1px solid",
-                    rounded: "sm",
-                    _focusWithin: { borderColor: "neutral/50", shadowidth: "inset" }
+                    borderRadius: "sm",
+                    _focusWithin: { borderColor: "neutral/50", boxShadow: "inset" }
                 }),
                 css((!props.error) ? { borderColor: "neutral/25" } : { borderColor: "error" }),
                 props.className
@@ -48,8 +48,8 @@ export function InputText(props: InputText) {
                     lineHeight: "none",
                     _placeholder: { color: "neutral/25" },
                     backgroundColor: "transparent",
-                    p: "2",
-                    rounded: "md"
+                    padding: "1rem",
+                    borderRadius: "md"
                 })}
                 value={input(props.value)}
                 onChange={(e) => {
diff --git a/packages/dashboard/src/components/inputs/inputTextArea.tsx b/packages/dashboard/src/components/inputs/inputTextArea.tsx
index fee5b6c..420901d 100644
--- a/packages/dashboard/src/components/inputs/inputTextArea.tsx
+++ b/packages/dashboard/src/components/inputs/inputTextArea.tsx
@@ -35,17 +35,17 @@ export function InputTextArea(props:
                     justifyContent: "center",
                     alignItems: "center",
                     gap: "2",
-                    p: "2",
+                    padding: "1rem",
                     border: "1px solid",
-                    rounded: "sm",
+                    borderRadius: "sm",
                     fontSize: "sm",
                     _placeholder: { color: "neutral/50" },
-                    _focus: { borderColor: "neutral/50", shadowidth: "inset" },
+                    _focus: { borderColor: "neutral/50", boxShadow: "inset" },
                     outline: "none",
                     flexShrink: "0",
                     resize: "none",
                     height: "fit",
-                    overflowidth: "auto"
+                    overflowY: "auto"
                 }),
                 css(props.error ? { borderColor: "error" } : { borderColor: "neutral/25" }),
                 props.className
diff --git a/packages/dashboard/src/components/inputs/inputToggle.tsx b/packages/dashboard/src/components/inputs/inputToggle.tsx
index cd650d9..9d5c743 100644
--- a/packages/dashboard/src/components/inputs/inputToggle.tsx
+++ b/packages/dashboard/src/components/inputs/inputToggle.tsx
@@ -26,9 +26,9 @@ export function InputToggle<TValue extends (string | boolean)>(props:
             alignItems: "center",
             border: "1px solid",
             borderColor: "neutral/20",
-            rounded: "sm",
+            borderRadius: "sm",
             cursor: "pointer",
-            _focus: { borderColor: "neutral/50", shadowidth: "inset" },
+            _focus: { borderColor: "neutral/50", boxShadow: "inset" },
             outline: "none"
         })}
         >
@@ -56,14 +56,14 @@ export function InputToggle<TValue extends (string | boolean)>(props:
                                 className={cx(
                                     css({
                                         transition: "all 200ms ease-in-out",
-                                        rounded: "none",
+                                        borderRadius: "none",
                                         border: "none"
                                     }),
                                     css(isSelected ? {
                                         backgroundColor: "neutral/10",
                                         outline: "1px solid",
                                         outlineColor: "neutral",
-                                        rounded: "sm"
+                                        borderRadius: "sm"
                                     } : {})
                                 )}
                                 text={option.label}
diff --git a/packages/dashboard/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
index 98040c7..f32f0f9 100644
--- a/packages/dashboard/src/components/layouts/banner.tsx
+++ b/packages/dashboard/src/components/layouts/banner.tsx
@@ -46,14 +46,14 @@ export function Banner(props: {
             className={cx(
                 css({
                     width: "100%",
-                    p: "4",
+                    padding: "4",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
                     gap: "2",
-                    rounded: "md"
+                    borderRadius: "md"
                 }),
-                banners[props?.variant ?? "neutral"].bg,
+                banners[props?.variant ?? "neutral"].backgroundColor,
                 props.className
             )}
         >
diff --git a/packages/dashboard/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
index 60e2581..5e13748 100644
--- a/packages/dashboard/src/components/layouts/box.tsx
+++ b/packages/dashboard/src/components/layouts/box.tsx
@@ -10,7 +10,7 @@ export function Box(props: {
         <div
             className={cx(
                 css({
-                    minwidth: "0",
+                    minWidth: "0",
                     width: "100%",
                     maxWidth: "100%",
                     height: "fit",
@@ -22,7 +22,7 @@ export function Box(props: {
                     overflowX: "auto",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    rounded: "md"
+                    borderRadius: "md"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/card/cardHeader.tsx b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
index d881a29..a00db3d 100644
--- a/packages/dashboard/src/components/layouts/card/cardHeader.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
@@ -17,7 +17,7 @@ export function CardHeader(props: {
                     justifyContent: "space-between",
                     alignItems: "flex-start",
                     gap: "2",
-                    p: "2"
+                    padding: "1rem"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
index 25ecf31..815075a 100644
--- a/packages/dashboard/src/components/layouts/card/cardRoot.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
@@ -19,10 +19,10 @@ export function CardRoot(props: CardRoot) {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
-                    overflowidth: "auto",
+                    overflowY: "auto",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    rounded: "md"
+                    borderRadius: "md"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/chip.tsx b/packages/dashboard/src/components/layouts/chip.tsx
index a36752c..cbf1391 100644
--- a/packages/dashboard/src/components/layouts/chip.tsx
+++ b/packages/dashboard/src/components/layouts/chip.tsx
@@ -2,7 +2,7 @@ import { ComponentProps } from "react"
 import { css, cx } from "../../utilities/cn.js"
 
 
-export type ChipColors = "neutral" | "error" | "warning" | "success" | "information"
+export type ChipColors = keyof typeof chipColors
 
 const chipColors = {
     "neutral": {
@@ -34,7 +34,7 @@ const chipColors = {
 
 export function Chip(props: {
     text: string | null | undefined
-    color?: ChipColors
+    color?: keyof typeof chipColors
     className?: ComponentProps<'div'>['className']
 }) {
     if (props.text === null) {
@@ -50,15 +50,15 @@ export function Chip(props: {
                 css({
                     width: "fit",
                     height: "fit",
-                    px: "2",
-                    py: "1",
+                    paddingX: "0.5rem",
+                    paddingY: "0.25rem",
                     display: "flex",
                     justifyContent: "flex-start",
                     alignItems: "center",
                     border: "none"
                 }),
                 chipColors[props?.color ?? "neutral"].border,
-                chipColors[props?.color ?? "neutral"].bg,
+                chipColors[props?.color ?? "neutral"].backgroundColor,
                 props.className
             )}
         >
@@ -67,7 +67,7 @@ export function Chip(props: {
                     css({
                         fontSize: "10px",
                         lineHeight: "none",
-                        color: "neutral/75"
+                        color: "none"
                     }),
                     chipColors[props?.color ?? "neutral"].text
                 )}
diff --git a/packages/dashboard/src/components/layouts/command.tsx b/packages/dashboard/src/components/layouts/command.tsx
index 7a9545c..981fdb2 100644
--- a/packages/dashboard/src/components/layouts/command.tsx
+++ b/packages/dashboard/src/components/layouts/command.tsx
@@ -17,8 +17,8 @@ export const Command = React.forwardRef<
                 height: "100%",
                 width: "100%",
                 flexDirection: "column",
-                overflowidth: "auto",
-                rounded: "inherit",
+                overflowY: "auto",
+                borderRadius: "inherit",
                 backgroundColor: "white"
             }),
             className
@@ -33,9 +33,9 @@ export const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
     return (
         <Dialog {...props}>
             <DialogContent className={css({
-                overflowidth: "auto",
-                p: "0",
-                shadowidth: "lg"
+                overflowY: "auto",
+                padding: "0",
+                boxShadow: "lg"
             })}>
                 <Command className={css({
                     "& [cmdk-group-heading]": {
@@ -81,7 +81,7 @@ export const CommandInput = React.forwardRef<
         display: "flex",
         alignItems: "center",
         gap: "2",
-        p: "2",
+        padding: "1rem",
         borderBottom: "1px solid",
         borderColor: "neutral/10"
     })} cmdk-input-wrapper="">
@@ -97,7 +97,7 @@ export const CommandInput = React.forwardRef<
                 css({
                     display: "flex",
                     width: "100%",
-                    rounded: "md",
+                    borderRadius: "md",
                     backgroundColor: "transparent",
                     fontSize: "base",
                     outline: "none",
@@ -163,7 +163,7 @@ export const CommandGroup = React.forwardRef<
         ref={ref}
         className={cx(
             css({
-                overflowidth: "auto",
+                overflowY: "auto",
                 color: "slate.950",
                 "& [cmdk-group-heading]": {
                     px: "2",
@@ -210,7 +210,7 @@ export const CommandItem = React.forwardRef<
                 cursor: "default",
                 userSelect: "none",
                 alignItems: "center",
-                rounded: "sm",
+                borderRadius: "sm",
                 px: "2",
                 py: "1.5",
                 fontSize: "sm",
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
index 8df7228..7554bb9 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
@@ -17,10 +17,10 @@ export function DataBlockContent(props: {
                     gridTemplateColumns: "max-content auto",
                     columnGap: "4",
                     rowGap: "2",
-                    p: "4",
+                    padding: "4",
                     border: "1px solid",
                     borderColor: "neutral/20",
-                    rounded: "md"
+                    borderRadius: "md"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
index f4cb430..a828e00 100644
--- a/packages/dashboard/src/components/layouts/dataTable.tsx
+++ b/packages/dashboard/src/components/layouts/dataTable.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { IconSortAscending, IconSortDescending } from "@tabler/icons-react"
 import {
     ColumnDef,
@@ -94,13 +94,13 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                 width: "100%",
                 maxWidth: "100%",
                 maxH: "600px",
-                p: "0",
+                padding: "0",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "stretch",
-                overflowidth: "auto",
-                rounded: "md",
+                overflowY: "auto",
+                borderRadius: "md",
                 border: "1px solid",
                 borderColor: "neutral/10"
             })}>
@@ -130,21 +130,22 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                                             justifyContent: "flex-start",
                                             alignItems: "center",
                                             gap: "2",
-                                            p: "2",
+                                            padding: "1rem",
                                             borderBottom: "1px solid",
                                             borderBottomColor: "neutral/10",
                                             borderTop: "2px solid",
                                             borderTopColor: "white"
                                         })}>
-                                            <Button
-                                                variant="invisible"
-                                                onClick={header.column.getToggleSortingHandler()}
-                                                icon={{
-                                                    asc: <IconSortAscending size={16} />,
-                                                    desc: <IconSortDescending size={16} />,
-                                                }[String(header.column.getIsSorted())] ?? undefined}
-                                                text={header.column.columnDef.header?.toString()}
-                                            />
+                                            <Button onClick={header.column.getToggleSortingHandler()}>
+                                                <ButtonContent
+                                                    variant="invisible"
+                                                    leftIcon={{
+                                                        asc: <IconSortAscending size={16} />,
+                                                        desc: <IconSortDescending size={16} />,
+                                                    }[String(header.column.getIsSorted())] ?? undefined}
+                                                    text={header.column.columnDef.header?.toString()}
+                                                />
+                                            </Button>
                                         </div>
                                     </th>
                                 )
@@ -163,7 +164,7 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                                         <td>
                                             <FormatNull
                                                 text="Pas de données"
-                                                className={css({ p: "2" })}
+                                                className={css({ padding: "1rem" })}
                                             />
                                         </td>
                                     </tr>
@@ -201,7 +202,7 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                                                     display: "flex",
                                                     justifyContent: "flex-start",
                                                     alignItems: "center",
-                                                    p: "2"
+                                                    padding: "1rem"
                                                 })}>
                                                     {flexRender(
                                                         cell.column.columnDef.cell,
diff --git a/packages/dashboard/src/components/layouts/dataWrapper.tsx b/packages/dashboard/src/components/layouts/dataWrapper.tsx
index 4936cb4..6377bc6 100644
--- a/packages/dashboard/src/components/layouts/dataWrapper.tsx
+++ b/packages/dashboard/src/components/layouts/dataWrapper.tsx
@@ -1,10 +1,10 @@
+import { routeDefinition } from "@arrhes/application-metadata/utilities"
+import { ComponentProps, ReactElement, Suspense } from "react"
+import * as v from "valibot"
 import { FormatError } from "../../components/formats/formatError.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { css, cx } from "../../utilities/cn.js"
 import { useDataFromAPI } from "../../utilities/useHTTPData.js"
-import { routeDefinition } from "@arrhes/application-metadata/utilities"
-import { ComponentProps, ReactElement, Suspense } from "react"
-import * as v from "valibot"
 
 
 export function DataWrapper<
@@ -29,7 +29,7 @@ export function DataWrapper<
                     {...props.loaderProps}
                     text={props.loaderProps?.text ?? "Chargement des données..."}
                     className={cx(
-                        css({ p: "2" }),
+                        css({ padding: "1rem" }),
                         props.loaderProps?.className,
                     )}
                 />
@@ -39,7 +39,7 @@ export function DataWrapper<
             <FormatError
                 {...props.errorProps}
                 text={props.errorProps?.text ?? "Erreur lors de la récupération des données."}
-                className={css({ p: "2" })}
+                className={css({ padding: "1rem" })}
             />
         )
     }
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
index 1d5c0e1..0d8bafb 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
@@ -18,17 +18,17 @@ export function DropdownContent(props:
                 className={cx(
                     css({
                         backgroundColor: "white",
-                        rounded: "md",
-                        p: "2",
-                        shadowidth: "lg",
+                        borderRadius: "lg",
+                        padding: "0.5em",
+                        boxShadow: "lg",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
-                        gap: "0",
+                        gap: "0.5rem",
                         border: "1px solid",
                         borderColor: "neutral/20",
-                        minwidth: "var(--radix-dropdown-menu-trigger-width)"
+                        minWidth: "var(--radix-dropdown-menu-trigger-width)"
                     }),
                     props.className
                 )}
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx
index d4ca556..9ddd83e 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownRoot.tsx
@@ -8,7 +8,7 @@ export function DropdownRoot(props:
     return (
         <DropdownMenu
             {...props}
-            modal={true}
+            modal={false}
         >
             {props.children}
         </DropdownMenu>
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
index 900d33c..d9fbda8 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
@@ -15,7 +15,6 @@ export function DropdownSeparator(props:
                     width: "100%",
                     height: "1px",
                     backgroundColor: "neutral/10",
-                    my: "2"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/page/page.tsx b/packages/dashboard/src/components/layouts/page/page.tsx
index a461e70..14c94b7 100644
--- a/packages/dashboard/src/components/layouts/page/page.tsx
+++ b/packages/dashboard/src/components/layouts/page/page.tsx
@@ -1,12 +1,18 @@
 import { PageContent } from "./pageContent.js"
+import { PageDescription } from "./pageDescription.js"
 import { PageHeader } from "./pageHeader.js"
+import { PageNavigation } from "./pageNavigation.js"
 import { PageRoot } from "./pageRoot.js"
 import { PageSeparator } from "./pageSeparator.js"
+import { PageTitle } from "./pageTitle.js"
 
 
 export const Page = {
     Root: PageRoot,
+    Navigation: PageNavigation,
     Header: PageHeader,
+    Title: PageTitle,
+    Description: PageDescription,
     Separator: PageSeparator,
     Content: PageContent
 }
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index 7ac422b..01a3ff6 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -19,7 +19,7 @@ export function PageContent(props: PageContent) {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    gap: "4"
+                    gap: "6"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/page/pageDescription.tsx b/packages/dashboard/src/components/layouts/page/pageDescription.tsx
new file mode 100644
index 0000000..cbfc716
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/page/pageDescription.tsx
@@ -0,0 +1,20 @@
+import { ComponentProps } from "react"
+import { css } from "../../../utilities/cn.js"
+
+
+
+export function PageDescription(props: {
+    children: string
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <span
+            className={css({
+                color: "neutral/50",
+                fontSize: "md"
+            })}
+        >
+            {props.children}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index e2c6472..302c2fd 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -4,8 +4,6 @@ import { css, cx } from "../../../utilities/cn.js"
 
 
 export function PageHeader(props: {
-    title: string
-    description?: string
     children?: ReactNode
     className?: ComponentProps<'div'>['className']
 }) {
@@ -14,49 +12,17 @@ export function PageHeader(props: {
             className={cx(
                 css({
                     width: "100%",
-                    maxWidth: "xl",
                     height: "fit",
                     display: "flex",
-                    justifyContent: "space-between",
+                    flexDirection: "column",
+                    justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    gap: "2"
+                    gap: "1rem",
                 }),
                 props.className
             )}
         >
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "flex-start",
-                alignItems: "flex-start"
-            })}>
-                <span className={css({
-                    fontSize: "3xl",
-                    fontWeight: "semibold",
-                    whiteSpace: "nowrap"
-                })}>
-                    {props.title}
-                </span>
-                {
-                    (props.description === undefined)
-                        ? null
-                        : (
-                            <span className={css({
-                                color: "neutral/50",
-                                fontSize: "md"
-                            })}>
-                                {props.description}
-                            </span>
-                        )
-                }
-            </div>
-            <div className={css({
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center"
-            })}>
-                {props.children}
-            </div>
+            {props.children}
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/layouts/pageLayout.tsx b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
similarity index 66%
rename from packages/dashboard/src/components/layouts/pageLayout.tsx
rename to packages/dashboard/src/components/layouts/page/pageNavigation.tsx
index 8ee432b..0529bb6 100644
--- a/packages/dashboard/src/components/layouts/pageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
@@ -1,11 +1,12 @@
 import { ButtonContent } from "@arrhes/ui"
-import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
+import { useMatches, useRouterState } from "@tanstack/react-router"
 import { JSX } from "react"
-import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
-import { css, cx } from "../../utilities/cn.js"
+import { ValidParams, ValidRoutes } from "../../../routes/platformRouter.js"
+import { css } from "../../../utilities/cn.js"
+import { LinkButton } from "../../linkButton.js"
 
 
-export function PageLayout(props: {
+export function PageNavigation(props: {
     tabs: Array<{
         label: string
         icon: JSX.Element
@@ -20,15 +21,16 @@ export function PageLayout(props: {
 
     return (
         <div className={css({
-            flex: "1",
             flexShrink: "0",
             width: "100%",
-            minH: "fit",
+            minHeight: "fit",
             display: "flex",
             flexDirection: "column",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-            overflowidth: "auto"
+            justifyContent: "start",
+            alignItems: "center",
+            padding: "1rem",
+            borderBottom: "1px solid",
+            borderBottomColor: "neutral/10",
         })}>
             {
                 props.tabs === undefined
@@ -36,11 +38,11 @@ export function PageLayout(props: {
                     : (
                         <div className={css({
                             width: "100%",
+                            maxWidth: "xl",
                             display: "flex",
                             justifyContent: "flex-start",
                             alignItems: "center",
-                            gap: "2",
-                            px: "4"
+                            gap: "0.5rem",
                         })}>
                             {
                                 props.tabs.map((tab) => {
@@ -61,15 +63,9 @@ export function PageLayout(props: {
                                                 gap: "2"
                                             })}
                                         >
-                                            <Link
+                                            <LinkButton
                                                 to={tab.to}
                                                 params={tab.params}
-                                                className={css({
-                                                    display: "flex",
-                                                    justifyContent: "center",
-                                                    alignItems: "center",
-                                                    gap: "2"
-                                                })}
                                             >
                                                 <ButtonContent
                                                     variant="invisible"
@@ -77,27 +73,22 @@ export function PageLayout(props: {
                                                     text={tab.label}
                                                     color="neutral"
                                                     isActive={isActive}
-                                                    className={css({
-                                                        transition: "all",
-                                                        transitionDuration: "200ms",
-                                                        transitionTimingFunction: "ease-in-out"
-                                                    })}
                                                 />
-                                            </Link>
-                                            <div
+                                            </LinkButton>
+                                            {/* <div
                                                 className={cx(
                                                     css({
                                                         flexShrink: "0",
                                                         width: "100%",
                                                         height: "2px",
-                                                        rounded: "100%",
+                                                        borderRadius: "100%",
                                                         transition: "all",
                                                         transitionDuration: "200ms",
                                                         transitionTimingFunction: "ease-in-out"
                                                     }),
                                                     isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
                                                 )}
-                                            />
+                                            /> */}
                                         </div>
                                     )
                                 })
@@ -105,19 +96,6 @@ export function PageLayout(props: {
                         </div>
                     )
             }
-            <div className={css({
-                flex: "1",
-                flexShrink: "0",
-                width: "100%",
-                minH: "fit",
-                display: "flex",
-                justifyContent: "flex-start",
-                alignItems: "stretch",
-                overflowX: "hidden",
-                overflowY: "auto"
-            })}>
-                <Outlet />
-            </div>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index 1693abe..b495b8c 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -2,12 +2,10 @@ import { ComponentProps, ReactElement } from "react"
 import { css, cx } from "../../../utilities/cn.js"
 
 
-type PageRoot = {
+export function PageRoot(props: {
     children: ReactElement | ReactElement[]
     className?: ComponentProps<'div'>['className']
-}
-
-export function PageRoot(props: PageRoot) {
+}) {
     return (
         <div
             className={cx(
@@ -15,18 +13,15 @@ export function PageRoot(props: PageRoot) {
                     width: "100%",
                     flexShrink: "0",
                     flex: "1",
+                    paddingY: "2rem",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "center",
-                    overflowidth: "auto",
-                    p: "4",
-                    gap: "4",
+                    overflowY: "auto",
+                    gap: "1rem",
                     backgroundColor: "white",
-                    borderTop: "1px solid",
-                    borderColor: "neutral/10",
                     md: {
-                        p: "8",
                         gap: "8"
                     }
                 }),
diff --git a/packages/dashboard/src/components/layouts/page/pageTitle.tsx b/packages/dashboard/src/components/layouts/page/pageTitle.tsx
new file mode 100644
index 0000000..49d99f9
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/page/pageTitle.tsx
@@ -0,0 +1,21 @@
+import { ComponentProps } from "react"
+import { css } from "../../../utilities/cn.js"
+
+
+
+export function PageTitle(props: {
+    children?: string
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <span
+            className={css({
+                fontSize: "lg",
+                fontWeight: "semibold",
+                whiteSpace: "nowrap"
+            })}
+        >
+            {props.children}
+        </span>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/section/sectionItem.tsx b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
index f4a5f46..abb4c81 100644
--- a/packages/dashboard/src/components/layouts/section/sectionItem.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
@@ -10,8 +10,8 @@ export function SectionItem(props: {
         <div
             className={cx(
                 css({
-                    flexGrowidth: "1",
-                    minwidth: "0",
+                    flexGrow: "1",
+                    minWidth: "0",
                     width: "100%",
                     maxWidth: "100%",
                     height: "fit",
diff --git a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
index 4be3167..db090d2 100644
--- a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
@@ -10,8 +10,8 @@ export function SectionRoot(props: {
         <div
             className={cx(
                 css({
-                    flexGrowidth: "1",
-                    minwidth: "0",
+                    flexGrow: "1",
+                    minWidth: "0",
                     width: "100%",
                     maxWidth: "100%",
                     height: "fit",
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index 3abdf1d..3631ebb 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -1,8 +1,9 @@
 import { ButtonContent } from "@arrhes/ui"
-import { Link, Outlet, useMatches, useRouterState } from "@tanstack/react-router"
+import { Outlet, useMatches, useRouterState } from "@tanstack/react-router"
 import { JSX } from "react"
 import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
 import { css, cx } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export function SubPageLayout(props: {
@@ -28,7 +29,7 @@ export function SubPageLayout(props: {
             display: "flex",
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            gap: "4"
+            gap: "8"
         })}>
             {
                 props.tabs === undefined
@@ -40,9 +41,10 @@ export function SubPageLayout(props: {
                             flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
-                            gap: "2",
+                            gap: "3",
                             borderRight: "1px solid",
-                            borderColor: "neutral/10"
+                            borderColor: "neutral/10",
+                            pr: "4"
                         })}>
                             {
                                 props.tabs.map((tab) => {
@@ -63,7 +65,7 @@ export function SubPageLayout(props: {
                                                 gap: "2"
                                             })}
                                         >
-                                            <Link
+                                            <LinkButton
                                                 to={tab.to}
                                                 params={tab.params}
                                                 className={css({
@@ -87,13 +89,13 @@ export function SubPageLayout(props: {
                                                         transitionTimingFunction: "ease-in-out"
                                                     })}
                                                 />
-                                            </Link>
+                                            </LinkButton>
                                             <div
                                                 className={cx(
                                                     css({
                                                         flexShrink: "0",
                                                         width: "2px",
-                                                        rounded: "100%"
+                                                        borderRadius: "100%"
                                                     }),
                                                     isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
                                                 )}
@@ -108,13 +110,14 @@ export function SubPageLayout(props: {
             <div className={css({
                 flexShrink: "1",
                 minH: "fit",
-                minwidth: "0",
+                minWidth: "0",
                 width: "100%",
                 maxWidth: "100%",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "flex-start",
-                alignItems: "stretch"
+                alignItems: "stretch",
+                paddingY: "2"
             })}>
                 <Outlet />
             </div>
diff --git a/packages/dashboard/src/components/layouts/table/table.tsx b/packages/dashboard/src/components/layouts/table/table.tsx
index 337adf8..266c9f0 100644
--- a/packages/dashboard/src/components/layouts/table/table.tsx
+++ b/packages/dashboard/src/components/layouts/table/table.tsx
@@ -11,12 +11,12 @@ export const Table = {
     Root: TableRoot,
     Header: {
         Root: TableHeaderRoot,
-        Rowidth: TableHeaderRow,
+        Row: TableHeaderRow,
         Cell: TableHeaderCell
     },
     Body: {
         Root: TableBodyRoot,
-        Rowidth: TableBodyRow,
+        Row: TableBodyRow,
         Cell: TableBodyCell
     }
 }
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
index 1e46bd5..ad6a53d 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
@@ -14,7 +14,7 @@ export function TableBodyCell(props: {
             className={cx(
                 css({
                     width: "fit",
-                    p: "2",
+                    padding: "1rem",
                     verticalAlign: "top"
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
index 899d2f9..8518730 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
@@ -13,7 +13,7 @@ export function TableHeaderCell(props: {
             className={cx(
                 css({
                     width: "fit",
-                    p: "2",
+                    padding: "1rem",
                     verticalAlign: "middle"
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/layouts/title.tsx b/packages/dashboard/src/components/layouts/title.tsx
index bf5531f..901b499 100644
--- a/packages/dashboard/src/components/layouts/title.tsx
+++ b/packages/dashboard/src/components/layouts/title.tsx
@@ -1,5 +1,5 @@
-import { css, cx } from "../../utilities/cn.js"
 import { ComponentProps } from "react"
+import { css, cx } from "../../utilities/cn.js"
 
 
 export function TitleComponent(props: {
diff --git a/packages/dashboard/src/components/layouts/virtualizer.tsx b/packages/dashboard/src/components/layouts/virtualizer.tsx
index 1467faa..0a837df 100644
--- a/packages/dashboard/src/components/layouts/virtualizer.tsx
+++ b/packages/dashboard/src/components/layouts/virtualizer.tsx
@@ -28,7 +28,7 @@ export function Virtualizer<TData extends unknown>(props: {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    overflowidth: "auto"
+                    overflowY: "auto"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/linkButton.tsx b/packages/dashboard/src/components/linkButton.tsx
new file mode 100644
index 0000000..7e652c4
--- /dev/null
+++ b/packages/dashboard/src/components/linkButton.tsx
@@ -0,0 +1,49 @@
+import { Link } from "@tanstack/react-router"
+import type { ComponentProps, ReactNode } from "react"
+import type { ValidParams, ValidRoutes } from "../routes/platformRouter.js"
+import { css, cx } from "../utilities/cn.js"
+
+
+/**
+ * LinkButton - a neutral container wrapping TanStack Router's Link
+ * Use with composition pattern (children)
+ * 
+ * @example
+ * <LinkButton to="/dashboard">
+ *   <ButtonContent variant="primary" text="Go to Dashboard" leftIcon={<IconHome />} />
+ * </LinkButton>
+ */
+export function LinkButton(props: {
+    to: ValidRoutes
+    params?: ValidParams
+    target?: ComponentProps<typeof Link>["target"]
+    rel?: ComponentProps<typeof Link>["rel"]
+    title?: string
+    disabled?: boolean
+    className?: string
+    children: ReactNode
+}) {
+    return (
+        <Link
+            to={props.to}
+            params={props.params}
+            target={props.target}
+            rel={props.rel}
+            className={cx(
+                css({
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    width: "fit-content",
+                    maxWidth: "100%",
+                    _disabled: { cursor: "not-allowed", pointerEvents: "none" },
+                }),
+                props.className
+            )}
+            aria-disabled={props.disabled}
+            title={props.title}
+        >
+            {props.children}
+        </Link>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
index a9fc8bd..30a66d9 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
@@ -17,13 +17,13 @@ export function DialogContent(props:
                     onClick={(e) => e.preventDefault()}
                     className={cx(
                         css({
-                            minwidth: "100%",
+                            minWidth: "100%",
                             width: "100%",
                             maxWidth: "md",
                             height: "fit",
                             maxH: "100%",
                             backgroundColor: "white",
-                            rounded: "md",
+                            borderRadius: "md",
                             display: "flex",
                             flexDirection: "column",
                             justifyContent: "flex-start",
@@ -38,7 +38,7 @@ export function DialogContent(props:
                                 animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
                             },
                             md: {
-                                minwidth: "md"
+                                minWidth: "md"
                             }
                         }),
                         props.className
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
index 1df1212..84e433e 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
@@ -1,6 +1,6 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import { HTMLAttributes } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogFooter(props:
@@ -11,7 +11,7 @@ export function DialogFooter(props:
             {...props}
             className={cx(
                 css({
-                    p: "4",
+                    padding: "4",
                     borderTop: "1px solid",
                     borderColor: "neutral/10",
                     display: "flex",
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
index 4747f55..3d33759 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
@@ -1,5 +1,5 @@
 
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
 import { HTMLAttributes } from "react"
@@ -18,7 +18,7 @@ export function DialogHeader(props:
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "center",
-                    p: "4"
+                    padding: "4"
                 }),
                 props.className
             )}
@@ -31,10 +31,16 @@ export function DialogHeader(props:
                 {props.children}
             </div>
             <DialogPrimitive.Close asChild>
-                <Button
-                    variant="invisible"
-                    icon={<IconX />}
-                />
+                <button
+                    type="button"
+                    aria-label="Fermer"
+                    className={css({ display: "flex", alignItems: "center" })}
+                >
+                    <ButtonContent
+                        variant="invisible"
+                        leftIcon={<IconX />}
+                    />
+                </button>
             </DialogPrimitive.Close>
         </div>
     )
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
index 1c7ea5a..3f05dd8 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
@@ -23,7 +23,7 @@ export function DialogOverlay(props:
                     flexDirection: "column",
                     justifyContent: "center",
                     alignItems: "center",
-                    p: "6",
+                    padding: "6",
                     backgroundColor: "neutral/20",
                     "&[data-state=open]": {
                         animation: "fadeIn 0.2s ease-out"
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
index 76a4e9f..ab6d10a 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
@@ -12,8 +12,8 @@ export function DrawerBody(props: {
             flexDirection: "column",
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            gap: "4",
-            p: "4"
+            gap: "1rem",
+            padding: "1rem"
         })}>
             {props.children}
         </div>
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index 6acb090..cdcadc6 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -17,11 +17,11 @@ export function DrawerContent(props:
                     width: "100%",
                     height: "100%",
                     display: "flex",
-                    justifyContent: "flex-end",
-                    alignItems: "center",
-                    overflowidth: "auto",
-                    p: "2",
-                    backgroundColor: "neutral/25",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "flex-end",
+                    padding: "1rem",
+                    backgroundColor: "neutral/10",
                     "&[data-state=open]": {
                         animation: "fadeIn 0.2s ease-out"
                     },
@@ -32,27 +32,22 @@ export function DrawerContent(props:
             >
                 <DialogPrimitive.Content
                     {...props}
-                    onClick={(e) => {
-                        e.stopPropagation()
-                    }}
+                    onClick={(e) => e.preventDefault()}
                     className={cx(
                         css({
-                            minwidth: "100%",
+                            minWidth: "100%",
                             width: "100%",
                             maxWidth: "100%",
                             height: "100%",
-                            overflowidth: "auto",
+                            overflowY: "auto",
                             backgroundColor: "white",
-                            rounded: "md",
+                            borderRadius: "md",
                             display: "flex",
                             flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
-                            border: "2px solid",
+                            border: "1px solid",
                             borderColor: "neutral/10",
-                            outline: "1px solid",
-                            outlineOffset: "-3px",
-                            outlineColor: "neutral/50",
                             transitionDuration: "200ms",
                             "&[data-state=open]": {
                                 animation: "fadeIn 0.2s ease-out, zoomIn 0.2s ease-out"
@@ -61,9 +56,8 @@ export function DrawerContent(props:
                                 animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
                             },
                             md: {
-                                minwidth: "md",
+                                minWidth: "md",
                                 maxWidth: "md",
-                                maxH: "100%"
                             }
                         }),
                         props.className
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
index 60985a7..32f5dba 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
@@ -1,5 +1,5 @@
 
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
 import { css } from "../../../utilities/cn.js"
@@ -13,11 +13,11 @@ export function DrawerHeader(props: {
             width: "100%",
             display: "flex",
             justifyContent: "space-between",
-            alignItems: "flex-start",
-            gap: "4",
+            alignItems: "center",
+            gap: "1rem",
             borderBottom: "1px solid",
-            borderColor: "neutral/5",
-            p: "4"
+            borderBottomColor: "neutral/10",
+            padding: "1rem"
         })}>
             <DialogPrimitive.Title>
                 {
@@ -31,10 +31,16 @@ export function DrawerHeader(props: {
                 }
             </DialogPrimitive.Title>
             <DialogPrimitive.Close asChild>
-                <Button
-                    variant="invisible"
-                    icon={<IconX />}
-                />
+                <button
+                    type="button"
+                    aria-label="Fermer"
+                    className={css({ display: "flex", alignItems: "center" })}
+                >
+                    <ButtonContent
+                        variant="invisible"
+                        leftIcon={<IconX />}
+                    />
+                </button>
             </DialogPrimitive.Close>
         </div>
     )
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
index 72ceb43..2703d5e 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
@@ -1,5 +1,4 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentProps } from "react"
 
@@ -10,10 +9,8 @@ export function DrawerTrigger(props:
     return (
         <DialogPrimitive.Trigger
             {...props}
-            className={cx(
-                css({ cursor: "pointer" }),
-                props.className
-            )}
+            className={props.className}
+            asChild
         >
             {props.children}
         </DialogPrimitive.Trigger>
diff --git a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
index da6766e..bb9aba0 100644
--- a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
+++ b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
@@ -17,16 +17,17 @@ export function PopoverContent(props: PopoverContent) {
                 className={cx(
                     css({
                         zIndex: "10",
+                        padding: "0.5rem",
                         backgroundColor: "white",
-                        rounded: "md",
-                        shadowidth: "md",
+                        borderRadius: "lg",
+                        boxShadow: "md",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "flex-start",
                         alignItems: "stretch",
-                        gap: "0",
-                        minwidth: "var(--radix-popover-trigger-width)",
-                        maxWidth: "var(--radix-popover-trigger-width)",
+                        gap: "0.5rem",
+                        minWidth: "var(--radix-popover-trigger-width)",
+                        // maxWidth: "var(--radix-popover-trigger-width)",
                         border: "1px solid",
                         borderColor: "neutral/10"
                     }),
diff --git a/packages/dashboard/src/components/overlays/toast/toastAction.tsx b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
index fa786d6..39a3163 100644
--- a/packages/dashboard/src/components/overlays/toast/toastAction.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
@@ -16,7 +16,7 @@ export function ToastAction(props:
                     flexShrink: "0",
                     alignItems: "center",
                     justifyContent: "center",
-                    rounded: "md",
+                    borderRadius: "md",
                     border: "1px solid",
                     backgroundColor: "transparent",
                     px: "3",
diff --git a/packages/dashboard/src/components/overlays/toast/toastClose.tsx b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
index 8f2d97f..f9a08d2 100644
--- a/packages/dashboard/src/components/overlays/toast/toastClose.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css, cx } from "../../../utilities/cn.js"
 import * as ToastPrimitives from "@radix-ui/react-toast"
 import { IconX } from "@tabler/icons-react"
@@ -24,10 +24,16 @@ export function ToastClose(props: ToastClose) {
             toast-close=""
             asChild
         >
-            <Button
-                variant="invisible"
-                icon={<IconX />}
-            />
+            <button
+                type="button"
+                aria-label="Fermer"
+                className={css({ display: "flex", alignItems: "center" })}
+            >
+                <ButtonContent
+                    variant="invisible"
+                    leftIcon={<IconX />}
+                />
+            </button>
         </ToastPrimitives.Close>
     )
 }
diff --git a/packages/dashboard/src/components/overlays/toast/toastContent.tsx b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
index 46c931c..9fd017d 100644
--- a/packages/dashboard/src/components/overlays/toast/toastContent.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
@@ -7,13 +7,13 @@ import { css, cx } from "../../../utilities/cn.js"
 const toastIcons = {
     error: (
         <div className={css({
-            p: "2",
+            padding: "1rem",
             width: "32px",
             height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            rounded: "sm",
+            borderRadius: "sm",
             backgroundColor: "error/10",
             border: "1px solid",
             borderColor: "error/50"
@@ -23,13 +23,13 @@ const toastIcons = {
     ),
     success: (
         <div className={css({
-            p: "2",
+            padding: "1rem",
             width: "32px",
             height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            rounded: "sm",
+            borderRadius: "sm",
             backgroundColor: "success/10",
             border: "1px solid",
             borderColor: "success"
@@ -39,13 +39,13 @@ const toastIcons = {
     ),
     warning: (
         <div className={css({
-            p: "2",
+            padding: "1rem",
             width: "32px",
             height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            rounded: "sm",
+            borderRadius: "sm",
             backgroundColor: "warning/10",
             border: "1px solid",
             borderColor: "warning"
@@ -55,13 +55,13 @@ const toastIcons = {
     ),
     information: (
         <div className={css({
-            p: "2",
+            padding: "1rem",
             width: "32px",
             height: "32px",
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            rounded: "sm",
+            borderRadius: "sm",
             backgroundColor: "information/10",
             border: "1px solid",
             borderColor: "information"
@@ -95,8 +95,8 @@ export function ToastContent(props: ToastContent) {
                     alignItems: "center",
                     justifyContent: "flex-start",
                     gap: "4",
-                    p: "2",
-                    rounded: "md",
+                    padding: "1rem",
+                    borderRadius: "md",
                     border: "1px solid",
                     borderColor: "neutral/10",
                     backgroundColor: "white",
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index 762044b..fe8d01b 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -19,7 +19,7 @@ export function ToastViewport(props: ToastViewport) {
                     width: "100%",
                     flexDirection: "column-reverse",
                     gap: "1",
-                    p: "4",
+                    padding: "4",
                     right: "0",
                     sm: {
                         top: "auto",
diff --git a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
index 1b82962..643437c 100644
--- a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
+++ b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
@@ -12,9 +12,9 @@ export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Con
             className={cx(
                 css({
                     zIndex: "50",
-                    overflowidth: "auto",
+                    overflowY: "auto",
                     maxWidth: "xs",
-                    rounded: "md",
+                    borderRadius: "md",
                     backgroundColor: "white",
                     px: "4",
                     py: "3",
diff --git a/packages/dashboard/src/features/breadcrumbs.tsx b/packages/dashboard/src/features/breadcrumbs.tsx
index f3537d4..99a58a5 100644
--- a/packages/dashboard/src/features/breadcrumbs.tsx
+++ b/packages/dashboard/src/features/breadcrumbs.tsx
@@ -1,71 +1,78 @@
+import { readOneOrganizationRouteDefinition, readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
-import { css } from "../utilities/cn.js"
 import { IconSlash } from "@tabler/icons-react"
-import { Link, useRouterState } from "@tanstack/react-router"
+import { useRouterState } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
+import { LinkButton } from "../components/linkButton.js"
+import { css } from "../utilities/cn.js"
+import { useDataFromAPI } from "../utilities/useHTTPData.js"
 
 
 export function Breadcrumbs() {
     const routerState = useRouterState()
     const currentMatch = routerState.matches.at(-1)
-    const params = currentMatch?.params ?? {}
+    const params = currentMatch?.params as Record<string, string> | undefined
+
+    const idOrganization = params?.idOrganization ?? null
+    const idYear = params?.idYear ?? null
 
-    const idOrganization = ("idOrganization" in params)
-        ? String(params.idOrganization)
-        : null
+    const organizationQuery = useDataFromAPI({
+        routeDefinition: readOneOrganizationRouteDefinition,
+        body: { idOrganization: idOrganization ?? "" },
+        enabled: idOrganization !== null,
+    })
 
-    const idYear = ("idYear" in params)
-        ? String(params.idYear)
-        : null
+    const yearQuery = useDataFromAPI({
+        routeDefinition: readOneYearRouteDefinition,
+        body: {
+            idOrganization: idOrganization ?? "",
+            idYear: idYear ?? "",
+        },
+        enabled: idOrganization !== null && idYear !== null,
+    })
+
+    const organizationName = organizationQuery.data?.name ?? idOrganization
+    const yearName = yearQuery.data?.label ?? idYear
 
     if (idOrganization === null) {
-        return (null)
+        return null
     }
+
     return (
         <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "1" })}>
-            {
-                (idOrganization === null)
-                    ? (null)
-                    : (
-                        <Link
-                            to="/organisations/$idOrganization"
-                            params={{
-                                idOrganization: idOrganization,
-                            }}
-                        >
-                            <ButtonContent
-                                variant="invisible"
-                                text={idOrganization}
-                                isActive={(idYear === null)}
-                            />
-                        </Link>
-                    )
-            }
-            {
-                (idYear === null)
-                    ? (null)
-                    : (
-                        <Fragment>
-                            <IconSlash
-                                size={16}
-                                className={css({ stroke: "neutral/25" })}
-                            />
-                            <Link
-                                to="/organisations/$idOrganization/exercices/$idYear/écritures"
-                                params={{
-                                    idOrganization: idOrganization,
-                                    idYear: idYear,
-                                }}
-                            >
-                                <ButtonContent
-                                    variant="invisible"
-                                    text={idYear}
-                                    isActive={true}
-                                />
-                            </Link>
-                        </Fragment>
-                    )
-            }
+            <LinkButton
+                to="/dashboard/organisations/$idOrganization"
+                params={{
+                    idOrganization: idOrganization,
+                }}
+            >
+                <ButtonContent
+                    variant="invisible"
+                    text={organizationName ?? ""}
+                // isActive={idYear === null}
+                />
+            </LinkButton>
+            {idYear !== null && (
+                <Fragment>
+                    <IconSlash
+                        size={16}
+                        className={css({ stroke: "neutral/25" })}
+                    />
+                    <LinkButton
+                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures"
+                        params={{
+                            idOrganization: idOrganization,
+                            idYear: idYear,
+                        }}
+                    >
+                        <ButtonContent
+                            variant="invisible"
+                            text={yearName ?? ""}
+                        // isActive={true}
+                        />
+                    </LinkButton>
+                </Fragment>
+            )}
         </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index 2e36e54..8230d38 100644
--- a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -1,8 +1,9 @@
 import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { IconAbacus, IconBook2, IconLifebuoy, IconLogout, IconUser } from "@tabler/icons-react"
-import { Link, Outlet } from "@tanstack/react-router"
-import { Dropdown } from "../../components/layouts/dropdownMenu/dropdown.js"
+import { Button, ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { IconBook2, IconBuildings, IconLifebuoy, IconLogout, IconUser } from "@tabler/icons-react"
+import { Outlet } from "@tanstack/react-router"
+import { LinkButton } from "../../components/linkButton.js"
+import { Popover } from "../../components/overlays/popover/popover.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
@@ -12,97 +13,84 @@ import { Breadcrumbs } from "../breadcrumbs.js"
 
 export function DashboardLayout() {
     return (
-        <div className={css({ position: "relative", minH: "100%", height: "fit-content", width: "100%", maxWidth: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "stretch", overflowidth: "auto" })}>
-            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "2", p: "4" })}>
-                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                    <Link
-                        to="/"
-                    >
-                        <ButtonContent
-                            variant="invisible"
-                            leftIcon={<IconAbacus />}
-                        />
-                    </Link>
-                    {/* <span>
-                        Arrhes
-                    </span> */}
-                    <Breadcrumbs />
-                </div>
-                <div
-                    className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}
-                >
-                    <Link
-                        to="/documentation"
-                        className={css({ width: "fit-content" })}
-                        aria-label="Documentation"
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconBook2 />}
-                            text="Documentation"
-                        />
-                    </Link>
-                    <Dropdown.Root>
-                        <Dropdown.Trigger
-                            className={css({ width: "100%" })}
+        <div className={css({
+            width: "100%",
+            minHeight: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "start",
+            alignItems: "stretch",
+            backgroundColor: "background"
+        })}>
+            {/* Header */}
+            <header className={css({
+                width: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "center",
+                padding: "1rem",
+                borderBottom: "1px solid",
+                borderColor: "neutral/8",
+                backgroundColor: "white",
+            })}>
+                <div className={css({
+                    width: "100%",
+                    maxWidth: "xl",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "1rem",
+                })}>
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}>
+                        <LinkButton to="/dashboard">
+                            <Logo withText />
+                        </LinkButton>
+                        <span className={css({ color: "neutral/20" })}>/</span>
+                        <Breadcrumbs />
+                    </div>
+                    <nav className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}>
+                        <LinkButton
+                            to="/documentation"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            title="Documentation"
                         >
                             <ButtonContent
-                                variant="default"
-                                leftIcon={<IconUser />}
-                                className={css({ width: "100%" })}
+                                variant="invisible"
+                                leftIcon={<IconBook2 />}
                             />
-                        </Dropdown.Trigger>
-                        <Dropdown.Content
-                            align="end"
+                        </LinkButton>
+                        <LinkButton
+                            to="/dashboard/organisations"
+                            title="Organisations"
                         >
-                            {/* <Link
-                                        to="/dashboard/settings"
-                                    >
-                                        <Menubar.Item>
-                                            <ButtonGhostContent
-                                                icon={<IconSettings />}
-                                                text="Settings"
-                                                className={css({ width: "100%" })}
-                                            />
-                                        </Menubar.Item>
-                                    </Link> */}
-                            {/* <Link
-                                        to="/dashboard/subscription"
-                                    >
-                                        <Menubar.Item>
-                                            <ButtonGhostContent
-                                                icon={<IconRosetteDiscountCheck />}
-                                                text="Subscription"
-                                                className={css({ width: "100%" })}
-                                            />
-                                        </Menubar.Item>
-                                    </Link> */}
-                            {/* <Dropdown.Item>
-                                <Link
-                                    to="/paramètres"
-                                    className={css({ width: "100%" })}
-                                >
-                                    <ButtonGhostContent
-                                        icon={<IconSettings />}
-                                        text="Paramètres"
-                                        className={css({ width: "100%" })}
-                                    />
-                                </Link>
-                            </Dropdown.Item> */}
-                            {/* <Dropdown.Item>
-                                <Link
-                                    to="/organisations"
-                                    className={css({ width: "100%" })}
+                            <ButtonContent
+                                variant="default"
+                                leftIcon={<IconBuildings />}
+                            />
+                        </LinkButton>
+                        <Popover.Root>
+                            <Popover.Trigger asChild>
+                                <Button
+                                    title="Utilisateur"
                                 >
-                                    <ButtonGhostContent
-                                        icon={<IconBuilding />}
-                                        text="Organisations"
-                                        className={css({ width: "100%" })}
+                                    <ButtonContent
+                                        variant="default"
+                                        leftIcon={<IconUser />}
                                     />
-                                </Link>
-                            </Dropdown.Item> */}
-                            <Dropdown.Item>
-                                <Link
+                                </Button>
+                            </Popover.Trigger>
+                            <Popover.Content align="end">
+                                <LinkButton
                                     to="/dashboard/support"
                                     className={css({ width: "100%" })}
                                 >
@@ -110,17 +98,11 @@ export function DashboardLayout() {
                                         variant="invisible"
                                         leftIcon={<IconLifebuoy />}
                                         text="Support"
-                                        className={css({ width: "100%" })}
+                                        className={css({ width: "100%", justifyContent: "start" })}
                                     />
-                                </Link>
-                            </Dropdown.Item>
-                            <Dropdown.Separator />
-                            <Dropdown.Item asChild>
+                                </LinkButton>
+                                <Separator />
                                 <Button
-                                    variant="invisible"
-                                    icon={<IconLogout />}
-                                    text="Se déconnecter"
-                                    color="error"
                                     className={css({ width: "100%" })}
                                     onClick={async () => {
                                         await postAPI({
@@ -134,13 +116,41 @@ export function DashboardLayout() {
                                             reloadDocument: true,
                                         })
                                     }}
-                                />
-                            </Dropdown.Item>
-                        </Dropdown.Content>
-                    </Dropdown.Root>
+                                >
+                                    <ButtonContent
+                                        variant="invisible"
+                                        leftIcon={<IconLogout />}
+                                        text="Se déconnecter"
+                                        color="error"
+                                        className={css({ width: "100%", justifyContent: "start" })}
+                                    />
+                                </Button>
+                            </Popover.Content>
+                        </Popover.Root>
+                    </nav>
+                </div>
+            </header>
+
+            {/* Main content */}
+            <div className={css({
+                width: "100%",
+                flex: "1",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "center",
+                backgroundColor: "white",
+            })}>
+                <div className={css({
+                    width: "100%",
+                    // maxWidth: "xl",
+                    flex: "1",
+                    display: "flex",
+                    flexDirection: "column",
+                })}>
+                    <Outlet />
                 </div>
             </div>
-            <Outlet />
         </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
index 42d0023..69e1088 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
@@ -1,6 +1,7 @@
 import { IconCalendarEvent, IconSettings } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-import { PageLayout } from "../../../../components/layouts/pageLayout.tsx"
+import { Outlet, useParams } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
+import { PageNavigation } from "../../../../components/layouts/page/pageNavigation.tsx"
 import { organizationLayoutRoute } from "../../../../routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.tsx"
 
 
@@ -8,25 +9,28 @@ export function OrganizationLayout() {
     const params = useParams({ from: organizationLayoutRoute.id })
 
     return (
-        <PageLayout
-            tabs={[
-                {
-                    label: "Exercices fiscaux",
-                    icon: <IconCalendarEvent />,
-                    to: "/organisations/$idOrganization/exercices",
-                    params: {
-                        idOrganization: params.idOrganization,
+        <Fragment>
+            <PageNavigation
+                tabs={[
+                    {
+                        label: "Exercices fiscaux",
+                        icon: <IconCalendarEvent />,
+                        to: "/dashboard/organisations/$idOrganization/exercices",
+                        params: {
+                            idOrganization: params.idOrganization,
+                        },
                     },
-                },
-                {
-                    label: "Paramètres",
-                    icon: <IconSettings />,
-                    to: "/organisations/$idOrganization/paramètres",
-                    params: {
-                        idOrganization: params.idOrganization,
-                    },
-                }
-            ]}
-        />
+                    {
+                        label: "Paramètres",
+                        icon: <IconSettings />,
+                        to: "/dashboard/organisations/$idOrganization/paramètres",
+                        params: {
+                            idOrganization: params.idOrganization,
+                        },
+                    }
+                ]}
+            />
+            <Outlet />
+        </Fragment>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
index ebf86e1..0c77ba7 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
@@ -1,6 +1,6 @@
 import { deleteOneOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -40,7 +40,7 @@ export function DeleteOneOrganization(props: {
 
         toast({ title: "Organisation supprimée", variant: "success" })
 
-        platformRouter.navigate({ to: "/organisations" })
+        platformRouter.navigate({ to: "/dashboard/organisations" })
         setOpen(false)
     }
 
@@ -66,7 +66,7 @@ export function DeleteOneOrganization(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette organisation ?
                             </Dialog.Title>
@@ -77,19 +77,12 @@ export function DeleteOneOrganization(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer l'organisation"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'organisation" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
index bf4314c..4825d75 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
@@ -16,13 +16,13 @@ export function OrganizationSettingsLayout() {
                         {
                             label: "Général",
                             icon: <IconSettings />,
-                            to: "/organisations/$idOrganization/paramètres",
+                            to: "/dashboard/organisations/$idOrganization/paramètres",
                             params: { idOrganization: params.idOrganization, }
                         },
                         {
                             label: "Membres",
                             icon: <IconUsers />,
-                            to: "/organisations/$idOrganization/paramètres/membres",
+                            to: "/dashboard/organisations/$idOrganization/paramètres/membres",
                             params: { idOrganization: params.idOrganization, }
                         },
                     ]}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index c779b4d..5d54108 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -24,7 +24,7 @@ export function OrganizationSettingsPage() {
                 return (
                     <Box>
                         <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <span>
                                     Modifier les informations de l'organisation
                                 </span>
@@ -38,7 +38,7 @@ export function OrganizationSettingsPage() {
                                     />
                                 </UpdateOneOrganization>
                             </div>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4" })}>
                                 <span>
                                     Supprimer l'organisation
                                 </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
index eb696ab..25aa7b5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
@@ -1,6 +1,6 @@
 import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -63,7 +63,7 @@ export function DeleteOneOrganizationUser(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer l'utilisateur de cette organisation ?
                             </Dialog.Title>
@@ -72,19 +72,12 @@ export function DeleteOneOrganizationUser(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer l'utilisateur"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'utilisateur" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
index ce087ec..81b2f86 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
@@ -40,7 +40,7 @@ export function UpdateOneOrganizationUser(props: {
                         schema={updateOneOrganizationUserRouteDefinition.schemas.body}
                         defaultValues={props.organizationUser}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier l'utilisateur",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
index a65c4d1..7087743 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
@@ -44,7 +44,7 @@ export function CreateOneOrganizationUser(props: {
                             isAdmin: false,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter l'utilisateur",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
index a4832e9..cff7ed0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
@@ -28,7 +28,7 @@ export function OrganizationUsersTable(props: {
                         return (
                             <FormatNull
                                 text="Aucune organisation"
-                                className={css({ p: "4" })}
+                                className={css({ padding: "4" })}
                             />
                         )
                     }
@@ -38,7 +38,7 @@ export function OrganizationUsersTable(props: {
                                 return (
                                     <div
                                         key={organizationUser.id}
-                                        className={css({ width: "100%", p: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
+                                        className={css({ width: "100%", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
                                     >
                                         <span>
                                             {organizationUser.user.email}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
index 54401b0..c3f2a06 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/updateOneOrganization.tsx
@@ -40,7 +40,7 @@ export function UpdateOneOrganization(props: {
                         schema={updateOneOrganizationRouteDefinition.schemas.body}
                         defaultValues={props.organization}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier l'organisation",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
index 54f7668..d71a5f7 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentFile.tsx
@@ -37,7 +37,7 @@ export function AttachmentFile(props: {
     return (
         <embed
             title={props.attachment.reference}
-            className={css({ width: "100%", minH: "fit", height: "768px", maxH: "768px", border: "1px solid", borderColor: "neutral/20", rounded: "md", p: "4" })}
+            className={css({ width: "100%", minH: "fit", height: "768px", maxH: "768px", border: "1px solid", borderColor: "neutral/20", borderRadius: "md", padding: "4" })}
             src={attachmentSignedUrlResponse.data.url}
             type={props.attachment.type ?? undefined}
         />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
index 798b243..7b75ad5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
@@ -1,8 +1,9 @@
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
 import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatFileSize } from "../../../../../../../../components/formats/formatFileSize.tsx"
 import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
@@ -33,8 +34,8 @@ export function AttachmentPage() {
                             <Section.Root>
                                 <Section.Item>
                                     <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                        <Link
-                                            to="/organisations/$idOrganization/exercices/$idYear/fichiers"
+                                        <LinkButton
+                                            to="/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers"
                                             params={{
                                                 idOrganization: attachment.idOrganization,
                                                 idYear: attachment.idYear,
@@ -45,25 +46,24 @@ export function AttachmentPage() {
                                                 leftIcon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
-                                        </Link>
+                                        </LinkButton>
                                     </div>
                                     <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                         <UpdateOneAttachment
                                             attachment={attachment}
                                         >
-                                            <Button
+                                            <ButtonContent
                                                 variant="primary"
-                                                icon={<IconPencil />}
+                                                leftIcon={<IconPencil />}
                                                 text="Modifier"
                                             />
                                         </UpdateOneAttachment>
                                         <DeleteOneAttachment
                                             attachment={attachment}
                                         >
-                                            <Button
+                                            <ButtonContent
                                                 variant="default"
-                                                icon={<IconTrash />}
-                                                title="Supprimer"
+                                                leftIcon={<IconTrash />}
                                                 color="error"
                                             />
                                         </DeleteOneAttachment>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
index ca2516f..df8b3c5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
@@ -1,6 +1,6 @@
 import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneAttachment(props: {
         toast({ title: "Fichier supprimé", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/fichiers",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers",
             params: {
                 idOrganization: props.attachment.idOrganization,
                 idYear: props.attachment.idYear
@@ -76,7 +76,7 @@ export function DeleteOneAttachment(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce fichier ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneAttachment(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer le fichier"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le fichier" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
index a550ce2..690794a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/updateOneAttachment.tsx
@@ -49,7 +49,7 @@ export function UpdateOneAttachment(props: {
                             idAttachment: props.attachment.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier le fichier",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
new file mode 100644
index 0000000..6ddbe53
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
@@ -0,0 +1,204 @@
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ButtonContent } from "@arrhes/ui"
+import { IconFile, IconFileTypePdf, IconPhoto, IconPlus } from "@tabler/icons-react"
+import { useState } from "react"
+import * as v from "valibot"
+import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
+import { FormatFileSize } from "../../../../../../../components/formats/formatFileSize.js"
+import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
+import { InputDebounced } from "../../../../../../../components/inputs/inputDebounced.js"
+import { InputText } from "../../../../../../../components/inputs/inputText.js"
+import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { css, cx } from "../../../../../../../utilities/cn.js"
+import { CreateOneAttachment } from "./createOneAttachment.js"
+
+
+function getFileIcon(type: string | null) {
+    if (!type) return <IconFile size={48} />
+    if (type.startsWith("image/")) return <IconPhoto size={48} />
+    if (type === "application/pdf") return <IconFileTypePdf size={48} />
+    return <IconFile size={48} />
+}
+
+
+function getFileIconColor(type: string | null) {
+    if (!type) return "neutral/40"
+    if (type.startsWith("image/")) return "blue.500"
+    if (type === "application/pdf") return "red.500"
+    return "neutral/40"
+}
+
+
+export function AttachmentsGrid(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+    idYear: v.InferOutput<typeof returnedSchemas.year>["id"]
+    attachments: Array<v.InferOutput<typeof returnedSchemas.attachment>>
+}) {
+    const [filter, setFilter] = useState("")
+
+    const filteredAttachments = props.attachments
+        .filter((attachment) => {
+            if (!filter) return true
+            const searchLower = filter.toLowerCase()
+            return (
+                attachment.reference.toLowerCase().includes(searchLower) ||
+                attachment.label?.toLowerCase().includes(searchLower) ||
+                attachment.type?.toLowerCase().includes(searchLower)
+            )
+        })
+        .sort((a, b) => b.date.localeCompare(a.date))
+
+    return (
+        <div className={css({
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: "4"
+        })}>
+            {/* Header with search and add button */}
+            <div className={css({
+                width: "100%",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: "4"
+            })}>
+                <InputDebounced
+                    value={filter}
+                    onChange={(value) => setFilter(value)}
+                >
+                    <InputText
+                        placeholder="Recherche"
+                        className={css({ maxWidth: "320px" })}
+                    />
+                </InputDebounced>
+                <CreateOneAttachment
+                    idOrganization={props.idOrganization}
+                    idYear={props.idYear}
+                >
+                    <ButtonContent
+                        variant="primary"
+                        leftIcon={<IconPlus />}
+                        text="Ajouter un fichier"
+                    />
+                </CreateOneAttachment>
+            </div>
+
+            {/* Grid of files */}
+            {filteredAttachments.length === 0 ? (
+                <FormatNull
+                    text="Aucun fichier"
+                    className={css({ padding: "8", textAlign: "center" })}
+                />
+            ) : (
+                <div className={css({
+                    width: "100%",
+                    display: "grid",
+                    gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
+                    gap: "4"
+                })}>
+                    {filteredAttachments.map((attachment) => (
+                        <div
+                            key={attachment.id}
+                            onClick={() => {
+                                platformRouter.navigate({
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
+                                    params: {
+                                        idOrganization: props.idOrganization,
+                                        idYear: props.idYear,
+                                        idAttachment: attachment.id
+                                    }
+                                })
+                            }}
+                            className={cx(
+                                css({
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "center",
+                                    gap: "2",
+                                    padding: "4",
+                                    borderRadius: "lg",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    backgroundColor: "white",
+                                    cursor: "pointer",
+                                    transition: "all 0.15s",
+                                    _hover: {
+                                        borderColor: "primary/30",
+                                        backgroundColor: "primary/5",
+                                        transform: "translateY(-2px)",
+                                        boxShadow: "sm"
+                                    }
+                                })
+                            )}
+                        >
+                            {/* File icon */}
+                            <div className={css({
+                                width: "80px",
+                                height: "80px",
+                                display: "flex",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                borderRadius: "lg",
+                                backgroundColor: "neutral/5"
+                            })}>
+                                <div className={css({ color: getFileIconColor(attachment.type) })}>
+                                    {getFileIcon(attachment.type)}
+                                </div>
+                            </div>
+
+                            {/* File info */}
+                            <div className={css({
+                                width: "100%",
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                gap: "1",
+                                textAlign: "center"
+                            })}>
+                                <span className={css({
+                                    width: "100%",
+                                    fontSize: "sm",
+                                    fontWeight: "medium",
+                                    color: "neutral",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap"
+                                })}>
+                                    {attachment.reference}
+                                </span>
+                                {attachment.label && (
+                                    <span className={css({
+                                        width: "100%",
+                                        fontSize: "xs",
+                                        color: "neutral/60",
+                                        overflow: "hidden",
+                                        textOverflow: "ellipsis",
+                                        whiteSpace: "nowrap"
+                                    })}>
+                                        {attachment.label}
+                                    </span>
+                                )}
+                                <div className={css({
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "2",
+                                    fontSize: "xs",
+                                    color: "neutral/40"
+                                })}>
+                                    <FormatDate date={attachment.date} />
+                                    {attachment.size && (
+                                        <>
+                                            <span>-</span>
+                                            <FormatFileSize size={attachment.size} />
+                                        </>
+                                    )}
+                                </div>
+                            </div>
+                        </div>
+                    ))}
+                </div>
+            )}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index 39d3185..e79f3ae 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -1,17 +1,76 @@
-import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes";
-import { useParams } from "@tanstack/react-router";
-import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js";
-import { Page } from "../../../../../../../components/layouts/page/page.js";
-import { attachmentsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js";
-import { AttachmentsTable } from "./attachmentsTable.js";
+import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { IconLayoutGrid, IconLayoutList } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { useState } from "react"
+import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
+import { Page } from "../../../../../../../components/layouts/page/page.js"
+import { attachmentsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
+import { css } from "../../../../../../../utilities/cn.js"
+import { AttachmentsGrid } from "./attachmentsGrid.js"
+import { AttachmentsTable } from "./attachmentsTable.js"
+
+
+type ViewMode = "grid" | "list"
 
 
 export function AttachmentsPage() {
     const params = useParams({ from: attachmentsLayoutRoute.id })
+    const [viewMode, setViewMode] = useState<ViewMode>("grid")
 
     return (
         <Page.Root>
             <Page.Content>
+                {/* View toggle */}
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                    gap: "1",
+                    mb: "4"
+                })}>
+                    <button
+                        onClick={() => setViewMode("grid")}
+                        className={css({
+                            padding: "1rem",
+                            borderRadius: "md",
+                            border: "1px solid",
+                            borderColor: viewMode === "grid" ? "primary" : "neutral/10",
+                            backgroundColor: viewMode === "grid" ? "primary/10" : "transparent",
+                            color: viewMode === "grid" ? "primary" : "neutral/60",
+                            cursor: "pointer",
+                            transition: "all 0.15s",
+                            _hover: {
+                                borderColor: "primary/50",
+                                backgroundColor: "primary/5"
+                            }
+                        })}
+                        title="Vue grille"
+                    >
+                        <IconLayoutGrid size={18} />
+                    </button>
+                    <button
+                        onClick={() => setViewMode("list")}
+                        className={css({
+                            padding: "1rem",
+                            borderRadius: "md",
+                            border: "1px solid",
+                            borderColor: viewMode === "list" ? "primary" : "neutral/10",
+                            backgroundColor: viewMode === "list" ? "primary/10" : "transparent",
+                            color: viewMode === "list" ? "primary" : "neutral/60",
+                            cursor: "pointer",
+                            transition: "all 0.15s",
+                            _hover: {
+                                borderColor: "primary/50",
+                                backgroundColor: "primary/5"
+                            }
+                        })}
+                        title="Vue liste"
+                    >
+                        <IconLayoutList size={18} />
+                    </button>
+                </div>
+
                 <DataWrapper
                     routeDefinition={readAllAttachmentsRouteDefinition}
                     body={{
@@ -20,6 +79,15 @@ export function AttachmentsPage() {
                     }}
                 >
                     {(attachments) => {
+                        if (viewMode === "grid") {
+                            return (
+                                <AttachmentsGrid
+                                    idOrganization={params.idOrganization}
+                                    idYear={params.idYear}
+                                    attachments={attachments}
+                                />
+                            )
+                        }
                         return (
                             <AttachmentsTable
                                 idOrganization={params.idOrganization}
@@ -32,4 +100,4 @@ export function AttachmentsPage() {
             </Page.Content>
         </Page.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
index fb9779c..b90dcca 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
@@ -74,7 +74,7 @@ export function AttachmentsTable(props: {
             ]}
             onRowClick={(row) => {
                 platformRouter.navigate({
-                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
+                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
                     params: {
                         idOrganization: props.idOrganization,
                         idYear: props.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
index 7f718ed..3ea9400 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/createOneAttachment.tsx
@@ -50,7 +50,7 @@ export function CreateOneAttachment(props: {
                             idYear: props.idYear,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter le fichier",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
index 4e7d554..9934a45 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
@@ -1,6 +1,6 @@
 import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -13,7 +13,7 @@ import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneRecordRow(props: {
-    recordRowidth: v.InferOutput<typeof returnedSchemas.recordRow>
+    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
     const [open, setOpen] = useState(false)
@@ -22,7 +22,7 @@ export function DeleteOneRecordRow(props: {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneRecordRowRouteDefinition,
             body: {
-                idRecordRowidth: props.recordRow.id,
+                idRecordRow: props.recordRow.id,
                 idOrganization: props.recordRow.idOrganization,
                 idYear: props.recordRow.idYear,
             }
@@ -45,7 +45,7 @@ export function DeleteOneRecordRow(props: {
         toast({ title: "Écriture supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
             params: {
                 idOrganization: props.recordRow.idOrganization,
                 idYear: props.recordRow.idYear,
@@ -78,7 +78,7 @@ export function DeleteOneRecordRow(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce mouvement ?
                             </Dialog.Title>
@@ -89,19 +89,12 @@ export function DeleteOneRecordRow(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer le mouvement"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le mouvement" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
index cfc28fc..2da0df5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
@@ -1,9 +1,10 @@
 import { readOneAccountRouteDefinition, readOneRecordRowRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatBoolean } from "../../../../../../../../../components/formats/formatBoolean.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
 import { FormatPrice } from "../../../../../../../../../components/formats/formatPrice.tsx"
@@ -29,7 +30,7 @@ export function RecordRowPage() {
                     body={{
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
-                        idRecordRowidth: params.idRecordRow,
+                        idRecordRow: params.idRecordRow,
                     }}
                 >
                     {(recordRow) => {
@@ -37,8 +38,8 @@ export function RecordRowPage() {
                             <Section.Root>
                                 <Section.Item>
                                     <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
-                                        <Link
-                                            to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord"
+                                        <LinkButton
+                                            to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord"
                                             params={{
                                                 idOrganization: recordRow.idOrganization,
                                                 idYear: recordRow.idYear,
@@ -50,24 +51,23 @@ export function RecordRowPage() {
                                                 leftIcon={<IconChevronLeft />}
                                                 text="Retour"
                                             />
-                                        </Link>
+                                        </LinkButton>
                                         <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                             <UpdateOneRecordRow
                                                 recordRow={recordRow}
                                             >
-                                                <Button
+                                                <ButtonContent
                                                     variant="primary"
-                                                    icon={<IconPencil />}
+                                                    leftIcon={<IconPencil />}
                                                     text="Modifier"
                                                 />
                                             </UpdateOneRecordRow>
                                             <DeleteOneRecordRow
                                                 recordRow={recordRow}
                                             >
-                                                <Button
+                                                <ButtonContent
                                                     variant="default"
-                                                    icon={<IconTrash />}
-                                                    title="Supprimer"
+                                                    leftIcon={<IconTrash />}
                                                     color="error"
                                                 />
                                             </DeleteOneRecordRow>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
index d58f7e3..4b7e935 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/updateOneRecordRow.tsx
@@ -22,7 +22,7 @@ import { postAPI } from "../../../../../../../../../utilities/postAPI.ts"
 
 
 export function UpdateOneRecordRow(props: {
-    recordRowidth: v.InferOutput<typeof returnedSchemas.recordRow>
+    recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
     children: JSX.Element
 }) {
     const [open, setOpen] = useState(false)
@@ -44,10 +44,10 @@ export function UpdateOneRecordRow(props: {
                         schema={updateOneRecordRowRouteDefinition.schemas.body}
                         defaultValues={{
                             ...props.recordRow,
-                            idRecordRowidth: props.recordRow.id,
+                                    idRecordRow: props.recordRow.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier le mouvement",
                         }}
                         onSubmit={async (data) => {
@@ -80,7 +80,7 @@ export function UpdateOneRecordRow(props: {
                                 body: {
                                     idOrganization: props.recordRow.idOrganization,
                                     idYear: props.recordRow.idYear,
-                                    idRecordRowidth: props.recordRow.id,
+                            idRecordRow: props.recordRow.id,
                                 },
                             })
 
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
index e4a7874..6acbb0e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/createOneRecordRow.tsx
@@ -53,7 +53,7 @@ export function CreateOneRecordRow(props: {
                             isComputedForIncomeStatementReport: true,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter le mouvement",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
index faa6f36..788a09e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
@@ -1,6 +1,6 @@
 import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneRecord(props: {
         toast({ title: "Écriture supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/écritures",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures",
             params: {
                 idOrganization: props.record.idOrganization,
                 idYear: props.record.idYear
@@ -76,7 +76,7 @@ export function DeleteOneRecord(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette écriture ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneRecord(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer l'écriture"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'écriture" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
index 26b8324..01ceae5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/duplicateOneRecord.tsx
@@ -1,6 +1,6 @@
 import { duplicateOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconCopyCheck } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DuplicateOneRecord(props: {
         toast({ title: "Écriture dupliquée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
             params: {
                 idOrganization: props.record.idOrganization,
                 idYear: props.record.idYear,
@@ -86,18 +86,12 @@ export function DuplicateOneRecord(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconCopyCheck />}
-                                onClick={() => onSubmit()}
-                                text="Dupliquer l'écriture"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconCopyCheck />} text="Dupliquer l'écriture" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
index 99c54a7..f52fc19 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
@@ -2,7 +2,7 @@ import { readAllRecordRowsRouteDefinition, readOneAttachmentRouteDefinition, rea
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconCopyCheck, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDate } from "../../../../../../../../components/formats/formatDate.tsx"
 import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
@@ -14,6 +14,7 @@ import { DataWrapper } from "../../../../../../../../components/layouts/dataWrap
 import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
+import { LinkButton } from "../../../../../../../../components/linkButton.js"
 import { recordRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx"
 import { compareAmounts } from "../../../../../../../../utilities/compareAmounts.ts"
 import { DeleteOneRecord } from "./deleteOneRecord.tsx"
@@ -59,8 +60,8 @@ export function RecordPage() {
                                         <Section.Root>
                                             <Section.Item>
                                                 <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "2" })}>
-                                                    <Link
-                                                        to="/organisations/$idOrganization/exercices/$idYear/écritures"
+                                                    <LinkButton
+                                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures"
                                                         params={{
                                                             idOrganization: params.idOrganization,
                                                             idYear: params.idYear,
@@ -71,7 +72,7 @@ export function RecordPage() {
                                                             leftIcon={<IconChevronLeft />}
                                                             text="Retour"
                                                         />
-                                                    </Link>
+                                                    </LinkButton>
                                                     <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                                         <UpdateOneRecord
                                                             record={record}
@@ -117,7 +118,7 @@ export function RecordPage() {
                                                     </div>
                                                 </div>
                                             </Section.Item>
-                                            <Section.Item className={css({ p: "0" })}>
+                                            <Section.Item className={css({ padding: "0" })}>
                                                 {
                                                     (record.idAttachment === null)
                                                         ? (null)
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
index 7a85ff8..17f771d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
@@ -1,15 +1,15 @@
 import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconEdit, IconEye, IconPencil, IconPlus } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
 import { FormatDateTime } from "../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatPrice } from "../../../../../../../../components/formats/formatPrice.tsx"
 import { FormatText } from "../../../../../../../../components/formats/formatText.tsx"
 import { DataTable } from "../../../../../../../../components/layouts/dataTable.tsx"
 import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
 import { UpdateOneRecordRow } from "./$idRecordRow/updateOneRecordRow.tsx"
 import { CreateOneRecordRow } from "./createOneRecordRow.tsx"
 import { UpdateManyRecordRows } from "./updateManyRecordRows.tsx"
@@ -33,19 +33,19 @@ export function RecordRowsTable(props: {
                             <UpdateOneRecordRow
                                 recordRow={row.original}
                             >
-                                <Button
+                                <ButtonContent
                                     variant="invisible"
-                                    icon={<IconPencil />}
+                                    leftIcon={<IconPencil />}
                                     text={undefined}
                                 />
                             </UpdateOneRecordRow>
-                            <Link
-                                to="/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow"
+                            <LinkButton
+                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow"
                                 params={{
                                     idOrganization: props.record.idOrganization,
                                     idYear: props.record.idYear,
                                     idRecord: row.original.idRecord,
-                                    idRecordRowidth: row.original.id
+                                    idRecordRow: row.original.id
                                 }}
                             >
                                 <ButtonContent
@@ -53,7 +53,7 @@ export function RecordRowsTable(props: {
                                     leftIcon={<IconEye />}
                                     text={undefined}
                                 />
-                            </Link>
+                            </LinkButton>
                         </div>
                     ),
                     filterFn: 'includesString'
@@ -82,7 +82,7 @@ export function RecordRowsTable(props: {
                         >
                             {(account) => (
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "flex-start", gap: "2" })}>
-                                    <FormatText className={css({ overflowidth: "visible" })}>
+                                    <FormatText className={css({ overflow: "visible" })}>
                                         {account.number}
                                     </FormatText>
                                     <FormatText wrap={true} className={css({ color: "neutral/50" })}>
@@ -127,12 +127,12 @@ export function RecordRowsTable(props: {
             ]}
             onRowClick={(row) => {
                 // platformRouter.navigate({
-                //     to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow",
+                //     to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow",
                 //     params: {
                 //         idOrganization: props.record.idOrganization,
                 //         idYear: props.record.idYear,
                 //         idRecord: row.original.idRecord,
-                //         idRecordRowidth: row.original.id
+                //         idRecordRow: row.original.id
                 //     }
                 // })
             }}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
index bc53ca1..1bb408a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateManyRecordRows.tsx
@@ -46,7 +46,7 @@ export function UpdateManyRecordRows(props: {
                             idRecord: props.record.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier les mouvements",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
index de3c324..a34e0d8 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/updateOneRecord.tsx
@@ -45,7 +45,7 @@ export function UpdateOneRecord(props: {
                             idRecord: props.record.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier l'écriture",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
index 38e86e5..66848e3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/createOneRecord.tsx
@@ -49,7 +49,7 @@ export function CreateOneRecord(props: {
                             idJournal: null,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter l'écriture",
                         }}
                         onSubmit={async (data) => {
@@ -64,7 +64,7 @@ export function CreateOneRecord(props: {
 
                             toast({ title: "Écriture ajoutée avec succès", variant: "success" })
                             platformRouter.navigate({
-                                to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
                                 params: {
                                     idOrganization: props.idOrganization,
                                     idYear: props.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 6f7bd27..2675155 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -10,7 +10,7 @@ import { DataTable } from "../../../../../../../components/layouts/dataTable.js"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { platformRouter } from "../../../../../../../routes/platformRouter.js"
-import { recordsRoute } from "../../../../../../../routes/root/docs/accounting/recordsRoute.js"
+import { recordsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
 import { CreateOneRecord } from "./createOneRecord.js"
 
 
@@ -148,7 +148,7 @@ export function RecordsPage() {
                                 ]}
                                 onRowClick={(row) => {
                                     platformRouter.navigate({
-                                        to: "/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
+                                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
                                         params: {
                                             idOrganization: row.original.idOrganization,
                                             idYear: row.original.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
index 8ca189a..90af4d9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
@@ -122,7 +122,7 @@ export function BalanceReportTable(props: {
                             return (
                                 <Table.Body.Row key={account.id} className={css({ borderColor: "neutral/5" })}>
                                     <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                        <FormatText className={css({ overflowidth: "visible" })}>
+                                        <FormatText className={css({ overflow: "visible" })}>
                                             {account.number}
                                         </FormatText>
                                         <FormatText wrap={true} className={css({ color: "neutral/50" })}>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
index d6d0602..e1ab866 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
@@ -1,5 +1,5 @@
 import { readAllAccountsRouteDefinition, readAllBalanceSheetsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
@@ -52,17 +52,16 @@ export function BalanceSheetReportPage() {
                                                             idOrganization={params.idOrganization}
                                                             idYear={params.idYear}
                                                         >
-                                                            <Button
-                                                                icon={<IconDownload />}
+                                                            <ButtonContent
+                                                                leftIcon={<IconDownload />}
                                                                 text="Télécharger en pdf"
-                                                                hasLoader={true}
                                                                 variant="default"
                                                             />
                                                         </DownloadBalanceSheetReport>
                                                     </div>
                                                     <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
                                                         <Box className={css({ gap: "4" })}>
-                                                            <TitleComponent className={css({ p: "4" })}>
+                                                            <TitleComponent className={css({ padding: "4" })}>
                                                                 Actif
                                                             </TitleComponent>
                                                             <BalanceSheetAssetsReportTable
@@ -72,7 +71,7 @@ export function BalanceSheetReportPage() {
                                                             />
                                                         </Box>
                                                         <Box className={css({ gap: "4" })}>
-                                                            <TitleComponent className={css({ p: "4" })}>
+                                                            <TitleComponent className={css({ padding: "4" })}>
                                                                 Passif
                                                             </TitleComponent>
                                                             <BalanceSheetLiabilitiesReportTable
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
index 154acf9..a59e19d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
@@ -1,5 +1,5 @@
 import { readAllAccountsRouteDefinition, readAllComputationIncomeStatementsRouteDefinition, readAllComputationsRouteDefinition, readAllIncomeStatementsRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconDownload } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
@@ -68,10 +68,9 @@ export function IncomeStatementReportPage() {
                                                                                     idOrganization={params.idOrganization}
                                                                                     idYear={params.idYear}
                                                                                 >
-                                                                                    <Button
-                                                                                        icon={<IconDownload />}
+                                                                                    <ButtonContent
+                                                                                        leftIcon={<IconDownload />}
                                                                                         text="Télécharger en pdf"
-                                                                                        hasLoader={true}
                                                                                         variant="default"
                                                                                     />
                                                                                 </DownloadIncomeStatementReport>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
index e5295a0..cef57b2 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
@@ -160,7 +160,7 @@ export function JournalReportTable(props: {
                                                             >
                                                                 {(account) => (
                                                                     <Fragment>
-                                                                        <FormatText className={css({ overflowidth: "visible" })}>
+                                                                        <FormatText className={css({ overflow: "visible" })}>
                                                                             {account.number}
                                                                         </FormatText>
                                                                         <FormatText wrap={true} className={css({ color: "neutral/50" })}>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
index da97b11..f4701bb 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
@@ -92,7 +92,7 @@ export function LedgerReportTable(props: {
                                 >
                                     <Table.Body.Row className={css({ borderColor: "neutral/10", backgroundColor: "background" })}>
                                         <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                            <FormatText className={css({ overflowidth: "visible" })}>
+                                            <FormatText className={css({ overflow: "visible" })}>
                                                 {account.number}
                                             </FormatText>
                                             <FormatText wrap={true} className={css({ color: "neutral/50" })}>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
index af5fd50..448574b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
@@ -16,7 +16,7 @@ export function ReportsLayout() {
                         {
                             label: "Livre-journal",
                             icon: <IconListNumbers />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -25,7 +25,7 @@ export function ReportsLayout() {
                         {
                             label: "Grand livre",
                             icon: <IconListDetails />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -34,7 +34,7 @@ export function ReportsLayout() {
                         {
                             label: "Balance",
                             icon: <IconScale />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/documents/balance",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -43,7 +43,7 @@ export function ReportsLayout() {
                         {
                             label: "Bilan",
                             icon: <IconFileReport />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/documents/bilan",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -52,7 +52,7 @@ export function ReportsLayout() {
                         {
                             label: "Compte de résultat",
                             icon: <IconFileDiff />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
index 5280239..5fc33f3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
@@ -1,19 +1,19 @@
 import { IconFolders, IconPencil, IconReport, IconSettings } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
+import { PageNavigation } from "../../../../../../components/layouts/page/pageNavigation.tsx"
 import { yearLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx"
-import { PageLayout } from "../../../../../../components/layouts/pageLayout.tsx"
 
 
 export function YearLayout() {
     const params = useParams({ from: yearLayoutRoute.id })
 
     return (
-        <PageLayout
+        <PageNavigation
             tabs={[
                 {
                     label: "Écritures",
                     icon: <IconPencil />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/écritures",
+                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures",
                     params: {
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
@@ -22,7 +22,7 @@ export function YearLayout() {
                 {
                     label: "Stockage de fichiers",
                     icon: <IconFolders />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/fichiers",
+                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers",
                     params: {
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
@@ -31,7 +31,7 @@ export function YearLayout() {
                 {
                     label: "Documents comptables",
                     icon: <IconReport />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/documents",
+                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents",
                     params: {
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
@@ -40,7 +40,7 @@ export function YearLayout() {
                 {
                     label: "Paramètres",
                     icon: <IconSettings />,
-                    to: "/organisations/$idOrganization/exercices/$idYear/paramètres",
+                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
                     params: {
                         idOrganization: params.idOrganization,
                         idYear: params.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
index 4132f30..93addc4 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
@@ -2,9 +2,10 @@ import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/rout
 import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { FormatBoolean } from "../../../../../../../../../components/formats/formatBoolean.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
@@ -34,8 +35,8 @@ export function AccountPage() {
                         <Fragment>
                             <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                    <Link
-                                        to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes"
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes"
                                         params={{
                                             idOrganization: account.idOrganization,
                                             idYear: account.idYear,
@@ -46,27 +47,30 @@ export function AccountPage() {
                                             leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
-                                    </Link>
+                                    </LinkButton>
                                 </div>
                                 <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneAccount
                                         account={account}
                                     >
-                                        <Button
-                                            variant="primary"
-                                            icon={<IconPencil />}
-                                            text="Modifier"
-                                        />
+                                        <Button title="Modifier">
+                                            <ButtonContent
+                                                variant="primary"
+                                                leftIcon={<IconPencil />}
+                                                text="Modifier"
+                                            />
+                                        </Button>
                                     </UpdateOneAccount>
                                     <DeleteOneAccount
                                         account={account}
                                     >
-                                        <Button
-                                            variant="default"
-                                            icon={<IconTrash />}
-                                            title="Supprimer"
-                                            color="error"
-                                        />
+                                        <Button title="Supprimer">
+                                            <ButtonContent
+                                                variant="default"
+                                                leftIcon={<IconTrash />}
+                                                color="error"
+                                            />
+                                        </Button>
                                     </DeleteOneAccount>
                                 </div>
                             </Section.Item>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
index b41462d..799d8a1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
@@ -1,6 +1,6 @@
 import { deleteOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneAccount(props: {
         toast({ title: "Compte supprimé", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
             params: {
                 idOrganization: props.account.idOrganization,
                 idYear: props.account.idYear
@@ -76,7 +76,7 @@ export function DeleteOneAccount(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce compte ?
                             </Dialog.Title>
@@ -87,19 +87,20 @@ export function DeleteOneAccount(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer le compte"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent
+                                    variant="invisible"
+                                    text="Annuler"
+                                />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconTrash />}
+                                    color="error"
+                                    text="Supprimer le compte"
+                                />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
index b2970e5..a15619b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/updateOneAccount.tsx
@@ -46,7 +46,7 @@ export function UpdateOneAccount(props: {
                             idAccount: props.account.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier le compte",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
index 43a1a44..52a62b3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
@@ -47,7 +47,7 @@ export function AccountItem(props: {
     return (
         <Fragment>
             <Link
-                to="/organisations/$idOrganization/exercices/$idYear/paramètres/comptes/$idAccount"
+                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes/$idAccount"
                 params={{
                     idOrganization: props.idOrganization,
                     idYear: props.idYear,
@@ -56,7 +56,7 @@ export function AccountItem(props: {
                 className={css({ width: "100%" })}
             >
                 <div
-                    className={css({ minwidth: "fit", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottomWidth: "1px", borderColor: "neutral/5", _last: { borderBottomWidth: "0" } })}
+                    className={css({ minWidth: "fit", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottomWidth: "1px", borderColor: "neutral/5", _last: { borderBottomWidth: "0" } })}
                 // style={{
                 //     paddingLeft: `${(1 + props.level) * 12}px`
                 // }}
@@ -76,7 +76,7 @@ export function AccountItem(props: {
                                 />
                             )
                     }
-                    <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                    <div className={css({ padding: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                         <span className={cx(
                             css({ color: "neutral", fontSize: "xs", lineHeight: "none" }),
                             props.account.isMandatory ? css({ fontWeight: "bold" }) : ""
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
index 69fdb8b..cf9bde1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
@@ -4,7 +4,7 @@ import { IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { Box } from "../../../../../../../../components/layouts/box.tsx"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
-import { accountsRoute } from "../../../../../../../../routes/root/docs/accounting/accountsRoute.tsx"
+import { accountsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsRoute.tsx"
 import { AccountsTable } from "./accountsTable.tsx"
 import { CreateOneAccount } from "./createOneAccount.tsx"
 import { GenerateAccounts } from "./generateAccounts.tsx"
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index 170f5a4..27ad540 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -43,7 +43,7 @@ export function AccountsTable(props: {
                     .sort((a, b) => a.account.number.toString().localeCompare(b.account.number.toString()))
 
                 return (
-                    <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
+                    <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
@@ -60,7 +60,7 @@ export function AccountsTable(props: {
                                     : (
                                         <FormatNull
                                             text="Aucun compte n'a été trouvé"
-                                            className={css({ p: "2" })}
+                                            className={css({ padding: "1rem" })}
                                         />
                                     )
                             }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
index ff50f65..a0de4d5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/createOneAccount.tsx
@@ -50,7 +50,7 @@ export function CreateOneAccount(props: {
                             type: "balance-sheet",
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter le compte",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
index 5c548e8..8d991df 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/generateAccounts.tsx
@@ -46,7 +46,7 @@ export function GenerateAccounts(props: {
                             isReplicatingAccounts: false,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Générer les comptes",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
index 5e647d5..a4b0acf 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
@@ -1,9 +1,10 @@
 import { readOneBalanceSheetRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
@@ -31,8 +32,8 @@ export function BalanceSheetPage() {
                     <Section.Root>
                         <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <Link
-                                    to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
+                                <LinkButton
+                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
                                     params={{
                                         idOrganization: balanceSheet.idOrganization,
                                         idYear: balanceSheet.idYear,
@@ -43,25 +44,24 @@ export function BalanceSheetPage() {
                                         leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
-                                </Link>
+                                </LinkButton>
                             </div>
                             <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneBalanceSheet
                                     balanceSheet={balanceSheet}
                                 >
-                                    <Button
+                                    <ButtonContent
                                         variant="primary"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneBalanceSheet>
                                 <DeleteOneBalanceSheet
                                     balanceSheet={balanceSheet}
                                 >
-                                    <Button
+                                    <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
-                                        title="Supprimer"
+                                        leftIcon={<IconTrash />}
                                         color="error"
                                     />
                                 </DeleteOneBalanceSheet>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
index 13209d8..eabea39 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
@@ -1,6 +1,6 @@
 import { deleteOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneBalanceSheet(props: {
         toast({ title: "Ligne de bilan supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
             params: {
                 idOrganization: props.balanceSheet.idOrganization,
                 idYear: props.balanceSheet.idYear
@@ -76,7 +76,7 @@ export function DeleteOneBalanceSheet(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de bilan ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneBalanceSheet(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer la ligne de bilan"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de bilan" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
index 1723825..a609e85 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/updateOneBalanceSheet.tsx
@@ -45,7 +45,7 @@ export function UpdateOneBalanceSheet(props: {
                             idBalanceSheet: props.balanceSheet.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier la ligne de bilan",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
index 27dd7d9..f2f32f1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
@@ -21,7 +21,7 @@ export function BalanceSheetRow(props: {
 
     return (
         <Link
-            to="/organisations/$idOrganization/exercices/$idYear/paramètres/bilan/$idBalanceSheet"
+            to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan/$idBalanceSheet"
             params={{
                 idOrganization: props.idOrganization,
                 idYear: props.idYear,
@@ -31,7 +31,7 @@ export function BalanceSheetRow(props: {
         >
             <div
                 className={css({
-                    minwidth: "fit-content",
+                    minWidth: "fit-content",
                     width: "100%",
                     display: "flex",
                     justifyContent: "flex-start",
@@ -65,7 +65,7 @@ export function BalanceSheetRow(props: {
                             />
                         )
                 }
-                <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                <div className={css({ padding: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                     <span className={css({
                         color: "neutral",
                         fontSize: "xs",
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
index 6590f31..7cb1328 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
@@ -51,7 +51,7 @@ export function BalanceSheetTable(props: {
                                     : (
                                         <FormatNull
                                             text="Aucune ligne de bilan n'a été trouvée"
-                                            className={css({ p: "2" })}
+                                            className={css({ padding: "1rem" })}
                                         />
                                     )
                             }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
index 18f6d75..ae278c0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
@@ -18,7 +18,7 @@ export function BalanceSheetsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ minwidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneBalanceSheet
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
@@ -51,7 +51,7 @@ export function BalanceSheetsPage() {
                     </ConnectAccountsToBalanceSheets>
                 </div>
                 <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
-                    <Box className={css({ p: "4", gap: "4", maxH: "[640px]" })}>
+                    <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
                         <TitleComponent>
                             Actif
                         </TitleComponent>
@@ -61,7 +61,7 @@ export function BalanceSheetsPage() {
                             filter={(balanceSheet) => balanceSheet.side === "asset"}
                         />
                     </Box>
-                    <Box className={css({ p: "4", gap: "4", maxH: "[640px]" })}>
+                    <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
                         <TitleComponent>
                             Passif
                         </TitleComponent>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
index 5753371..1bbb955 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/connectAccountsToBalanceSheets.tsx
@@ -1,6 +1,6 @@
 import { connectAccountsToBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function ConnectAccountsToBalanceSheets(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous connecter les comptes aux lignes de bilan par défault ?
                             </Dialog.Title>
@@ -45,16 +45,10 @@ export function ConnectAccountsToBalanceSheets(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: connectAccountsToBalanceSheetsRouteDefinition,
@@ -81,9 +75,10 @@ export function ConnectAccountsToBalanceSheets(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Connecter les comptes aux lignes de bilan"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Connecter les comptes aux lignes de bilan" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
index 4fda562..f0ef60c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/createOneBalanceSheet.tsx
@@ -48,7 +48,7 @@ export function CreateOneBalanceSheet(props: {
                             side: "asset",
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter la ligne de bilan",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
index 3d36296..c07a0b4 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/generateBalanceSheets.tsx
@@ -1,6 +1,6 @@
 import { generateBalanceSheetsRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function GenerateBalanceSheets(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les lignes de bilan par défaut ?
                             </Dialog.Title>
@@ -47,16 +47,10 @@ export function GenerateBalanceSheets(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: generateBalanceSheetsRouteDefinition,
@@ -83,9 +77,10 @@ export function GenerateBalanceSheets(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Générer les lignes de bilan"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Générer les lignes de bilan" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
index 2db6dac..4d2b39b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
@@ -1,6 +1,6 @@
 import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -42,7 +42,7 @@ export function DeleteOneYear(props: {
         toast({ title: "Exercice supprimé", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices",
+            to: "/dashboard/organisations/$idOrganization/exercices",
             params: {
                 idOrganization: props.year.idOrganization
             }
@@ -72,7 +72,7 @@ export function DeleteOneYear(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cet exercice ?
                             </Dialog.Title>
@@ -83,19 +83,12 @@ export function DeleteOneYear(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer l'exercice"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'exercice" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
index bd7e087..38646f5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
@@ -1,6 +1,6 @@
 import { deleteOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneIncomeStatement(props: {
         toast({ title: "Ligne de compte de résultat supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
             params: {
                 idOrganization: props.incomeStatement.idOrganization,
                 idYear: props.incomeStatement.idYear
@@ -76,7 +76,7 @@ export function DeleteOneIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneIncomeStatement(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer la ligne de compte de résultat"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de compte de résultat" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
index e64dfe2..51cbf42 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
@@ -1,9 +1,10 @@
 import { readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
@@ -31,8 +32,8 @@ export function IncomeStatementPage() {
                     <Section.Root>
                         <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <Link
-                                    to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
+                                <LinkButton
+                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
                                     params={{
                                         idOrganization: incomeStatement.idOrganization,
                                         idYear: incomeStatement.idYear,
@@ -43,25 +44,24 @@ export function IncomeStatementPage() {
                                         leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
-                                </Link>
+                                </LinkButton>
                             </div>
                             <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneIncomeStatement
                                     incomeStatement={incomeStatement}
                                 >
-                                    <Button
+                                    <ButtonContent
                                         variant="primary"
-                                        icon={<IconPencil />}
+                                        leftIcon={<IconPencil />}
                                         text="Modifier"
                                     />
                                 </UpdateOneIncomeStatement>
                                 <DeleteOneIncomeStatement
                                     incomeStatement={incomeStatement}
                                 >
-                                    <Button
+                                    <ButtonContent
                                         variant="default"
-                                        icon={<IconTrash />}
-                                        title="Supprimer"
+                                        leftIcon={<IconTrash />}
                                         color="error"
                                     />
                                 </DeleteOneIncomeStatement>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
index 2f7c7e4..a1a2c06 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/updateOneIncomeStatement.tsx
@@ -44,7 +44,7 @@ export function UpdateOneIncomeStatement(props: {
                             idIncomeStatement: props.incomeStatement.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier la ligne de compte de résultat",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
index 676f49b..22ecd3f 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
@@ -1,10 +1,11 @@
 import { readOneComputationIncomeStatementRouteDefinition, readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { FormatDateTime } from "../../../../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../../../../components/formats/formatText.tsx"
 import { Chip } from "../../../../../../../../../../../../components/layouts/chip.tsx"
 import { DataBlock } from "../../../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
@@ -34,8 +35,8 @@ export function ComputationIncomeStatementPage() {
                         <Fragment>
                             <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                    <Link
-                                        to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
                                         params={{
                                             idOrganization: params.idOrganization,
                                             idYear: params.idYear,
@@ -46,25 +47,24 @@ export function ComputationIncomeStatementPage() {
                                             leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
-                                    </Link>
+                                    </LinkButton>
                                 </div>
                                 <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneComputationIncomeStatement
                                         computationIncomeStatement={computationIncomeStatement}
                                     >
-                                        <Button
+                                        <ButtonContent
                                             variant="primary"
-                                            icon={<IconPencil />}
+                                            leftIcon={<IconPencil />}
                                             text="Modifier"
                                         />
                                     </UpdateOneComputationIncomeStatement>
                                     <DeleteOneComputationIncomeStatement
                                         computationIncomeStatement={computationIncomeStatement}
                                     >
-                                        <Button
+                                        <ButtonContent
                                             variant="default"
-                                            icon={<IconTrash />}
-                                            title="Supprimer"
+                                            leftIcon={<IconTrash />}
                                             color="error"
                                         />
                                     </DeleteOneComputationIncomeStatement>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
index 7d81edd..117dc9c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
@@ -1,6 +1,6 @@
 import { deleteOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneComputationIncomeStatement(props: {
         toast({ title: "Ligne de compte de résultat supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
             params: {
                 idOrganization: props.computationIncomeStatement.idOrganization,
                 idYear: props.computationIncomeStatement.idYear
@@ -76,7 +76,7 @@ export function DeleteOneComputationIncomeStatement(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de compte de résultat ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneComputationIncomeStatement(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer la ligne de compte de résultat"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de compte de résultat" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
index e6a3a3a..24b0835 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/updateOneComputationIncomeStatement.tsx
@@ -44,7 +44,7 @@ export function UpdateOneComputationIncomeStatement(props: {
                             idComputationIncomeStatement: props.computationIncomeStatement.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier le terme du calcul",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
index 2d5edaa..776d72a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
@@ -1,6 +1,6 @@
 import { readAllComputationIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
 import { FormatDateTime } from "../../../../../../../../../../../components/formats/formatDateTime.tsx"
@@ -70,7 +70,7 @@ export function ComputationIncomeStatementsTable(props: {
                         ]}
                         onRowClick={(row) => {
                             platformRouter.navigate({
-                                to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation/$idComputationIncomeStatement",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation/$idComputationIncomeStatement",
                                 params: {
                                     idOrganization: row.original.idOrganization,
                                     idYear: row.original.idYear,
@@ -83,9 +83,9 @@ export function ComputationIncomeStatementsTable(props: {
                         <CreateOneComputationIncomeStatement
                             computation={props.computation}
                         >
-                            <Button
+                            <ButtonContent
                                 variant="primary"
-                                icon={<IconPlus />}
+                                leftIcon={<IconPlus />}
                                 text="Ajouter"
                             />
                         </CreateOneComputationIncomeStatement>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
index 0c4219b..acfff0a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/createOneComputationIncomeStatement.tsx
@@ -45,7 +45,7 @@ export function CreateOneComputationIncomeStatement(props: {
                             operation: "plus",
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter le terme du calcul",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
index 0a9d843..d35774c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
@@ -1,10 +1,11 @@
 import { readOneComputationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { FormatDateTime } from "../../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../../components/layouts/dataWrapper.tsx"
@@ -34,8 +35,8 @@ export function ComputationPage() {
                         <Fragment>
                             <Section.Item className={css({ flexDirection: "row" })}>
                                 <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                    <Link
-                                        to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs"
                                         params={{
                                             idOrganization: params.idOrganization,
                                             idYear: params.idYear,
@@ -46,25 +47,24 @@ export function ComputationPage() {
                                             leftIcon={<IconChevronLeft />}
                                             text="Retour"
                                         />
-                                    </Link>
+                                    </LinkButton>
                                 </div>
                                 <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                     <UpdateOneComputation
                                         computation={computation}
                                     >
-                                        <Button
+                                        <ButtonContent
                                             variant="primary"
-                                            icon={<IconPencil />}
+                                            leftIcon={<IconPencil />}
                                             text="Modifier"
                                         />
                                     </UpdateOneComputation>
                                     <DeleteOneComputation
                                         computation={computation}
                                     >
-                                        <Button
+                                        <ButtonContent
                                             variant="default"
-                                            icon={<IconTrash />}
-                                            title="Supprimer"
+                                            leftIcon={<IconTrash />}
                                             color="error"
                                         />
                                     </DeleteOneComputation>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
index 69d0d95..c49216d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
@@ -1,6 +1,6 @@
 import { deleteOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneComputation(props: {
         toast({ title: "Ligne de calcul supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
             params: {
                 idOrganization: props.computation.idOrganization,
                 idYear: props.computation.idYear
@@ -76,7 +76,7 @@ export function DeleteOneComputation(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette ligne de calcul ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneComputation(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer la ligne de calcul"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de calcul" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
index aae12c4..9b7e78c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/updateOneComputation.tsx
@@ -43,7 +43,7 @@ export function UpdateOneComputation(props: {
                             idComputation: props.computation.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier la ligne de calcul",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
index b2b2da9..cc57f7a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
@@ -28,11 +28,11 @@ export function ComputationsTable(props: {
                     )
                 }
                 return (
-                    <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4" })}>
+                    <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4" })}>
                         {computations.map((computation) => (
                             <Link
                                 key={computation.id}
-                                to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation"
+                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation"
                                 params={{
                                     idComputation: computation.id,
                                     idOrganization: props.idOrganization,
@@ -40,7 +40,7 @@ export function ComputationsTable(props: {
                                 }}
                                 className={css({ width: "100%" })}
                             >
-                                <div className={css({ p: "2", minwidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}>
+                                <div className={css({ padding: "1rem", minWidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}>
                                     <span className={css({ color: "neutral", fontSize: "xs", lineHeight: "none" })}>
                                         {computation.number}
                                     </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
index 1069e12..9f72cbf 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/createOneComputation.tsx
@@ -44,7 +44,7 @@ export function CreateOneComputation(props: {
                             idYear: props.idYear,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter la ligne de calcul",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
index f8b4c26..8d4f622 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/generateComputations.tsx
@@ -1,6 +1,6 @@
 import { generateComputationsRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function GenerateComputations(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les lignes de calcul par défaut ?
                             </Dialog.Title>
@@ -47,16 +47,10 @@ export function GenerateComputations(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: generateComputationsRouteDefinition,
@@ -83,9 +77,10 @@ export function GenerateComputations(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Générer les lignes de calcul"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Générer les lignes de calcul" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
index db271fc..061bd0b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/connectAccountsToIncomeStatements.tsx
@@ -1,6 +1,6 @@
 import { connectAccountsToIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function ConnectAccountsToIncomeStatements(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous connecter les comptes aux lignes de compte de résultat par défault ?
                             </Dialog.Title>
@@ -45,16 +45,10 @@ export function ConnectAccountsToIncomeStatements(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: connectAccountsToIncomeStatementsRouteDefinition,
@@ -81,9 +75,10 @@ export function ConnectAccountsToIncomeStatements(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Connecter les comptes aux lignes de compte de résultat"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Connecter les comptes aux lignes de compte de résultat" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
index 53300c3..5727ec8 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/createOneIncomeStatement.tsx
@@ -46,7 +46,7 @@ export function CreateOneIncomeStatement(props: {
                             idIncomeStatementParent: null,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter la ligne de compte de résultat",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
index 6990796..de15ee6 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/generateIncomeStatement.tsx
@@ -1,6 +1,6 @@
 import { generateIncomeStatementsRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function GenerateIncomeStatements(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les lignes de compte de résultat par défaut ?
                             </Dialog.Title>
@@ -47,16 +47,10 @@ export function GenerateIncomeStatements(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: generateIncomeStatementsRouteDefinition,
@@ -83,9 +77,10 @@ export function GenerateIncomeStatements(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Générer les lignes de compte de résultat"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Générer les lignes de compte de résultat" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
index 13e78f2..246f31b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
@@ -21,7 +21,7 @@ export function IncomeStatementRow(props: {
 
     return (
         <Link
-            to="/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/$idIncomeStatement"
+            to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/$idIncomeStatement"
             params={{
                 idOrganization: props.idOrganization,
                 idYear: props.idYear,
@@ -30,7 +30,7 @@ export function IncomeStatementRow(props: {
             className={css({ width: "100%" })}
         >
             <div
-                className={css({ minwidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}
+                className={css({ minWidth: "fit-content", width: "100%", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2", _hover: { backgroundColor: "neutral/5" }, borderBottom: "1px solid", borderColor: "neutral/5", _last: { borderBottom: "0" } })}
             // style={{
             //     paddingLeft: `${(1 + props.level) * 12}px`
             // }}
@@ -47,7 +47,7 @@ export function IncomeStatementRow(props: {
                             />
                         )
                 }
-                <div className={css({ p: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                <div className={css({ padding: "1", display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
                     <span className={css({ color: "neutral", fontSize: "xs", lineHeight: "1" })}>
                         {props.incomeStatement.number}
                     </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
index a6ac84d..537cc92 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
@@ -20,7 +20,7 @@ export function IncomeStatementsPage() {
     return (
         <Section.Root>
             <Section.Item>
-                <div className={css({ minwidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
                     <CreateOneIncomeStatement
                         idOrganization={params.idOrganization}
                         idYear={params.idYear}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
index 5ee8976..1a2fe11 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
@@ -32,7 +32,7 @@ export function IncomeStatementsTable(props: {
                     .sort((a, b) => Number(a.number) - Number(b.number))
 
                 return (
-                    <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", p: "4", gap: "4" })}>
+                    <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4", gap: "4" })}>
                         <InputDebounced
                             value={globalFilter ?? ""}
                             onChange={(value) => setGlobalFilter(value ?? "")}
@@ -49,7 +49,7 @@ export function IncomeStatementsTable(props: {
                                     : (
                                         <FormatNull
                                             text="Aucune ligne de compte de résultat n'a été trouvée"
-                                            className={css({ p: "2" })}
+                                            className={css({ padding: "1rem" })}
                                         />
                                     )
                             }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
index 7a1ead5..7670bbc 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
@@ -1,6 +1,6 @@
 import { deleteOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneJournal(props: {
         toast({ title: "Journal supprimé", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
             params: {
                 idOrganization: props.journal.idOrganization,
                 idYear: props.journal.idYear
@@ -76,7 +76,7 @@ export function DeleteOneJournal(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer ce journal ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneJournal(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer le journal"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le journal" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
index 30a15c9..deefa1e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
@@ -2,8 +2,9 @@ import { readOneJournalRouteDefinition } from "@arrhes/application-metadata/rout
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
@@ -31,8 +32,8 @@ export function JournalPage() {
                     <Section.Root>
                         <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <Link
-                                    to="/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
+                                <LinkButton
+                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
                                     params={{
                                         idOrganization: journal.idOrganization,
                                         idYear: journal.idYear,
@@ -43,7 +44,7 @@ export function JournalPage() {
                                         leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
-                                </Link>
+                                </LinkButton>
                             </div>
                             <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneJournal
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
index a947bc8..2a85b94 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/updateOneJournal.tsx
@@ -43,7 +43,7 @@ export function UpdateOneJournal(props: {
                             idJournal: props.journal.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier le journal",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
index d701d48..36861f5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/createOneJournal.tsx
@@ -44,7 +44,7 @@ export function CreateOneJournal(props: {
                             idYear: props.idYear,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter le journal",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
index b0a4b51..1ee5fa6 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/generateJournals.tsx
@@ -1,6 +1,6 @@
 import { generateJournalsRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconRefresh } from "@tabler/icons-react"
 import { JSX, useState } from "react"
@@ -36,7 +36,7 @@ export function GenerateJournals(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous générer les journaux par défaut ?
                             </Dialog.Title>
@@ -47,16 +47,10 @@ export function GenerateJournals(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
+                            <Button onClick={() => { setOpen(false) }}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
                             <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => {
-                                    setOpen(false)
-                                }}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconRefresh />}
                                 onClick={async () => {
                                     const response = await postAPI({
                                         routeDefinition: generateJournalsRouteDefinition,
@@ -83,9 +77,10 @@ export function GenerateJournals(props: {
                                     setOpen(false)
                                     return true
                                 }}
-                                text="Générer les journaux"
                                 hasLoader
-                            />
+                            >
+                                <ButtonContent variant="primary" leftIcon={<IconRefresh />} text="Générer les journaux" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index 6449f4b..bdd7f27 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -55,7 +55,7 @@ export function JournalsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucun journal"
-                                        className={css({ p: "2" })}
+                                        className={css({ padding: "1rem" })}
                                     />
                                 )
                             }
@@ -65,13 +65,13 @@ export function JournalsPage() {
                                         sortedJournals.map((journal) => (
                                             <Link
                                                 key={journal.id}
-                                                to="/organisations/$idOrganization/exercices/$idYear/paramètres/journaux/$idJournal"
+                                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux/$idJournal"
                                                 params={{
                                                     idOrganization: params.idOrganization,
                                                     idYear: params.idYear,
                                                     idJournal: journal.id
                                                 }}
-                                                className={css({ width: "100%", p: "2", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
+                                                className={css({ width: "100%", padding: "1rem", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${journal.label} (${journal.code})`}
                                             </Link>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
index 7f24eab..45fe9f3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
@@ -1,6 +1,6 @@
 import { deleteOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button } from "@arrhes/ui"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconTrash } from "@tabler/icons-react"
 import { ComponentPropsWithRef, ReactElement, useState } from "react"
@@ -44,7 +44,7 @@ export function DeleteOneRecordLabel(props: {
         toast({ title: "Catégorie supprimée", variant: "success" })
 
         platformRouter.navigate({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
             params: {
                 idOrganization: props.recordLabel.idOrganization,
                 idYear: props.recordLabel.idYear
@@ -76,7 +76,7 @@ export function DeleteOneRecordLabel(props: {
                 : (
                     <Dialog.Content>
                         <Dialog.Header />
-                        <div className={css({ p: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
+                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
                             <Dialog.Title>
                                 Voulez-vous supprimer cette catégorie ?
                             </Dialog.Title>
@@ -87,19 +87,12 @@ export function DeleteOneRecordLabel(props: {
                             </Dialog.Description>
                         </div>
                         <Dialog.Footer>
-                            <Button
-                                variant="invisible"
-                                text="Annuler"
-                                onClick={() => onCancel()}
-                            />
-                            <Button
-                                variant="primary"
-                                icon={<IconTrash />}
-                                color="error"
-                                onClick={() => onSubmit()}
-                                text="Supprimer la catégorie"
-                                hasLoader
-                            />
+                            <Button onClick={() => onCancel()}>
+                                <ButtonContent variant="invisible" text="Annuler" />
+                            </Button>
+                            <Button onClick={() => onSubmit()} hasLoader>
+                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la catégorie" />
+                            </Button>
                         </Dialog.Footer>
                     </Dialog.Content>
                 )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
index 50affde..abe9e6d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
@@ -2,8 +2,9 @@ import { readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
+import { useParams } from "@tanstack/react-router"
 import { FormatDateTime } from "../../../../../../../../../components/formats/formatDateTime.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 import { FormatText } from "../../../../../../../../../components/formats/formatText.tsx"
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
@@ -31,8 +32,8 @@ export function RecordLabelPage() {
                     <Section.Root>
                         <Section.Item className={css({ flexDirection: "row" })}>
                             <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <Link
-                                    to="/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
+                                <LinkButton
+                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
                                     params={{
                                         idOrganization: recordLabel.idOrganization,
                                         idYear: recordLabel.idYear,
@@ -43,7 +44,7 @@ export function RecordLabelPage() {
                                         leftIcon={<IconChevronLeft />}
                                         text="Retour"
                                     />
-                                </Link>
+                                </LinkButton>
                             </div>
                             <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
                                 <UpdateOneRecordLabel
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
index e898e81..2da1fa4 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/updateOneRecordLabel.tsx
@@ -43,7 +43,7 @@ export function UpdateOneRecordLabel(props: {
                             idRecordLabel: props.recordLabel.id,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Modifier la catégorie",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
index 85a7be6..c51d0e8 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/createOneRecordLabel.tsx
@@ -44,7 +44,7 @@ export function CreateOneRecordLabel(props: {
                             idYear: props.idYear,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter la catégorie",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index bab7cdd..f21200d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -44,7 +44,7 @@ export function RecordLabelsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucune catégorie"
-                                        className={css({ p: "2" })}
+                                        className={css({ padding: "1rem" })}
                                     />
                                 )
                             }
@@ -54,13 +54,13 @@ export function RecordLabelsPage() {
                                         sortedRecordLabels.map((recordLabel) => (
                                             <Link
                                                 key={recordLabel.id}
-                                                to="/organisations/$idOrganization/exercices/$idYear/paramètres/catégories/$idRecordLabel"
+                                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories/$idRecordLabel"
                                                 params={{
                                                     idOrganization: params.idOrganization,
                                                     idYear: params.idYear,
                                                     idRecordLabel: recordLabel.id
                                                 }}
-                                                className={css({ width: "100%", p: "2", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
+                                                className={css({ width: "100%", padding: "1rem", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
                                             >
                                                 {`${recordLabel.label}`}
                                             </Link>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
index f7dcb44..4a02d78 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/updateOneYear.tsx
@@ -42,7 +42,7 @@ export function UpdateOneYear(props: {
                         schema={updateOneYearRouteDefinition.schemas.body}
                         defaultValues={props.year}
                         submitButtonProps={{
-                            icon: <IconPencil />,
+                            leftIcon: <IconPencil />,
                             text: "Modifier l'exercice",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
index 6aa8578..8f9c880 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
@@ -16,7 +16,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Général",
                             icon: <IconSettings />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -25,7 +25,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Plan des comptes",
                             icon: <IconSitemap />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -34,7 +34,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Journaux",
                             icon: <IconNews />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -43,7 +43,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Catégories",
                             icon: <IconLabel />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -52,7 +52,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Bilan",
                             icon: <IconFileReport />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
@@ -61,7 +61,7 @@ export function YearSettingsLayout() {
                         {
                             label: "Compte de résultat",
                             icon: <IconFileDiff />,
-                            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
                             params: {
                                 idOrganization: params.idOrganization,
                                 idYear: params.idYear,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index 39342a9..0db0a73 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -25,7 +25,7 @@ export function YearSettingsPage() {
                 return (
                     <Box>
                         <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
                                 <span>
                                     Modifier les informations de l'exercice
                                 </span>
@@ -39,7 +39,7 @@ export function YearSettingsPage() {
                                     />
                                 </UpdateOneYear>
                             </div>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", p: "4" })}>
+                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4" })}>
                                 <span>
                                     Supprimer l'exercice
                                 </span>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
index f37db15..4736229 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/createOneYear.tsx
@@ -45,7 +45,7 @@ export function CreateOneYear(props: {
                             label: undefined,
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter l'exercice",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
index e221ee1..88c6b45 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
@@ -20,20 +20,20 @@ export function YearCard(props: {
 
     return (
         <Link
-            to="/organisations/$idOrganization/exercices/$idYear"
+            to="/dashboard/organisations/$idOrganization/exercices/$idYear"
             params={{
                 idOrganization: idOrganization,
                 idYear: year.id
             }}
             className={cx(
-                css({ width: "100%", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
-                css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
+                css({ width: "100%", padding: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+                css({ border: "1px solid", borderColor: "neutral/10", borderRadius: "md" }),
                 css({ _hover: { borderColor: "neutral/20", backgroundColor: "neutral/2" }, transition: "colors", cursor: "pointer" })
             )}
         >
             <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
                 <div className={cx(
-                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
+                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "md" }),
                     year.isClosed ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "success/5" })
                 )}>
                     {year.isClosed ? (
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
index d2aa7a3..b7b50dc 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
@@ -43,7 +43,7 @@ export function YearsPage() {
                                 return (
                                     <FormatNull
                                         text="Aucun exercice"
-                                        className={css({ p: "4", width: "100%" })}
+                                        className={css({ padding: "4", width: "100%" })}
                                     />
                                 )
                             }
diff --git a/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
index 3e4dd66..e161917 100644
--- a/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
@@ -1,4 +1,5 @@
 import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button } from "@arrhes/ui"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
@@ -27,7 +28,9 @@ export function AddNewOrganization(props: {
             onOpenChange={setOpen}
         >
             <Drawer.Trigger>
-                {props.children}
+                <Button>
+                    {props.children}
+                </Button>
             </Drawer.Trigger>
             <Drawer.Content>
                 <Drawer.Header
@@ -40,7 +43,7 @@ export function AddNewOrganization(props: {
                             scope: "company",
                         }}
                         submitButtonProps={{
-                            icon: <IconPlus />,
+                            leftIcon: <IconPlus />,
                             text: "Ajouter l'organisation",
                         }}
                         onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
index 71cfe3e..c15e5bd 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
@@ -1,6 +1,5 @@
 import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { css, cx } from "@arrhes/ui/utilities/cn.js"
-import { IconBuilding, IconChevronRight } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
 import { Chip } from "../../../components/layouts/chip.tsx"
@@ -17,56 +16,69 @@ export function OrganizationCard(props: {
     const scopeLabel = organization.scope === "company" ? "Entreprise" : "Association"
 
     return (
-        <Link
-            to="/organisations/$idOrganization"
-            params={{
-                idOrganization: organization.id
-            }}
-            className={cx(
-                css({ width: "100%", p: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
-                css({ border: "1px solid", borderColor: "neutral/10", rounded: "md" }),
-                css({ _hover: { borderColor: "neutral/20", backgroundColor: "neutral/2" }, transition: "colors", cursor: "pointer" })
-            )}
-        >
-            <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
-                <div className={cx(
-                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", rounded: "md" }),
-                    css({ backgroundColor: "neutral/5" })
-                )}>
-                    <IconBuilding className={css({ width: "6", height: "6", color: "neutral/50" })} />
-                </div>
-                <div className={css({ display: "flex", flexDirection: "column", gap: "1" })}>
-                    <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
+        <div className={cx(
+            css({ width: "100%", padding: "1rem", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+            css({ borderBottom: "1px solid", borderBottomColor: "neutral/10", _last: { borderBottom: "none", } }),
+        )}>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
+                <div
+                    className={css({
+                        width: "100%",
+                        display: "flex",
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        alignItems: "start",
+                        gap: "1rem"
+                    })}
+                >
+                    <Link
+                        to="/dashboard/organisations/$idOrganization"
+                        params={{
+                            idOrganization: organization.id
+                        }}
+                        className={css({
+                            fontSize: "base",
+                            fontWeight: "semibold",
+                            color: "primary",
+                            _hover: { textDecoration: "underline" },
+                        })}
+                    >
                         {organization.name}
-                    </span>
-                    <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
-                        <Chip
-                            text={scopeLabel}
-                            color="neutral"
-                        />
+                    </Link>
+                    <div
+                        className={css({
+                            display: "flex",
+                            justifyContent: "end",
+                            alignItems: "start",
+                            gap: "0.5rem"
+                        })}
+                    >
                         {organizationUser.isAdmin && (
                             <Chip
                                 text="Administrateur"
-                                color="information"
+                                color="success"
                             />
                         )}
-                        {organization.siren && (
-                            <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                                SIREN: {organization.siren}
-                            </span>
+                        {organizationUser.status === "invited" && (
+                            <Chip
+                                text="En attente"
+                                color="warning"
+                            />
                         )}
                     </div>
                 </div>
-            </div>
-            <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
-                {organizationUser.status === "invited" && (
+                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
                     <Chip
-                        text="En attente"
-                        color="warning"
+                        text={scopeLabel}
+                        color="neutral"
                     />
-                )}
-                <IconChevronRight className={css({ width: "5", height: "5", color: "neutral/30" })} />
+                    {organization.siren && (
+                        <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                            SIREN: {organization.siren}
+                        </span>
+                    )}
+                </div>
             </div>
-        </Link>
+        </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
index 1145ff2..7370ead 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
@@ -12,12 +12,25 @@ import { OrganizationCard } from "./organizationCard.tsx"
 export function OrganizationsPage() {
     return (
         <Page.Root>
+            <Page.Header>
+                <Page.Title>
+                    Mes organisations
+                </Page.Title>
+            </Page.Header>
             <Page.Content>
-                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
-                    <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
-                        <span className={css({ fontSize: "2xl" })}>
-                            Mes organisations
-                        </span>
+                <div
+                    className={css({
+                        width: "100%",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "flex-start",
+                        gap: "1rem"
+                    })}
+                >
+                    <div
+                        className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "center" })}
+                    >
                         <AddNewOrganization>
                             <ButtonContent
                                 variant="default"
@@ -26,31 +39,40 @@ export function OrganizationsPage() {
                             />
                         </AddNewOrganization>
                     </div>
-                    <DataWrapper
-                        routeDefinition={getAllMyOrganizationsRouteDefinition}
-                        body={{}}
+                    <div
+                        className={css({
+                            width: "100%",
+                            display: "flex",
+                            flexDirection: "column",
+                            border: "1px solid",
+                            borderColor: "neutral/10",
+                            borderRadius: "lg",
+                        })}
                     >
-                        {(organizationUsers) => {
-                            if (organizationUsers.length === 0) {
+                        <DataWrapper
+                            routeDefinition={getAllMyOrganizationsRouteDefinition}
+                            body={{}}
+                        >
+                            {(organizationUsers) => {
+                                if (organizationUsers.length === 0) {
+                                    return (
+                                        <FormatNull
+                                            text="Aucune organisation"
+                                            className={css({ padding: "1rem" })}
+                                        />
+                                    )
+                                }
                                 return (
-                                    <FormatNull
-                                        text="Aucune organisation"
-                                        className={css({ p: "2" })}
-                                    />
-                                )
-                            }
-                            return (
-                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "3" })}>
-                                    {organizationUsers.map((organizationUser) => (
+                                    organizationUsers.map((organizationUser) => (
                                         <OrganizationCard
                                             key={organizationUser.id}
                                             organizationUser={organizationUser}
                                         />
-                                    ))}
-                                </div>
-                            )
-                        }}
-                    </DataWrapper>
+                                    ))
+                                )
+                            }}
+                        </DataWrapper>
+                    </div>
                 </div>
             </Page.Content>
         </Page.Root>
diff --git a/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx b/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
index ee4567f..9cd5493 100644
--- a/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
+++ b/packages/dashboard/src/features/dashboard/support/contactSupportForm.tsx
@@ -22,7 +22,7 @@ export function ContactSupportForm() {
                 category: "bug",
             }}
             submitButtonProps={{
-                icon: <IconSend />,
+                leftIcon: <IconSend />,
                 text: "Envoyer le message",
             }}
             onSubmit={async (data) => {
diff --git a/packages/dashboard/src/features/dashboard/support/supportPage.tsx b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
index f01445c..b7ee351 100644
--- a/packages/dashboard/src/features/dashboard/support/supportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/support/supportPage.tsx
@@ -10,13 +10,13 @@ export function SupportPage() {
     return (
         <Page.Root>
             <Page.Content>
-                <Box className={css({ p: "4", gap: "4" })}>
+                <Box className={css({ padding: "4", gap: "4" })}>
                     <span>
                         N'hésitez pas à contacter le support
                     </span>
                     <ContactSupportForm />
                 </Box>
-                <Box className={css({ p: "4", gap: "4" })}>
+                <Box className={css({ padding: "4", gap: "4" })}>
                     <span>
                         Vous pouvez aussi nous contacter directement via les moyens suivant
                     </span>
diff --git a/packages/dashboard/src/features/docs/aiIndex.tsx b/packages/dashboard/src/features/docs/aiIndex.tsx
index 4fb2ee1..c72801c 100644
--- a/packages/dashboard/src/features/docs/aiIndex.tsx
+++ b/packages/dashboard/src/features/docs/aiIndex.tsx
@@ -1,7 +1,7 @@
 import { Badge } from "@arrhes/ui"
 import { IconChartBar, IconMessageCircle } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import { DocLinkCard } from "../../components/document/docLinkCard.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -137,13 +137,13 @@ export function AiIndex() {
                     <span className={css({ fontWeight: "semibold", color: "neutral" })}>Plan Pro requis : </span>
                     Les fonctionnalités d'intelligence artificielle sont disponibles exclusivement
                     avec le plan Pro. {" "}
-                    <Link to="/documentation/tarifs" className={css({
+                    <LinkButton to="/documentation/tarifs" className={css({
                         color: "primary",
                         fontWeight: "medium",
                         _hover: { textDecoration: "underline" }
                     })}>
                         En savoir plus sur les tarifs
-                    </Link>
+                    </LinkButton>
                 </p>
             </div>
         </div>
diff --git a/packages/dashboard/src/features/docs/comptabiliteIndex.tsx b/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
index 4e4c1a2..8803f18 100644
--- a/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
+++ b/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
@@ -1,6 +1,6 @@
 import { ButtonContent } from "@arrhes/ui"
 import { IconChevronRight } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -40,7 +40,7 @@ export function ComptabiliteIndex() {
                 flexDirection: { base: "column", md: "row" },
                 gap: "1.5rem",
             })}>
-                <Link
+                <LinkButton
                     to="/documentation/comptabilite/comptes"
                 >
                     <ButtonContent
@@ -48,7 +48,7 @@ export function ComptabiliteIndex() {
                         text="Commencer directement"
                         rightIcon={<IconChevronRight />}
                     />
-                </Link>
+                </LinkButton>
             </div>
         </div>
     )
diff --git a/packages/dashboard/src/features/docs/dashboard/rapports.tsx b/packages/dashboard/src/features/docs/dashboard/rapports.tsx
index 9812929..93be7bd 100644
--- a/packages/dashboard/src/features/docs/dashboard/rapports.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/rapports.tsx
@@ -160,8 +160,8 @@ export function GuideRapports() {
             {/* Completion box */}
             <div className={css({
                 marginTop: "12",
-                p: "6",
-                rounded: "xl",
+                padding: "6",
+                borderRadius: "xl",
                 backgroundColor: "success/8",
                 border: "1px solid",
                 borderColor: "success/20"
diff --git a/packages/dashboard/src/features/docs/dashboardIndex.tsx b/packages/dashboard/src/features/docs/dashboardIndex.tsx
index a7d2df4..b4f31d6 100644
--- a/packages/dashboard/src/features/docs/dashboardIndex.tsx
+++ b/packages/dashboard/src/features/docs/dashboardIndex.tsx
@@ -1,9 +1,9 @@
 import { ButtonContent } from "@arrhes/ui"
 import { IconChevronRight, IconLayout, IconRocket } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import { DocLink } from "../../components/document/docLink.js"
 import { DocLinkCard } from "../../components/document/docLinkCard.js"
 import { DocTip } from "../../components/document/docTip.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -83,13 +83,15 @@ export function DashboardIndex() {
                         et comprendre les bases du logiciel.
                     </p>
                 </div>
-                <Link to="/documentation/dashboard/demarrage">
+                <LinkButton
+                    to="/documentation/dashboard/demarrage"
+                >
                     <ButtonContent
                         variant="primary"
                         text="Commencer"
                         rightIcon={<IconChevronRight />}
                     />
-                </Link>
+                </LinkButton>
             </div>
 
             {/* Guide sections */}
diff --git a/packages/dashboard/src/features/docs/documentationIndex.tsx b/packages/dashboard/src/features/docs/documentationIndex.tsx
index bd494bd..dabcd1b 100644
--- a/packages/dashboard/src/features/docs/documentationIndex.tsx
+++ b/packages/dashboard/src/features/docs/documentationIndex.tsx
@@ -1,7 +1,7 @@
 import { ButtonContent } from "@arrhes/ui"
 import { IconBook, IconChevronRight } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import { DocLinkCard } from "../../components/document/docLinkCard.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -102,13 +102,15 @@ export function DocumentationIndex() {
                     display: "flex",
                     gap: "0.5rem",
                 })}>
-                    <Link to="/documentation/fonctionnalites">
+                    <LinkButton
+                        to="/documentation/fonctionnalites"
+                    >
                         <ButtonContent
                             variant="default"
                             text="Voir les fonctionnalités"
                             rightIcon={<IconChevronRight />}
                         />
-                    </Link>
+                    </LinkButton>
                 </div>
             </div>
         </div>
diff --git a/packages/dashboard/src/features/docs/documentationLayout.tsx b/packages/dashboard/src/features/docs/documentationLayout.tsx
index df7d16a..58bbd00 100644
--- a/packages/dashboard/src/features/docs/documentationLayout.tsx
+++ b/packages/dashboard/src/features/docs/documentationLayout.tsx
@@ -5,8 +5,9 @@ import {
     IconMenu2,
     IconX
 } from "@tabler/icons-react"
-import { Link, Outlet, useRouterState } from "@tanstack/react-router"
+import { Outlet, useRouterState } from "@tanstack/react-router"
 import { useState } from "react"
+import { LinkButton } from "../../components/linkButton.js"
 import { css, cx } from "../../utilities/cn.js"
 import { SectionTab } from "./components/sectionTab.js"
 import { SidebarNavigation } from "./components/sidebarNavigation.js"
@@ -66,7 +67,7 @@ export function DocumentationLayout() {
                 })}>
                     <div className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         justifyContent: "space-between",
                         alignItems: "center",
@@ -94,13 +95,13 @@ export function DocumentationLayout() {
                                 }
                             </button>
 
-                            <Link to="/">
+                            <LinkButton to="/">
                                 <Logo withText />
-                            </Link>
+                            </LinkButton>
 
                             <span className={css({ color: "neutral/20", display: { base: "none", sm: "block" } })}>/</span>
 
-                            <Link to="/documentation" className={css({
+                            <LinkButton to="/documentation" className={css({
                                 display: { base: "none", sm: "flex" },
                                 alignItems: "center",
                                 gap: "0.25rem",
@@ -113,7 +114,7 @@ export function DocumentationLayout() {
                                     leftIcon={<IconBook2 />}
                                     text="Documentation"
                                 />
-                            </Link>
+                            </LinkButton>
                         </div>
 
                         <nav className={css({
@@ -131,17 +132,19 @@ export function DocumentationLayout() {
                                     leftIcon={<IconBrandGithub />}
                                 />
                             </a>
-                            {/* <Link to="/">
+                            {/* <LinkButton to="/">
                                 <ButtonContent
                                     text="Retour au site"
                                 />
-                            </Link> */}
-                            <Link to="/dashboard">
+                            </LinkButton> */}
+                            <LinkButton
+                                to="/dashboard"
+                            >
                                 <ButtonContent
                                     variant="primary"
                                     text="Dashboard"
                                 />
-                            </Link>
+                            </LinkButton>
                         </nav>
                     </div>
                 </div>
@@ -158,7 +161,7 @@ export function DocumentationLayout() {
                 })}>
                     <div className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         alignItems: "center",
                         gap: "0.25rem",
@@ -186,7 +189,7 @@ export function DocumentationLayout() {
             })}>
                 <div className={css({
                     width: "100%",
-                    maxWidth: "lg",
+                    maxWidth: "xl",
                     display: "flex",
                     flex: "1",
                 })}>
diff --git a/packages/dashboard/src/features/error/errorPage.tsx b/packages/dashboard/src/features/error/errorPage.tsx
index 5827edd..85617ee 100644
--- a/packages/dashboard/src/features/error/errorPage.tsx
+++ b/packages/dashboard/src/features/error/errorPage.tsx
@@ -3,7 +3,7 @@ import { css } from "../../utilities/cn.js"
 
 export function ErrorPage() {
     return (
-        <div className={css({ minwidth: "100%", width: "100%", maxWidth: "100%", minH: "100%", height: "100%", maxH: "100%", overflowidth: "auto", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" })}>
+        <div className={css({ minWidth: "100%", width: "100%", maxWidth: "100%", minH: "100%", height: "100%", maxH: "100%", overflowY: "auto", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" })}>
             <p className={css({ color: "error", fontSize: "sm" })}>
                 Erreur
             </p>
diff --git a/packages/dashboard/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
index e560de0..80871cd 100644
--- a/packages/dashboard/src/features/rootLayout.tsx
+++ b/packages/dashboard/src/features/rootLayout.tsx
@@ -15,7 +15,7 @@ export function RootLayout() {
                 justifyContent: "center",
                 alignItems: "center",
                 backgroundColor: "warning/5",
-                p: "4"
+                padding: "4"
             })}
         >
             <span className={css({ color: "warning" })}>
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index 4d74210..aec4b92 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -1,7 +1,6 @@
 import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
-import { ButtonContent } from "@arrhes/ui"
-import { IconLogin2 } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { IconBook2, IconLogin2, IconUserPlus } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
 import { FormError } from "../../components/forms/formError.js"
@@ -11,6 +10,7 @@ import { FormLabel } from "../../components/forms/formLabel.js"
 import { FormRoot } from "../../components/forms/formRoot.js"
 import { InputPassword } from "../../components/inputs/inputPassword.js"
 import { InputText } from "../../components/inputs/inputText.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
@@ -21,141 +21,185 @@ export function SignInPage() {
     return (
         <div className={css({
             width: "100%",
-            height: "100%",
+            minHeight: "100vh",
             display: "flex",
-            justifyContent: "center",
-            alignItems: "center"
+            flexDirection: "column",
+            justifyContent: "start",
+            alignItems: "stretch",
+            backgroundColor: "background"
         })}>
-            <div className={css({
+            {/* Main content */}
+            <section className={css({
                 width: "100%",
-                maxWidth: "sm",
+                flex: "1",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "center",
                 alignItems: "center",
-                gap: "4"
+                paddingX: "1rem",
+                paddingY: "4rem",
             })}>
                 <div className={css({
                     width: "100%",
+                    maxWidth: "sm",
                     display: "flex",
                     flexDirection: "column",
-                    justifyContent: "flex-start",
-                    alignItems: "flex-start",
-                    gap: "4",
-                    backgroundColor: "white",
+                    gap: "1.5rem",
+                    padding: "2rem",
+                    borderRadius: "lg",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    rounded: "md",
-                    p: "8"
+                    backgroundColor: "white",
                 })}>
-                    <span className={css({ fontSize: "xl" })}>
-                        Connexion
-                    </span>
+                    <div
+                        className={css({
+                            width: "100%",
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "start",
+                            gap: "0.5rem",
+                        })}
+                    >
+                        <LinkButton to="/">
+                            <Logo withText />
+                        </LinkButton>
+                        <LinkButton
+                            to="/documentation"
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                leftIcon={<IconBook2 />}
+                                text="Documentation"
+                                className={css({ width: "100%", justifyContent: "center" })}
+                            />
+                        </LinkButton>
+                    </div>
+
                     <div className={css({
-                        width: "100%",
                         display: "flex",
                         flexDirection: "column",
-                        justifyContent: "flex-start",
-                        alignItems: "flex-start",
-                        gap: "4"
+                        gap: "0.5rem",
                     })}>
-                        <FormRoot
-                            schema={signInRouteDefinition.schemas.body}
-                            defaultValues={{}}
-                            submitButtonProps={{
-                                icon: <IconLogin2 />,
-                                text: "Se connecter",
-                                className: css({ width: "100%", justifyContent: "center" })
-                            }}
-                            submitOnPressEnterKey={true}
-                            onSubmit={async (data) => {
-                                const response = await postAPI({
-                                    routeDefinition: signInRouteDefinition,
-                                    body: data,
-                                })
-                                if (response.ok === false) {
-                                    toast({ title: "Connexion impossible", variant: "error" })
-                                    return false
-                                }
+                        <h1 className={css({
+                            fontSize: "lg",
+                            fontWeight: "bold",
+                            color: "neutral",
+                        })}>
+                            Connexion
+                        </h1>
+                        <p className={css({
+                            color: "neutral/60",
+                            fontSize: "sm",
+                        })}>
+                            Connectez-vous à votre compte
+                        </p>
+                    </div>
 
-                                toast({ title: "Connexion réussie", variant: "success" })
-                                return true
-                            }}
-                            onCancel={undefined}
-                            onSuccess={() => {
-                                platformRouter.navigate({
-                                    to: "/",
-                                    reloadDocument: true
-                                })
-                            }}
-                        >
-                            {(form) => (
-                                <Fragment>
-                                    <FormField
-                                        control={form.control}
-                                        name="email"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Email"
-                                                    isRequired={false}
-                                                    description={undefined}
-                                                    tooltip={undefined}
+                    <FormRoot
+                        schema={signInRouteDefinition.schemas.body}
+                        defaultValues={{}}
+                        submitButtonProps={{
+                            leftIcon: <IconLogin2 />,
+                            text: "Se connecter",
+                            className: css({ width: "100%", justifyContent: "center" })
+                        }}
+                        submitOnPressEnterKey={true}
+                        onSubmit={async (data) => {
+                            const response = await postAPI({
+                                routeDefinition: signInRouteDefinition,
+                                body: data,
+                            })
+                            if (response.ok === false) {
+                                toast({ title: "Connexion impossible", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Connexion réussie", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={() => {
+                            platformRouter.navigate({
+                                to: "/dashboard",
+                                reloadDocument: true
+                            })
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="email"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Email"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    type="email"
                                                 />
-                                                <FormControl>
-                                                    <InputText
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                        type="email"
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                    <FormField
-                                        control={form.control}
-                                        name="password"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Mot de passe"
-                                                    isRequired={false}
-                                                    description={undefined}
-                                                    tooltip={undefined}
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="password"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Mot de passe"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputPassword
+                                                    value={field.value}
+                                                    onChange={field.onChange}
                                                 />
-                                                <FormControl>
-                                                    <InputPassword
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                </Fragment>
-                            )}
-                        </FormRoot>
-                        <Link
-                            to="/inscription"
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+
+                    <Separator />
+
+                    <div
+                        className={css({
+                            width: "100%",
+                            display: "flex",
+                            flexDirection: "column",
+                            justifyContent: "start",
+                            alignItems: "stretch",
+                            gap: "0.5rem",
+                        })}
+                    >
+                        <LinkButton
+                            to="/sign-up"
                             className={css({ width: "100%" })}
                         >
                             <ButtonContent
                                 variant="default"
-                                text="Pas de compte ?"
+                                leftIcon={<IconUserPlus />}
+                                text="Créer un compte"
                                 className={css({ width: "100%", justifyContent: "center" })}
                             />
-                        </Link>
+                        </LinkButton>
                     </div>
                 </div>
-            </div>
-            {/* <Link
-                to="/connexion/identifiants"
-                className="underline hover:no-underline text-neutral/50"
-            >
-                Mot de passe oublié ?
-            </Link> */}
+            </section>
         </div>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index dd23267..cb478c0 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -1,7 +1,6 @@
 import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
-import { ButtonContent } from "@arrhes/ui"
-import { IconUserPlus } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { IconBook2, IconLogin2, IconUserPlus } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
 import { FormError } from "../../components/forms/formError.js"
@@ -11,6 +10,7 @@ import { FormLabel } from "../../components/forms/formLabel.js"
 import { FormRoot } from "../../components/forms/formRoot.js"
 import { InputPassword } from "../../components/inputs/inputPassword.js"
 import { InputText } from "../../components/inputs/inputText.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
@@ -19,136 +19,213 @@ import { postAPI } from "../../utilities/postAPI.js"
 
 export function SignUpPage() {
     return (
-        <div className={css({ width: "100%", height: "100%", display: "flex", justifyContent: "center", alignItems: "center" })}>
-            <div className={css({ width: "100%", maxWidth: "sm", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: "4" })}>
-                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4", backgroundColor: "white", border: "1px solid", borderColor: "neutral/10", rounded: "md", p: "8" })}>
-                    <span className={css({ fontSize: "xl" })}>
-                        Inscription
-                    </span>
-                    <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
-                        <FormRoot
-                            schema={signUpRouteDefinition.schemas.body}
-                            defaultValues={{}}
-                            submitButtonProps={{
-                                icon: <IconUserPlus />,
-                                text: "Inscription",
-                                className: css({ width: "100%", justifyContent: "center" })
-                            }}
-                            submitOnPressEnterKey={true}
-                            onSubmit={async (data) => {
-                                if (data.password !== data.passwordCheck) {
-                                    toast({ title: "Les mots de passe ne correspondent pas", variant: "error" })
-                                    return false
-                                }
+        <div className={css({
+            width: "100%",
+            minHeight: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "start",
+            alignItems: "stretch",
+            backgroundColor: "background"
+        })}>
+            {/* Main content */}
+            <section className={css({
+                width: "100%",
+                flex: "1",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                paddingX: "1rem",
+                paddingY: "4rem",
+            })}>
+                <div className={css({
+                    width: "100%",
+                    maxWidth: "sm",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1.5rem",
+                    padding: "2rem",
+                    borderRadius: "lg",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    backgroundColor: "white",
+                })}>
+                    <div
+                        className={css({
+                            width: "100%",
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "start",
+                            gap: "0.5rem",
+                        })}
+                    >
+                        <LinkButton to="/">
+                            <Logo withText />
+                        </LinkButton>
+                        <LinkButton
+                            to="/documentation"
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                leftIcon={<IconBook2 />}
+                                text="Documentation"
+                                className={css({ width: "100%", justifyContent: "center" })}
+                            />
+                        </LinkButton>
+                    </div>
 
-                                const response = await postAPI({
-                                    routeDefinition: signUpRouteDefinition,
-                                    body: data,
-                                })
-                                if (!response.ok) {
-                                    toast({ title: "Inscription impossible", variant: "error" })
-                                    return false
-                                }
+                    <div className={css({
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "0.5rem",
+                    })}>
+                        <h1 className={css({
+                            fontSize: "lg",
+                            fontWeight: "bold",
+                            color: "neutral",
+                        })}>
+                            Inscription
+                        </h1>
+                        <p className={css({
+                            color: "neutral/60",
+                            fontSize: "sm",
+                        })}>
+                            Créez votre compte gratuitement
+                        </p>
+                    </div>
 
-                                toast({ title: "Inscription réussie", variant: "success" })
-                                return true
-                            }}
-                            onCancel={undefined}
-                            onSuccess={() => {
-                                platformRouter.navigate({
-                                    to: "/",
-                                    reloadDocument: true
-                                })
-                            }}
-                        >
-                            {(form) => (
-                                <Fragment>
-                                    <FormField
-                                        control={form.control}
-                                        name="email"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Email"
-                                                    isRequired={false}
-                                                    description={undefined}
-                                                    tooltip={undefined}
+                    <FormRoot
+                        schema={signUpRouteDefinition.schemas.body}
+                        defaultValues={{}}
+                        submitButtonProps={{
+                            leftIcon: <IconUserPlus />,
+                            text: "Créer un compte",
+                            className: css({ width: "100%", justifyContent: "center" })
+                        }}
+                        submitOnPressEnterKey={true}
+                        onSubmit={async (data) => {
+                            if (data.password !== data.passwordCheck) {
+                                toast({ title: "Les mots de passe ne correspondent pas", variant: "error" })
+                                return false
+                            }
+
+                            const response = await postAPI({
+                                routeDefinition: signUpRouteDefinition,
+                                body: data,
+                            })
+                            if (!response.ok) {
+                                toast({ title: "Inscription impossible", variant: "error" })
+                                return false
+                            }
+
+                            toast({ title: "Inscription réussie", variant: "success" })
+                            return true
+                        }}
+                        onCancel={undefined}
+                        onSuccess={() => {
+                            platformRouter.navigate({
+                                to: "/dashboard",
+                                reloadDocument: true
+                            })
+                        }}
+                    >
+                        {(form) => (
+                            <Fragment>
+                                <FormField
+                                    control={form.control}
+                                    name="email"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Email"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputText
+                                                    value={field.value}
+                                                    onChange={field.onChange}
+                                                    type="email"
                                                 />
-                                                <FormControl>
-                                                    <InputText
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                        type="email"
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                    <FormField
-                                        control={form.control}
-                                        name="password"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Mot de passe"
-                                                    isRequired={false}
-                                                    description={undefined}
-                                                    tooltip={undefined}
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="password"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Mot de passe"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputPassword
+                                                    value={field.value}
+                                                    onChange={field.onChange}
                                                 />
-                                                <FormControl>
-                                                    <InputPassword
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                    <FormField
-                                        control={form.control}
-                                        name="passwordCheck"
-                                        render={({ field }) => (
-                                            <FormItem>
-                                                <FormLabel
-                                                    label="Mot de passe (encore)"
-                                                    isRequired={false}
-                                                    description={undefined}
-                                                    tooltip={undefined}
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                                <FormField
+                                    control={form.control}
+                                    name="passwordCheck"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel
+                                                label="Mot de passe (encore)"
+                                                isRequired={false}
+                                                description={undefined}
+                                                tooltip={undefined}
+                                            />
+                                            <FormControl>
+                                                <InputPassword
+                                                    value={field.value}
+                                                    onChange={field.onChange}
                                                 />
-                                                <FormControl>
-                                                    <InputPassword
-                                                        value={field.value}
-                                                        onChange={field.onChange}
-                                                    />
-                                                </FormControl>
-                                                <FormError />
-                                            </FormItem>
-                                        )}
-                                    />
-                                </Fragment>
-                            )}
-                        </FormRoot>
-                        <Link
-                            to="/connexion"
+                                            </FormControl>
+                                            <FormError />
+                                        </FormItem>
+                                    )}
+                                />
+                            </Fragment>
+                        )}
+                    </FormRoot>
+
+                    <Separator />
+
+                    <div
+                        className={css({
+                            width: "100%",
+                            display: "flex",
+                            flexDirection: "column",
+                            justifyContent: "start",
+                            alignItems: "stretch",
+                            gap: "0.5rem",
+                        })}
+                    >
+                        <LinkButton
+                            to="/sign-in"
                             className={css({ width: "100%" })}
                         >
                             <ButtonContent
                                 variant="default"
-                                text="Déjà inscrit ?"
+                                leftIcon={<IconLogin2 />}
+                                text="Se connecter"
                                 className={css({ width: "100%", justifyContent: "center" })}
                             />
-                        </Link>
+                        </LinkButton>
                     </div>
                 </div>
-            </div>
-            {/* <Link
-                        to="/connexion/identifiants"
-                        className={css({ textDecoration: "underline", _hover: { textDecoration: "none" }, color: "neutral/50" })}
-                    >
-                        Mot de passe oublié ?
-                    </Link> */}
+            </section>
         </div>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/website/documentationBanner.tsx b/packages/dashboard/src/features/website/documentationBanner.tsx
new file mode 100644
index 0000000..19bc209
--- /dev/null
+++ b/packages/dashboard/src/features/website/documentationBanner.tsx
@@ -0,0 +1,29 @@
+import { ButtonContent } from "@arrhes/ui"
+import { IconExternalLink } from "@tabler/icons-react"
+import { Box } from "../../components/layouts/box.js"
+import { css } from "../../utilities/cn.js"
+
+
+export function DocumentationBanner() {
+    return (
+        <Box className={css({ padding: "8", gap: "4" })}>
+            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                <h2 className={css({ fontSize: "2xl" })}>Documentation</h2>
+                <p className={css({ color: "neutral/50" })}>Collaborative et ouverte</p>
+            </div>
+            <a
+                href="https://documentation.arrhes.com"
+                target="_blank"
+                rel="noopener noreferrer"
+                className={css({ width: "fit-content" })}
+                aria-label="Adresse de la documentation"
+            >
+                <ButtonContent
+                    variant="primary"
+                    leftIcon={<IconExternalLink />}
+                    text="Consulter la documentation"
+                />
+            </a>
+        </Box>
+    )
+}
diff --git a/packages/dashboard/src/features/website/organizationsBanner.tsx b/packages/dashboard/src/features/website/organizationsBanner.tsx
index ddcc29f..c0322d7 100644
--- a/packages/dashboard/src/features/website/organizationsBanner.tsx
+++ b/packages/dashboard/src/features/website/organizationsBanner.tsx
@@ -1,19 +1,19 @@
 import { ButtonContent } from "@arrhes/ui"
 import { IconBuilding } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import { Box } from "../../components/layouts/box.js"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 
 
 export function OrganizationsBanner() {
     return (
-        <Box className={css({ p: "8", gap: "4" })}>
+        <Box className={css({ padding: "8", gap: "4" })}>
             <div className={css({ display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
                 <h2 className={css({ fontSize: "2xl" })}>Mes organisations</h2>
                 <p className={css({ color: "neutral/50" })}>Que vous avez créées ou auxquelles vous avez été invité</p>
             </div>
-            <Link
-                to="/organisations"
+            <LinkButton
+                to="/dashboard/organisations"
                 className={css({ width: "fit-content" })}
             >
                 <ButtonContent
@@ -21,7 +21,7 @@ export function OrganizationsBanner() {
                     leftIcon={<IconBuilding />}
                     text="Voir mes organisations"
                 />
-            </Link>
+            </LinkButton>
         </Box>
     )
 }
diff --git a/packages/dashboard/src/features/website/pricing.tsx b/packages/dashboard/src/features/website/pricing.tsx
index 2106a0a..6bd2cea 100644
--- a/packages/dashboard/src/features/website/pricing.tsx
+++ b/packages/dashboard/src/features/website/pricing.tsx
@@ -13,7 +13,7 @@ import {
     IconUserPlus,
     IconUsers
 } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../../components/linkButton.js"
 import { FeatureItem } from "./featureItem.tsx"
 
 
@@ -82,14 +82,16 @@ export function Pricing() {
                     <FeatureItem icon={<IconCalculator />} text="[dev] Comptabilité analytique" />
                 </div>
 
-                <Link to="/inscription">
+                <LinkButton
+                    to="/sign-up"
+                >
                     <ButtonContent
                         variant="default"
                         leftIcon={<IconUserPlus />}
                         text="Créer un compte"
                         className={css({ width: "100%" })}
                     />
-                </Link>
+                </LinkButton>
             </div>
 
             {/* Pro Plan */}
@@ -145,13 +147,13 @@ export function Pricing() {
                     <FeatureItem icon={<IconSparkles />} text="Assistant IA" highlighted />
                     <FeatureItem icon={<IconLifebuoy />} text="Support prioritaire" highlighted />
                 </div>
-                {/* <Link to="/sign-up">
+                {/* <LinkButton to="/sign-up">
                         <ButtonContent
                             variant="primary"
                             text="Essayer gratuitement"
                             className={css({ width: "100%" })}
                         />
-                    </Link> */}
+                    </LinkButton> */}
             </div>
         </div>
     )
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
index 2b02634..2043861 100644
--- a/packages/dashboard/src/features/website/websitePage.tsx
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -6,6 +6,7 @@ import {
     IconUser
 } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 import { HeroIllustration } from "./heroIllustration.js"
 import { Pricing } from "./pricing.js"
@@ -45,7 +46,7 @@ export function WebsitePage() {
                 <div
                     className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         justifyContent: "space-between",
                         alignItems: "start",
@@ -74,19 +75,22 @@ export function WebsitePage() {
                                 leftIcon={<IconBrandGithub />}
                             />
                         </a>
-                        <Link to="/documentation">
+                        <LinkButton
+                            to="/documentation"
+                        >
                             <ButtonContent
                                 leftIcon={<IconBook2 />}
                                 text="Documentation"
                             />
-                        </Link>
-                        <Link to="/dashboard">
+                        </LinkButton>
+                        <LinkButton
+                            to="/dashboard"
+                        >
                             <ButtonContent
                                 variant="primary"
-                                // leftIcon={<IconAppWindow />}
                                 text="Dashboard"
                             />
-                        </Link>
+                        </LinkButton>
                     </nav>
                 </div>
             </header>
@@ -108,7 +112,7 @@ export function WebsitePage() {
                 <div
                     className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         flexDirection: { base: "column", md: "row" },
                         justifyContent: "space-between",
@@ -170,20 +174,24 @@ export function WebsitePage() {
                             alignItems: "center",
                             gap: "0.5rem"
                         })}>
-                            <Link to="/sign-up">
+                            <LinkButton
+                                to="/sign-up"
+                            >
                                 <ButtonContent
                                     variant="primary"
                                     leftIcon={<IconUser />}
                                     text="Créer un compte"
                                 />
-                            </Link>
-                            <Link to="/documentation">
+                            </LinkButton>
+                            <LinkButton
+                                to="/documentation"
+                            >
                                 <ButtonContent
                                     variant="default"
                                     leftIcon={<IconBook2 />}
                                     text="En savoir plus"
                                 />
-                            </Link>
+                            </LinkButton>
                         </div>
                     </div>
 
@@ -218,7 +226,7 @@ export function WebsitePage() {
                 <div
                     className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "start",
@@ -265,7 +273,7 @@ export function WebsitePage() {
                 <div
                     className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "start",
@@ -292,14 +300,15 @@ export function WebsitePage() {
                         <br />
                         Apprenez les concepts essentiels : partie double, plan comptable, écritures, journaux...
                     </p>
-                    <Link to="/documentation/comptabilite">
+                    <LinkButton
+                        to="/documentation/comptabilite"
+                    >
                         <ButtonContent
                             variant="default"
                             leftIcon={<IconBook2 />}
                             text="Découvrir le cours"
-                        // rightIcon={<IconChevronRight />}
                         />
-                    </Link>
+                    </LinkButton>
                 </div>
             </section>
 
@@ -320,7 +329,7 @@ export function WebsitePage() {
                 <div
                     className={css({
                         width: "100%",
-                        maxWidth: "lg",
+                        maxWidth: "xl",
                         display: "flex",
                         justifyContent: "space-between",
                         alignItems: "center",
@@ -338,14 +347,15 @@ export function WebsitePage() {
                     >
                         <Logo withText />
                     </Button> */}
-                    <Link to="/documentation/mentions-legales">
+                    <LinkButton
+                        to="/documentation/mentions-legales"
+                    >
                         <ButtonContent
                             variant="invisible"
                             leftIcon={<IconGavel />}
                             text="Mentions légales"
-                        // rightIcon={<IconChevronRight />}
                         />
-                    </Link>
+                    </LinkButton>
                 </div>
             </footer>
         </div>
diff --git a/packages/dashboard/src/root.tsx b/packages/dashboard/src/root.tsx
index 89998bd..71f409f 100644
--- a/packages/dashboard/src/root.tsx
+++ b/packages/dashboard/src/root.tsx
@@ -1,8 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './assets/css/fonts.css'
 import './assets/css/root.css'
-import './assets/css/theme.css'
 import { RootProvider } from "./contexts/rootProvider.js"
 
 
diff --git a/packages/dashboard/src/routes/catchRoute.tsx b/packages/dashboard/src/routes/catchRoute.tsx
index 0f8cdc9..1428e81 100644
--- a/packages/dashboard/src/routes/catchRoute.tsx
+++ b/packages/dashboard/src/routes/catchRoute.tsx
@@ -2,17 +2,22 @@ import { createRoute, redirect } from "@tanstack/react-router"
 import { rootLayoutRoute } from "./rootLayoutRoute.js"
 
 
-export const catchRoute = createRoute({
-    getParentRoute: () => rootLayoutRoute,
-    path: '$',
-    beforeLoad: ({ context }) => {
-        if (context.isAuthenticated === true) {
-            throw redirect({
-                to: "/"
-            })
-        }
-        throw redirect({
-            to: "/connexion"
-        })
-    }
-})
+export const catchRoute = createRoute({
+    getParentRoute: () => rootLayoutRoute,
+    path: '$',
+    beforeLoad: ({ context, location }) => {
+        if (location.pathname.startsWith("/documentation")) {
+            throw redirect({
+                to: "/documentation"
+            })
+        }
+        if (context.isAuthenticated === true) {
+            throw redirect({
+                to: "/dashboard"
+            })
+        }
+        throw redirect({
+            to: "/sign-in"
+        })
+    }
+})
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
index 2ced0bb..c0ec814 100644
--- a/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
@@ -13,7 +13,7 @@ export const dashboardLayoutRoute = createRoute({
     beforeLoad: ({ context }) => {
         if (context.isAuthenticated !== true) {
             throw redirect({
-                to: "/inscription"
+                to: "/sign-in"
             })
         }
     },
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
index d1a73d9..5cde2d8 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationRoute.tsx
@@ -7,7 +7,7 @@ export const organizationRoute = createRoute({
     path: "/",
     beforeLoad: ({ params }) => {
         throw redirect({
-            to: "/organisations/$idOrganization/exercices",
+            to: "/dashboard/organisations/$idOrganization/exercices",
             params: params
         })
     },
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
index dfd2f0f..09728eb 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsRoute.tsx
@@ -7,7 +7,7 @@ export const reportsRoute = createRoute({
     path: "/",
     beforeLoad: ({ params }) => {
         throw redirect({
-            to: "/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
             params: params
         })
     },
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
index 08f9028..999e6ef 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearRoute.tsx
@@ -7,7 +7,7 @@ export const yearRoute = createRoute({
     path: "/",
     beforeLoad: ({ params }) => {
         throw redirect({
-            to: "/organisations/$idOrganization/exercices/$idYear/écritures",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures",
             params: params
         })
     },
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
index 97eb699..883af78 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsRoute.tsx
@@ -7,7 +7,7 @@ export const computationsRoute = createRoute({
     path: "/",
     beforeLoad: ({ params }) => {
         throw redirect({
-            to: "/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
             params: params
         })
     },
diff --git a/packages/dashboard/src/routes/root/signIn/signInRoute.tsx b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
index 37c36cc..59fb013 100644
--- a/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
+++ b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
@@ -6,7 +6,7 @@ import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 export const signInRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
-    path: '/connexion',
+    path: '/sign-in',
     pendingComponent: () => <CircularLoader />,
     beforeLoad: async ({ context }) => {
         if (context.isAuthenticated === true) {
diff --git a/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
index fc96cb1..a9cc1b9 100644
--- a/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
+++ b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
@@ -6,7 +6,7 @@ import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 export const signUpRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
-    path: '/inscription',
+    path: '/sign-up',
     pendingComponent: () => (
         <CircularLoader />
     ),
diff --git a/packages/metadata/src/models/organizationUser.ts b/packages/metadata/src/models/organizationUser.ts
index 0c20db2..a48edb2 100644
--- a/packages/metadata/src/models/organizationUser.ts
+++ b/packages/metadata/src/models/organizationUser.ts
@@ -1,8 +1,8 @@
-import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
-import { idColumn } from "../components/models/idColumn.js"
-import { organizationUserStatus } from "../components/values/organizationUserStatus.js"
 import { relations } from "drizzle-orm"
 import { AnyPgColumn, boolean, pgEnum, pgTable, unique } from "drizzle-orm/pg-core"
+import { dateTimeColumn } from "../components/models/dateTimeColumn.js"
+import { idColumn } from "../components/models/idColumn.js"
+import { organizationUserStatus } from "../components/values/organizationUserStatus.js"
 import { organizationModel } from "./organization.js"
 import { userModel } from "./user.js"
 
diff --git a/packages/tools/src/seed/seed.ts b/packages/tools/src/seed/seed.ts
index 0acaaf3..c8ca949 100644
--- a/packages/tools/src/seed/seed.ts
+++ b/packages/tools/src/seed/seed.ts
@@ -1,4 +1,11 @@
-import { defaultJournals } from '@arrhes/application-metadata/components'
+import {
+    defaultJournals,
+    defaultCompanyAccounts,
+    defaultCompanyBalanceSheets,
+    defaultCompanyIncomeStatements,
+    defaultComputations,
+    type DefaultAccount
+} from '@arrhes/application-metadata/components'
 import { models } from '@arrhes/application-metadata/models'
 import { generateId } from '@arrhes/application-metadata/utilities'
 import { randFirstName } from '@ngneat/falso'
@@ -6,6 +13,42 @@ import { pbkdf2Sync, randomBytes } from "crypto"
 import { dbClient } from '../dbClient.js'
 
 
+// Helper: Flatten hierarchical accounts into a flat array
+function flattenAccounts(accounts: DefaultAccount[]): DefaultAccount[] {
+    const result: DefaultAccount[] = []
+
+    function traverse(account: DefaultAccount) {
+        result.push(account)
+        for (const child of account.children) {
+            traverse(child)
+        }
+    }
+
+    for (const account of accounts) {
+        traverse(account)
+    }
+
+    return result
+}
+
+
+// Helper: Find parent account number (immediate parent in hierarchy)
+function findParentNumber(accountNumber: number, allAccounts: DefaultAccount[]): number | undefined {
+    const numberStr = accountNumber.toString()
+    if (numberStr.length <= 1) return undefined
+
+    // For each possible parent length (from longest to shortest)
+    for (let len = numberStr.length - 1; len >= 1; len--) {
+        const potentialParent = parseInt(numberStr.substring(0, len))
+        if (allAccounts.some(a => a.number === potentialParent)) {
+            return potentialParent
+        }
+    }
+
+    return undefined
+}
+
+
 async function seed() {
     try {
         // Check if data already exists
@@ -16,287 +59,563 @@ async function seed() {
         }
 
         await dbClient.transaction(async (tx) => {
+            const createdAt = new Date().toISOString()
+
+
+            // ==========================================
+            // USER
+            // ==========================================
+            console.log("Creating user...")
+            const passwordSalt = randomBytes(16).toString('hex')
+            const passwordHash = pbkdf2Sync("demo", passwordSalt, 128000, 64, `sha512`).toString(`hex`)
+            const newUser: (typeof models.user.$inferInsert) = {
+                id: generateId(),
+                isActive: true,
+                email: "demo@arrhes.com",
+                alias: randFirstName(),
+                passwordHash: passwordHash,
+                passwordSalt: passwordSalt,
+                isEmailValidated: true,
+                createdAt: createdAt,
+            }
+            await tx.insert(models.user).values(newUser)
+
+
+            // ==========================================
+            // ORGANIZATION 1: Empty organization
+            // ==========================================
+            console.log("Creating empty organization...")
+            const emptyOrganization: (typeof models.organization.$inferInsert) = {
+                id: generateId(),
+                isArchived: false,
+                scope: "company",
+                siren: "111111111",
+                name: "Organisation vide",
+                email: "empty@arrhes.com",
+                createdAt: createdAt,
+            }
+            await tx.insert(models.organization).values(emptyOrganization)
+
+            // Link user to empty organization
+            const emptyOrganizationUser: (typeof models.organizationUser.$inferInsert) = {
+                id: generateId(),
+                idOrganization: emptyOrganization.id,
+                idUser: newUser.id,
+                isAdmin: true,
+                status: "active",
+                createdAt: createdAt,
+            }
+            await tx.insert(models.organizationUser).values(emptyOrganizationUser)
+
+
+            // ==========================================
+            // ORGANIZATION 2: Fully populated organization
+            // ==========================================
+            console.log("Creating populated organization...")
+            const populatedOrganization: (typeof models.organization.$inferInsert) = {
+                id: generateId(),
+                isArchived: false,
+                scope: "company",
+                siren: "222222222",
+                name: "Demo company",
+                email: "demo@arrhes.com",
+                createdAt: createdAt,
+            }
+            await tx.insert(models.organization).values(populatedOrganization)
+
+            // Link user to populated organization
+            const populatedOrganizationUser: (typeof models.organizationUser.$inferInsert) = {
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idUser: newUser.id,
+                isAdmin: true,
+                status: "active",
+                createdAt: createdAt,
+            }
+            await tx.insert(models.organizationUser).values(populatedOrganizationUser)
+
+
+            // ==========================================
+            // YEAR (for populated organization)
+            // ==========================================
+            console.log("Creating year...")
+            const currentDate = new Date()
+            const newYear: (typeof models.year.$inferInsert) = {
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                isClosed: false,
+                label: `Exercice ${currentDate.getFullYear()}`,
+                startingAt: new Date(currentDate.getFullYear(), 0, 1, 0, 0).toISOString(),
+                endingAt: new Date(currentDate.getFullYear(), 11, 31, 23, 59, 59).toISOString(),
+                createdAt: createdAt,
+            }
+            await tx.insert(models.year).values(newYear)
+
+
+            // ==========================================
+            // JOURNALS
+            // ==========================================
+            console.log("Creating journals...")
+            const newJournals: (typeof models.journal.$inferInsert)[] = defaultJournals.map((journal) => ({
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idYear: newYear.id,
+                code: journal.code,
+                label: journal.label,
+                createdAt: createdAt,
+            }))
+            await tx.insert(models.journal).values(newJournals)
+
+            // Create a map for journal lookup
+            const journalByCode = new Map(newJournals.map(j => [j.code, j]))
+
+
+            // ==========================================
+            // BALANCE SHEETS
+            // ==========================================
+            console.log("Creating balance sheets...")
+            type BalanceSheetWithMeta = typeof models.balanceSheet.$inferInsert & {
+                originalNumber: number
+                numberParent: number | undefined
+                accounts: typeof defaultCompanyBalanceSheets[number]["accounts"]
+            }
+
+            const newBalanceSheets: BalanceSheetWithMeta[] = defaultCompanyBalanceSheets.map((bs) => ({
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idYear: newYear.id,
+                idBalanceSheetParent: undefined,
+                isDefault: true,
+                isComputed: true,
+                side: bs.side,
+                number: bs.number.toString(),
+                label: bs.label,
+                createdAt: createdAt,
+                originalNumber: bs.number,
+                numberParent: bs.numberParent,
+                accounts: bs.accounts,
+            }))
+
+            // Resolve parent IDs
+            for (const bs of newBalanceSheets) {
+                if (bs.numberParent !== undefined) {
+                    const parent = newBalanceSheets.find(
+                        p => p.originalNumber === bs.numberParent && p.side === bs.side
+                    )
+                    if (parent) {
+                        bs.idBalanceSheetParent = parent.id
+                    }
+                }
+            }
+
+            // Insert balance sheets (without meta fields)
+            await tx.insert(models.balanceSheet).values(
+                newBalanceSheets.map(({ originalNumber, numberParent, accounts, ...bs }) => bs)
+            )
+
+            // Create lookup maps for balance sheets
+            const balanceSheetByNumberAndSide = new Map(
+                newBalanceSheets.map(bs => [`${bs.side}-${bs.originalNumber}`, bs])
+            )
+
+
+            // ==========================================
+            // INCOME STATEMENTS
+            // ==========================================
+            console.log("Creating income statements...")
+            type IncomeStatementWithMeta = typeof models.incomeStatement.$inferInsert & {
+                originalNumber: number
+                numberParent: number | undefined
+                accountNumbers: number[]
+            }
+
+            const newIncomeStatements: IncomeStatementWithMeta[] = defaultCompanyIncomeStatements.map((is) => ({
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idYear: newYear.id,
+                idIncomeStatementParent: undefined,
+                isDefault: true,
+                isComputed: true,
+                number: is.number.toString(),
+                label: is.label,
+                createdAt: createdAt,
+                originalNumber: is.number,
+                numberParent: is.numberParent,
+                accountNumbers: is.accounts,
+            }))
+
+            // Resolve parent IDs
+            for (const is of newIncomeStatements) {
+                if (is.numberParent !== undefined) {
+                    const parent = newIncomeStatements.find(p => p.originalNumber === is.numberParent)
+                    if (parent) {
+                        is.idIncomeStatementParent = parent.id
+                    }
+                }
+            }
+
+            // Insert income statements (without meta fields)
+            await tx.insert(models.incomeStatement).values(
+                newIncomeStatements.map(({ originalNumber, numberParent, accountNumbers, ...is }) => is)
+            )
+
+            // Create lookup map for income statements
+            const incomeStatementByNumber = new Map(
+                newIncomeStatements.map(is => [is.originalNumber, is])
+            )
+
+
+            // ==========================================
+            // ACCOUNTS
+            // ==========================================
+            console.log("Creating accounts...")
+            const flatAccounts = flattenAccounts(defaultCompanyAccounts)
+
+            type AccountWithMeta = typeof models.account.$inferInsert & {
+                originalNumber: number
+            }
+
+            // Create account map for balance sheet lookups (account number -> balance sheet info)
+            const accountToBalanceSheetAsset = new Map<number, {
+                id: string
+                flow: "debit" | "credit"
+                isAmortization: boolean
+            }>()
+            const accountToBalanceSheetLiability = new Map<number, {
+                id: string
+                flow: "debit" | "credit"
+                isAmortization: boolean
+            }>()
+
+            for (const bs of newBalanceSheets) {
+                for (const acc of bs.accounts) {
+                    const mapping = {
+                        id: bs.id!,
+                        flow: acc.flow,
+                        isAmortization: acc.isAmortization
+                    }
+                    if (bs.side === "asset") {
+                        accountToBalanceSheetAsset.set(acc.number, mapping)
+                    } else {
+                        accountToBalanceSheetLiability.set(acc.number, mapping)
+                    }
+                }
+            }
+
+            // Create account map for income statement lookups
+            const accountToIncomeStatement = new Map<number, string>()
+            for (const is of newIncomeStatements) {
+                for (const accNum of is.accountNumbers) {
+                    accountToIncomeStatement.set(accNum, is.id!)
+                }
+            }
+
+            // Build account objects
+            const newAccounts: AccountWithMeta[] = flatAccounts.map((account) => {
+                const assetMapping = accountToBalanceSheetAsset.get(account.number)
+                const liabilityMapping = accountToBalanceSheetLiability.get(account.number)
+                const incomeStatementId = accountToIncomeStatement.get(account.number)
+
+                return {
+                    id: generateId(),
+                    idOrganization: populatedOrganization.id,
+                    idYear: newYear.id,
+                    idAccountParent: undefined,
+                    idBalanceSheetAsset: assetMapping?.id ?? null,
+                    balanceSheetAssetColumn: assetMapping
+                        ? (assetMapping.isAmortization ? "amortization" : "gross")
+                        : null,
+                    balanceSheetAssetFlow: assetMapping?.flow ?? null,
+                    idBalanceSheetLiability: liabilityMapping?.id ?? null,
+                    balanceSheetLiabilityColumn: liabilityMapping
+                        ? (liabilityMapping.isAmortization ? "amortization" : "gross")
+                        : null,
+                    balanceSheetLiabilityFlow: liabilityMapping?.flow ?? null,
+                    idIncomeStatement: incomeStatementId ?? null,
+                    isMandatory: account.isMandatory,
+                    isClass: account.isClass,
+                    isSelectable: account.isSelectable,
+                    isDefault: true,
+                    number: account.number.toString(),
+                    label: account.label,
+                    type: account.type,
+                    createdAt: createdAt,
+                    originalNumber: account.number,
+                }
+            })
+
+            // Resolve parent account IDs
+            const accountByNumber = new Map(newAccounts.map(a => [a.originalNumber, a]))
+            for (const account of newAccounts) {
+                const parentNumber = findParentNumber(account.originalNumber, flatAccounts)
+                if (parentNumber !== undefined) {
+                    const parent = accountByNumber.get(parentNumber)
+                    if (parent) {
+                        account.idAccountParent = parent.id
+                    }
+                }
+            }
+
+            // Insert accounts (without meta fields)
+            await tx.insert(models.account).values(
+                newAccounts.map(({ originalNumber, ...acc }) => acc)
+            )
+
+
+            // ==========================================
+            // COMPUTATIONS
+            // ==========================================
+            console.log("Creating computations...")
+            type ComputationWithMeta = typeof models.computation.$inferInsert & {
+                incomeStatements: typeof defaultComputations[number]["incomeStatements"]
+            }
+
+            const newComputations: ComputationWithMeta[] = defaultComputations.map((comp, index) => ({
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idYear: newYear.id,
+                index: index,
+                number: comp.number.toString(),
+                label: comp.label,
+                createdAt: createdAt,
+                incomeStatements: comp.incomeStatements,
+            }))
+
+            // Insert computations (without meta fields)
+            await tx.insert(models.computation).values(
+                newComputations.map(({ incomeStatements, ...comp }) => comp)
+            )
+
+
+            // ==========================================
+            // COMPUTATION INCOME STATEMENTS
+            // ==========================================
+            console.log("Creating computation income statements...")
+            const newComputationIncomeStatements: (typeof models.computationIncomeStatement.$inferInsert)[] = []
+
+            for (const computation of newComputations) {
+                for (let i = 0; i < computation.incomeStatements.length; i++) {
+                    const isRef = computation.incomeStatements[i]
+                    const incomeStatement = incomeStatementByNumber.get(isRef.number)
+
+                    if (!incomeStatement) {
+                        console.warn(`Income statement not found: ${isRef.number} for computation ${computation.number}`)
+                        continue
+                    }
+
+                    newComputationIncomeStatements.push({
+                        id: generateId(),
+                        idOrganization: populatedOrganization.id,
+                        idYear: newYear.id,
+                        idComputation: computation.id!,
+                        idIncomeStatement: incomeStatement.id!,
+                        index: i,
+                        operation: isRef.operation,
+                        createdAt: createdAt,
+                    })
+                }
+            }
+
+            if (newComputationIncomeStatements.length > 0) {
+                await tx.insert(models.computationIncomeStatement).values(newComputationIncomeStatements)
+            }
+
+
+            // ==========================================
+            // RECORD LABELS
+            // ==========================================
+            console.log("Creating record labels...")
+            const recordLabelData = [
+                { label: "Loyer mensuel" },
+                { label: "Facture fournisseur" },
+                { label: "Vente client" },
+                { label: "Salaires" },
+                { label: "Charges sociales" },
+                { label: "Electricite" },
+                { label: "Abonnement internet" },
+            ]
+
+            const newRecordLabels: (typeof models.recordLabel.$inferInsert)[] = recordLabelData.map((rl) => ({
+                id: generateId(),
+                idOrganization: populatedOrganization.id,
+                idYear: newYear.id,
+                label: rl.label,
+                createdAt: createdAt,
+            }))
+
+            await tx.insert(models.recordLabel).values(newRecordLabels)
+
+
+            // ==========================================
+            // SAMPLE RECORDS AND RECORD ROWS
+            // ==========================================
+            console.log("Creating sample records and record rows...")
+
+            // Get some accounts for sample entries
+            const account512 = newAccounts.find(a => a.originalNumber === 512) // Banque
+            const account401 = newAccounts.find(a => a.originalNumber === 401) // Fournisseurs (we need to check if it exists)
+            const account411 = newAccounts.find(a => a.originalNumber === 411) // Clients
+            const account706 = newAccounts.find(a => a.originalNumber === 706) // Prestations de services
+            const account607 = newAccounts.find(a => a.originalNumber === 607) // Achats de marchandises
+            const account44566 = newAccounts.find(a => a.originalNumber === 44566) // TVA deductible
+            const account44571 = newAccounts.find(a => a.originalNumber === 44571) // TVA collectee
+
+            const journalVT = journalByCode.get("VT")
+            const journalAC = journalByCode.get("AC")
+            const journalBQ = journalByCode.get("BQ")
+
+            const sampleRecords: {
+                record: typeof models.record.$inferInsert
+                rows: typeof models.recordRow.$inferInsert[]
+            }[] = []
+
+            // Sample sale record
+            if (journalVT && account411 && account706 && account44571) {
+                const recordId = generateId()
+                sampleRecords.push({
+                    record: {
+                        id: recordId,
+                        idOrganization: populatedOrganization.id,
+                        idYear: newYear.id,
+                        idJournal: journalVT.id,
+                        idAttachment: null,
+                        idRecordLabel: newRecordLabels[2].id, // Vente client
+                        label: "Facture client FC001",
+                        date: new Date(currentDate.getFullYear(), 0, 15).toISOString(),
+                        createdAt: createdAt,
+                    },
+                    rows: [
+                        {
+                            id: generateId(),
+                            idOrganization: populatedOrganization.id,
+                            idYear: newYear.id,
+                            idRecord: recordId,
+                            idAccount: account411.id,
+                            isComputedForJournalReport: false,
+                            isComputedForLedgerReport: false,
+                            isComputedForBalanceReport: false,
+                            isComputedForBalanceSheetReport: false,
+                            isComputedForIncomeStatementReport: false,
+                            label: "Client - Facture FC001",
+                            debit: "1200.00",
+                            credit: "0.00",
+                            createdAt: createdAt,
+                        },
+                        {
+                            id: generateId(),
+                            idOrganization: populatedOrganization.id,
+                            idYear: newYear.id,
+                            idRecord: recordId,
+                            idAccount: account706.id,
+                            isComputedForJournalReport: false,
+                            isComputedForLedgerReport: false,
+                            isComputedForBalanceReport: false,
+                            isComputedForBalanceSheetReport: false,
+                            isComputedForIncomeStatementReport: false,
+                            label: "Prestation de services",
+                            debit: "0.00",
+                            credit: "1000.00",
+                            createdAt: createdAt,
+                        },
+                        {
+                            id: generateId(),
+                            idOrganization: populatedOrganization.id,
+                            idYear: newYear.id,
+                            idRecord: recordId,
+                            idAccount: account44571.id,
+                            isComputedForJournalReport: false,
+                            isComputedForLedgerReport: false,
+                            isComputedForBalanceReport: false,
+                            isComputedForBalanceSheetReport: false,
+                            isComputedForIncomeStatementReport: false,
+                            label: "TVA collectee",
+                            debit: "0.00",
+                            credit: "200.00",
+                            createdAt: createdAt,
+                        },
+                    ],
+                })
+            }
+
+            // Sample bank receipt record
+            if (journalBQ && account512 && account411) {
+                const recordId = generateId()
+                sampleRecords.push({
+                    record: {
+                        id: recordId,
+                        idOrganization: populatedOrganization.id,
+                        idYear: newYear.id,
+                        idJournal: journalBQ.id,
+                        idAttachment: null,
+                        idRecordLabel: null,
+                        label: "Encaissement client",
+                        date: new Date(currentDate.getFullYear(), 1, 1).toISOString(),
+                        createdAt: createdAt,
+                    },
+                    rows: [
+                        {
+                            id: generateId(),
+                            idOrganization: populatedOrganization.id,
+                            idYear: newYear.id,
+                            idRecord: recordId,
+                            idAccount: account512.id,
+                            isComputedForJournalReport: false,
+                            isComputedForLedgerReport: false,
+                            isComputedForBalanceReport: false,
+                            isComputedForBalanceSheetReport: false,
+                            isComputedForIncomeStatementReport: false,
+                            label: "Encaissement FC001",
+                            debit: "1200.00",
+                            credit: "0.00",
+                            createdAt: createdAt,
+                        },
+                        {
+                            id: generateId(),
+                            idOrganization: populatedOrganization.id,
+                            idYear: newYear.id,
+                            idRecord: recordId,
+                            idAccount: account411.id,
+                            isComputedForJournalReport: false,
+                            isComputedForLedgerReport: false,
+                            isComputedForBalanceReport: false,
+                            isComputedForBalanceSheetReport: false,
+                            isComputedForIncomeStatementReport: false,
+                            label: "Reglement client",
+                            debit: "0.00",
+                            credit: "1200.00",
+                            createdAt: createdAt,
+                        },
+                    ],
+                })
+            }
+
+            // Insert records
+            if (sampleRecords.length > 0) {
+                await tx.insert(models.record).values(sampleRecords.map(r => r.record))
+                await tx.insert(models.recordRow).values(sampleRecords.flatMap(r => r.rows))
+            }
+
+
+            console.log("Seed completed successfully!")
+            console.log(`- 1 user created`)
+            console.log(`- 2 organizations created (1 empty, 1 populated)`)
+            console.log(`- 1 year created`)
+            console.log(`- ${newJournals.length} journals created`)
+            console.log(`- ${newBalanceSheets.length} balance sheets created`)
+            console.log(`- ${newIncomeStatements.length} income statements created`)
+            console.log(`- ${newAccounts.length} accounts created`)
+            console.log(`- ${newComputations.length} computations created`)
+            console.log(`- ${newComputationIncomeStatements.length} computation-income statement links created`)
+            console.log(`- ${newRecordLabels.length} record labels created`)
+            console.log(`- ${sampleRecords.length} sample records created`)
+        })
+
+    } catch (error) {
+        console.log(error)
+    }
+}
 
+console.log("Seeding starting.")
+await seed()
 
-            // User
-            console.log("Add user")
-            const passwordSalt = randomBytes(16).toString('hex')
-            const passwordHash = pbkdf2Sync("demo", passwordSalt, 128000, 64, `sha512`).toString(`hex`)
-            const newUser: (typeof models.user.$inferInsert) = {
-                id: generateId(),
-                isActive: true,
-                email: "demo@arrhes.com",
-                alias: randFirstName(),
-                passwordHash: passwordHash,
-                passwordSalt: passwordSalt,
-                isEmailValidated: true,
-                createdAt: new Date().toISOString(),
-            }
-            await tx.insert(models.user).values(newUser)
-
-
-            // Organization
-            console.log("Add organization")
-            const newOrganization: (typeof models.organization.$inferInsert) = {
-                id: generateId(),
-                isArchived: false,
-                scope: "company",
-                siren: "123456789",
-                name: "Demo company",
-                email: "demo@arrhes.com",
-                createdAt: new Date().toISOString(),
-            }
-            await tx.insert(models.organization).values(newOrganization)
-
-
-            // OrganizationUser
-            console.log("Add user")
-            const newOrganizationUser: (typeof models.organizationUser.$inferInsert) = {
-                id: generateId(),
-                idOrganization: newOrganization.id,
-                idUser: newUser.id,
-                isAdmin: true,
-                status: "active",
-                createdAt: new Date().toISOString(),
-            }
-            await tx.insert(models.organizationUser).values(newOrganizationUser)
-
-
-            // Years
-            console.log("Add years")
-            const currentDate = new Date()
-            const newYear: (typeof models.year.$inferInsert) = {
-                id: generateId(),
-                idOrganization: newOrganization.id,
-                isClosed: false,
-                label: `Exercice ${currentDate.getFullYear()}`,
-                startingAt: new Date(currentDate.getFullYear(), 0, 1, 0, 0).toISOString(),
-                endingAt: new Date(currentDate.getFullYear(), 11, 31, 23, 59, 99).toISOString(),
-                createdAt: new Date().toISOString(),
-            }
-            await tx.insert(models.year).values(newYear)
-
-
-            // Journals
-            console.log("Add journals")
-            const newJournals: (typeof models.journal.$inferInsert)[] = defaultJournals.map((journal) => ({
-                id: generateId(),
-                idOrganization: newOrganization.id,
-                idYear: newYear.id,
-                code: journal.code,
-                label: journal.label,
-                createdAt: new Date().toISOString(),
-            }))
-            await tx.insert(models.journal).values(newJournals)
-
-
-            // // Accounts
-            // // console.log("Add accounts")
-            // // let newAccounts: (typeof models.account.$inferInsert)[] = defaultCompanyAccounts.map((_account) => ({
-            // //     id: generateId(),
-            // //     idOrganization: newOrganization.id,
-            // //     idYear: newYear.id,
-            // //     idParent: undefined,
-            // //     isDefault: true,
-            // //     number: _account.number.toString(),
-            // //     isMandatory: _account.isMandatory,
-            // //     isClass: _account.isClass,
-            // //     isSelectable: _account.isSelectable,
-            // //     label: _account.label,
-            // //     type: _account.type,
-            // //     scope: "company",
-            // //     createdAt: new Date().toISOString(),
-            // // }))
-            // // newAccounts = newAccounts.map((_account) => {
-            // //     const parent = newAccounts.find((x) => x.number !== _account.number && _account.number.toString().includes(x.number.toString()) && _account.number.toString().length === x.number.toString().length + 1)
-
-            // //     return ({
-            // //         ..._account,
-            // //         idParent: parent?.id
-            // //     })
-            // // })
-            // // await tx.insert(models.account).values(newAccounts)
-
-
-            // // Sheets
-            // console.log("Add sheets")
-            // let newBalanceSheets: (typeof models.balanceSheet.$inferInsert & { numberParent: number | undefined, accounts: DefaultBalanceSheet["accounts"][number][] })[] = defaultCompanyBalanceSheets.map((_balanceSheet) => ({
-            //     id: generateId(),
-            //     idOrganization: newOrganization.id,
-            //     idYear: newYear.id,
-            //     isDefault: true,
-            //     isComputed: true,
-            //     side: _balanceSheet.side,
-            //     number: _balanceSheet.number.toString(),
-            //     label: _balanceSheet.label,
-            //     grossAmountAdded: "0",
-            //     amortizationAmountAdded: "0",
-            //     netAmountAdded: "0",
-            //     createdAt: new Date().toISOString(),
-            //     numberParent: _balanceSheet.numberParent,
-            //     accounts: _balanceSheet.accounts,
-            // }))
-            // // newSheets = newSheets.map((_sheet) => {
-            // //     const parent = newSheets.find((x) => (x.number === _sheet.numberParent) && (x.side === _sheet.side))
-
-            // //     return ({
-            // //         ..._sheet,
-            // //         idParent: parent?.id
-            // //     })
-            // // })
-            // await tx.insert(models.balanceSheet).values(newBalanceSheets)
-
-
-            // // Statements
-            // console.log("Add statements")
-            // let newIncomeStatements: Array<
-            //     & typeof models.incomeStatement.$inferInsert
-            //     & {
-            //         numberParent: number | undefined,
-            //         accounts: number[]
-            //     }
-            // > = defaultCompanyIncomeStatements
-            //     .map((_incomeStatement) => ({
-            //         id: generateId(),
-            //         idOrganization: newOrganization.id,
-            //         idYear: newYear.id,
-            //         isDefault: true,
-            //         isComputed: true,
-            //         number: _incomeStatement.number.toString(),
-            //         label: _incomeStatement.label,
-            //         netAmountAdded: "0",
-            //         createdAt: new Date().toISOString(),
-            //         numberParent: _incomeStatement.numberParent,
-            //         accounts: _incomeStatement.accounts
-            //     }))
-            // // newStatements = newStatements.map((_statement) => {
-            // //     const parent = newStatements.find((x) => x.number === _statement.numberParent)
-
-            // //     return ({
-            // //         ..._statement,
-            // //         idParent: parent?.id
-            // //     })
-            // // })
-            // await tx.insert(models.incomeStatement).values(newIncomeStatements)
-
-
-
-            // // Computations
-            // console.log("Add computations")
-            // const newComputations: Array<
-            //     & typeof models.computation.$inferInsert
-            //     & { incomeStatements: DefaultComputation["incomeStatements"][number][] }
-            // > = defaultComputations.map((_computation, index) => {
-            //     return ({
-            //         id: generateId(),
-            //         idOrganization: newOrganization.id,
-            //         idYear: newYear.id,
-            //         index: index,
-            //         number: _computation.number.toString(),
-            //         label: _computation.label,
-            //         createdAt: new Date().toISOString(),
-            //         incomeStatements: _computation.incomeStatements
-            //     })
-            // })
-            // await tx.insert(models.computation).values(newComputations)
-
-
-            // // ComputationStatements
-            // console.log("Add computationStatements")
-            // const newComputationIncomeStatements: Array<(typeof models.computationIncomeStatement.$inferInsert)> = []
-            // newComputations.forEach((_computation) => {
-            //     _computation.incomeStatements.forEach((_incomeStatement, index) => {
-            //         const incomeStatement = newIncomeStatements.find((x) => x.number === _incomeStatement.number.toString())
-
-            //         if (!incomeStatement) return console.log(`Statement not found ${_computation.number} ${_incomeStatement.number}`)
-            //         newComputationIncomeStatements.push({
-            //             id: generateId(),
-            //             idOrganization: newOrganization.id,
-            //             idYear: newYear.id,
-            //             idComputation: _computation.id,
-            //             idIncomeStatement: incomeStatement.id,
-            //             index: index,
-            //             operation: _incomeStatement.operation,
-            //             createdAt: new Date().toISOString(),
-            //         })
-            //     })
-            // })
-            // await tx.insert(models.computationIncomeStatement).values(newComputationIncomeStatements)
-
-
-            // Check accounts
-            // newAccounts.forEach((account) => {
-            //     if (account.isClass) return
-            //     if (!account.isSelectable) return
-            //     // if (newAccounts.find(x => x.idParent === account.id)) return
-
-            //     const accountClass = account.number.toString().at(0) ?? ""
-
-            //     if (["1", "2", "3", "4", "5"].includes(accountClass)) {
-            //         if (account.idBalanceSheet === null) {
-            //             console.log(`Account not used (sheet) ${account.number} ${account.isMandatory}`)
-            //         }
-            //     }
-
-            //     if (["6", "7"].includes(accountClass)) {
-            //         if (account.idIncomeStatement === null) {
-            //             console.log(`Account not used (statement) ${account.number} ${account.isMandatory}`)
-            //         }
-            //     }
-            // })
-
-            // Record and recordRows
-            // console.log("Add record and recordRows")
-            // const newRecords: (typeof models.record.$inferInsert)[] = []
-            // const newRows: (typeof models.recordRow.$inferInsert)[] = []
-            // defaultRecords2022.forEach((record) => {
-
-            //     const idRecord = generateId()
-            //     newRecords.push({
-            //         id: idRecord,
-            //         idOrganization: newOrganization.id,
-            //         idYear: newYear.id,
-            //         idJournal: undefined,
-            //         idAttachment: undefined,
-            //         label: record.label,
-            //         date: record.date,
-            //         createdAt: new Date().toISOString(),
-            //     })
-
-            //     record.rows.forEach((row) => {
-            //         const idAccount = newAccounts.find((account) => account.number === row.accountNumber.toString())?.id
-            //         if (!idAccount) {
-            //             console.log("Erreur row", row)
-            //             return
-            //         }
-            //         newRows.push({
-            //             id: generateId(),
-            //             idOrganization: newOrganization.id,
-            //             idYear: newYear.id,
-            //             idAccount: idAccount,
-            //             idRecord: idRecord,
-            //             computedCode: null,
-            //             isComputed: true,
-            //             label: row.label,
-            //             debit: row.debit.toString(),
-            //             credit: row.credit.toString(),
-            //             createdAt: new Date().toISOString(),
-            //         })
-            //     })
-
-            // })
-            // if (newRecords.length > 0 && newRows.length > 0) {
-            //     await tx.insert(models.record).values(newRecords)
-            //     await tx.insert(models.recordRow).values(newRows)
-            // }
-        })
-
-    } catch (error) {
-        console.log(error)
-    }
-}
-
-console.log("Seeding starting.")
-await seed()
-
-process.exit()
+process.exit()
diff --git a/packages/ui/panda.config.ts b/packages/ui/panda.config.ts
index 3426c08..9ef3fa4 100644
--- a/packages/ui/panda.config.ts
+++ b/packages/ui/panda.config.ts
@@ -11,6 +11,28 @@ export default defineConfig({
     // Files to exclude
     exclude: [],
 
+    globalFontface: {
+        Monaspace: {
+            src: 'url(/src/assets/fonts/Monaspace Neon Var.woff2) format("woff2")',
+            fontWeight: "unset",
+            fontStyle: 'normal',
+            fontDisplay: 'swap',
+            fontVariant: "contextual",
+            lineGapOverride: "normal",
+            fontFeatureSettings: "calt",
+        }
+    },
+
+    globalCss: {
+        "*": {
+            color: "neutral",
+            margin: 0,
+            padding: 0,
+            fontFamily: "Monaspace, monospace",
+            fontWeight: "300",
+        }
+    },
+
     // Useful for theme customization
     theme: {
         tokens: {
diff --git a/packages/ui/src/components/buttons/button.tsx b/packages/ui/src/components/buttons/button.tsx
index 3aff792..d4418f2 100644
--- a/packages/ui/src/components/buttons/button.tsx
+++ b/packages/ui/src/components/buttons/button.tsx
@@ -1,83 +1,87 @@
-import { type ComponentProps, type MouseEvent, type ReactNode, useState } from "react"
+import { type ComponentProps, type MouseEvent, type ReactNode, createContext, forwardRef, useContext, useState } from "react"
 import { css, cx } from "../../utilities/cn.ts"
 import { sleep } from "../../utilities/sleep.ts"
-import { ButtonContent } from "./buttonContent"
 
 
 /**
- * Button component with loading state handling and variant support
- * Styled to match GitHub's Primer design system
- * Combines button behavior with ButtonContent visual styles
- * Can render children directly or use ButtonContent for structured content
+ * Context for passing loading state from Button to ButtonContent
  */
-export function Button(props:
-    & Omit<ComponentProps<"button">, "color">
-    & ComponentProps<typeof ButtonContent>
-    & {
-        hasLoader?: boolean
-        children?: ReactNode
-    }) {
+const ButtonLoadingContext = createContext<boolean>(false)
+
+/**
+ * Hook to access the loading state from a parent Button
+ * Returns false if not within a Button context
+ */
+export function useButtonLoading() {
+    return useContext(ButtonLoadingContext)
+}
+
+
+type ButtonProps = Omit<ComponentProps<"button">, "children"> & {
+    hasLoader?: boolean
+    children: ReactNode
+    title?: string
+}
+
+/**
+ * Button component - a neutral container for clickable elements
+ * Handles click events, loading state, and disabled state
+ * Use composition with ButtonContent for styled button content
+ * 
+ * @example
+ * <Button onClick={handleClick} hasLoader>
+ *   <ButtonContent variant="primary" text="Submit" />
+ * </Button>
+ */
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {
     const [isLoading, setIsLoading] = useState(false)
 
     async function handleClick(e: MouseEvent<HTMLButtonElement>) {
         if (props.onClick === undefined) return
-        if (props.hasLoader === false) return props.onClick(e)
+        if (!props.hasLoader) {
+            props.onClick(e)
+            return
+        }
 
         setIsLoading(true)
         await Promise.all([sleep(100), props.onClick(e)])
         setIsLoading(false)
-
-        e.preventDefault()
     }
 
-    // Extract content props from button props
     const {
-        variant, color, text, leftIcon, rightIcon, isActive,
         hasLoader, className, disabled, title, children,
         ...buttonProps
     } = props
 
-    // If children are provided, render them directly instead of ButtonContent
-    const hasChildren = children !== undefined
-
     return (
-        <button
-            {...buttonProps}
-            className={cx(
-                css({
-                    display: "flex",
-                    justifyContent: "flex-start",
-                    alignItems: "center",
-                    cursor: "pointer",
-                    width: "fit-content",
-                    maxWidth: "100%",
-                    height: "fit-content",
-                    maxHeight: "fit-content",
-                    bg: "transparent",
-                    border: "none",
-                    padding: "0",
-                    _disabled: { cursor: "not-allowed" },
-                }),
-                className
-            )}
-            onClick={handleClick}
-            type={props.type ?? "button"}
-            disabled={disabled || isLoading}
-            title={title ?? text}
-        >
-            {hasChildren ? children : (
-                <ButtonContent
-                    variant={variant}
-                    color={color}
-                    text={text}
-                    title={title ?? text}
-                    leftIcon={leftIcon}
-                    rightIcon={rightIcon}
-                    isLoading={hasLoader !== false ? isLoading : undefined}
-                    disabled={disabled}
-                    isActive={isActive}
-                />
-            )}
-        </button>
+        <ButtonLoadingContext.Provider value={isLoading}>
+            <button
+                {...buttonProps}
+                ref={ref}
+                className={cx(
+                    css({
+                        display: "flex",
+                        justifyContent: "flex-start",
+                        alignItems: "center",
+                        cursor: "pointer",
+                        width: "fit-content",
+                        maxWidth: "100%",
+                        height: "fit-content",
+                        maxHeight: "fit-content",
+                        bg: "transparent",
+                        border: "none",
+                        padding: "0",
+                        _disabled: { cursor: "not-allowed" },
+                    }),
+                    className
+                )}
+                onClick={handleClick}
+                type={props.type ?? "button"}
+                disabled={disabled || isLoading}
+                title={title}
+            >
+                {children}
+            </button>
+        </ButtonLoadingContext.Provider>
     )
-}
+})
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
index 77bbae9..64d706e 100644
--- a/packages/ui/src/components/buttons/buttonContent.tsx
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -2,6 +2,7 @@ import type { Icon, IconProps } from "@tabler/icons-react"
 import { cloneElement, type ReactElement } from "react"
 import { css, cx } from "../../utilities/cn.ts"
 import { CircularLoader } from "../layouts/circularLoader"
+import { useButtonLoading } from "./button"
 
 
 // Color variants available for all button styles (GitHub Primer inspired)
@@ -159,13 +160,18 @@ const variantStyles = {
             },
             _active: {
                 bg: "neutral/12",
+                backgroundColor: "primary/10"
             },
         }),
         colors: {
             neutral: {
-                container: css({}),
+                container: css({
+                    _active: {
+                        backgroundColor: "primary/10"
+                    }
+                }),
                 icon: css({ color: "neutral/70" }),
-                text: css({ color: "neutral/70" }),
+                text: css({ color: "neutral" }),
             },
             danger: {
                 container: css({
@@ -189,6 +195,9 @@ const variantStyles = {
  * ButtonContent renders the visual content of a button (icon, text, loader)
  * Styled to match GitHub's Primer design system
  * Can be used standalone or wrapped by Button/Link for click handling
+ * 
+ * When used inside a Button with hasLoader, loading state is automatically
+ * propagated via context and will show the spinner without manual isLoading prop
  */
 export function ButtonContent(props: {
     variant?: ButtonVariant
@@ -207,6 +216,10 @@ export function ButtonContent(props: {
     const color = colorMap[rawColor] // Map legacy colors
     const styles = variantStyles[variant].colors[color]
 
+    // Use loading state from context if not explicitly set via props
+    const contextLoading = useButtonLoading()
+    const isLoading = props.isLoading ?? contextLoading
+
     const baseContainerStyles = css({
         width: "fit-content",
         display: "flex",
@@ -217,7 +230,9 @@ export function ButtonContent(props: {
         borderRadius: "md",
         boxSizing: "border-box",
         cursor: "pointer",
-        transition: "all 0.1s ease-in-out",
+        transition: "all",
+        transitionDuration: "200ms",
+        transitionTimingFunction: "ease-in-out",
         _disabled: { opacity: 0.5, cursor: "not-allowed" },
     })
 
@@ -246,24 +261,34 @@ export function ButtonContent(props: {
         lineHeight: "1",
     })
 
+    const baseContainerActiveStyles = props.isActive
+        ? css({ backgroundColor: "background" })
+        : ""
+
+    const leftIconActiveStyles = props.isActive
+        ? css({ color: "primary" })
+        : ""
+
     const textActiveStyles = props.isActive
-        ? css({ fontWeight: "bold" })
+        ? css({ color: "primary" })
         : ""
 
     return (
         <div
             title={props.title ?? props.text}
-            aria-disabled={props.disabled || props.isLoading}
+            aria-current={props.isActive || isLoading}
+            aria-disabled={props.disabled || isLoading}
             className={cx(
                 baseContainerStyles,
                 iconOnlyStyles,
+                baseContainerActiveStyles,
                 variantStyles[variant].base,
                 styles.container,
                 props.className
             )}
         >
             {/* Loading spinner */}
-            {props.isLoading && (
+            {isLoading && (
                 <CircularLoader
                     size={16}
                     className={cx(
@@ -274,11 +299,12 @@ export function ButtonContent(props: {
             )}
 
             {/* Left icon */}
-            {props.leftIcon && !props.isLoading && cloneElement(props.leftIcon, {
+            {props.leftIcon && !isLoading && cloneElement(props.leftIcon, {
                 "aria-disabled": props.disabled,
                 size: 16,
                 className: cx(
                     iconBaseStyles,
+                    leftIconActiveStyles,
                     variant === "primary"
                         ? css({ color: "white", _disabled: { color: "white/50" } })
                         : styles.icon
@@ -289,7 +315,7 @@ export function ButtonContent(props: {
             {/* Text label */}
             {props.text && (
                 <span
-                    aria-disabled={props.disabled || props.isLoading}
+                    aria-disabled={props.disabled || isLoading}
                     className={cx(
                         textBaseStyles,
                         textActiveStyles,
@@ -306,7 +332,7 @@ export function ButtonContent(props: {
             {props.rightIcon && (
                 <div className={css({ display: "flex", alignItems: "center", justifyContent: "center" })}>
                     {
-                        props.isLoading
+                        isLoading
                             ? (
                                 <CircularLoader
                                     size={16 - 4}
diff --git a/packages/ui/src/components/layouts/logo.tsx b/packages/ui/src/components/layouts/logo.tsx
index bb8e535..bc69361 100644
--- a/packages/ui/src/components/layouts/logo.tsx
+++ b/packages/ui/src/components/layouts/logo.tsx
@@ -9,6 +9,7 @@ export function Logo(props: {
 }) {
     return (
         <ButtonContent
+            variant="invisible"
             leftIcon={<IconAbacus />}
             text={
                 props.withText
diff --git a/packages/ui/src/components/layouts/separator.tsx b/packages/ui/src/components/layouts/separator.tsx
new file mode 100644
index 0000000..348a2da
--- /dev/null
+++ b/packages/ui/src/components/layouts/separator.tsx
@@ -0,0 +1,33 @@
+import type { ComponentProps } from "react"
+import { css, cx } from "../../utilities/cn.js"
+
+
+export function Separator(props: {
+    orientation?: "horizontal" | "vertical"
+    className?: ComponentProps<'div'>['className']
+}) {
+    const orientation = props.orientation ?? "horizontal"
+
+    return (
+        <div
+            role="separator"
+            aria-orientation={orientation}
+            className={cx(
+                css({
+                    backgroundColor: "neutral/8",
+                    flexShrink: 0,
+                }),
+                orientation === "horizontal"
+                    ? css({
+                        width: "100%",
+                        height: "1px",
+                    })
+                    : css({
+                        width: "1px",
+                        height: "100%",
+                    }),
+                props.className
+            )}
+        />
+    )
+}
diff --git a/packages/ui/src/fonts/Monaspace Neon Var.woff2 b/packages/ui/src/fonts/Monaspace Neon Var.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..9b7d48d4877b9f21aaef60ccd1f81de75334a354
GIT binary patch
literal 275632
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%0DswHqxk--{Q3gk0)h>!Q|8V#9!pL;G6S<?RA{
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
V)pcO?SU*?PDB`JYJ;1@h{tsLv+SvdA

literal 0
HcmV?d00001

diff --git a/packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf b/packages/ui/src/fonts/SometypeMono-VariableFont_wght.ttf
deleted file mode 100644
index 1f91f4421d3afc003677112babd626037128b4c7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 65180
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%0D>Jn*e?!Q8eQ~(R6RSKVy}XT#IHk
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

diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 3e95477..e9958ba 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -5,9 +5,10 @@ export { cn } from "./utilities/cn.js"
 export { Badge } from "./components/layouts/badge.js"
 export { CircularLoader } from "./components/layouts/circularLoader.js"
 export { Logo } from "./components/layouts/logo.js"
+export { Separator } from "./components/layouts/separator.js"
 
 // Components - Buttons
-export { Button } from "./components/buttons/button.js"
+export { Button, useButtonLoading } from "./components/buttons/button.js"
 
 export { ButtonContent } from "./components/buttons/buttonContent.js"
 export type { ButtonColor, ButtonVariant } from "./components/buttons/buttonContent.js"

From 71efe6fbe8facef2658d75ab14f90bd0333270f3 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Wed, 11 Feb 2026 02:57:48 +0100
Subject: [PATCH 19/25] =?UTF-8?q?=E2=9C=A8=20feat(dashboard):=20refresh=20?=
 =?UTF-8?q?settings=20and=20navigation=20layouts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- build Page-based layouts for organization, year, and account settings sections
- make subpage navigation sticky, update header/nav spacing, and restyle year cards
- update records sorting by date and use lastUpdatedAt column accessor
- switch docs navigation to LinkButton/ButtonContent and add LinkButton onClick
- tweak drawer click handling and ButtonContent active background
---
 .../components/layouts/page/pageHeader.tsx    |   1 +
 .../layouts/page/pageNavigation.tsx           |   4 +-
 .../src/components/layouts/subPageLayout.tsx  |  18 +-
 .../dashboard/src/components/linkButton.tsx   |   4 +-
 .../overlays/drawer/drawerContent.tsx         |   2 +-
 .../organizationSettingsPage.tsx              | 179 ++++++++++++++---
 .../years/$idYear/records/recordsPage.tsx     |   6 +-
 .../years/$idYear/yearLayout.tsx              |  78 ++++----
 .../$idYear/yearSettings/yearSettingsPage.tsx | 181 ++++++++++++++----
 .../$idOrganization/years/yearCard.tsx        | 104 +++++-----
 .../$idOrganization/years/yearsPage.tsx       |   9 +-
 .../dashboard/settings/settingsPage.tsx       | 126 +++++++++++-
 .../features/docs/components/sectionTab.tsx   |  54 ++----
 .../docs/components/sidebarNavigation.tsx     |  42 ++--
 .../src/features/docs/dashboardIndex.tsx      |  55 ++----
 .../src/components/buttons/buttonContent.tsx  |  42 ++--
 16 files changed, 614 insertions(+), 291 deletions(-)

diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index 302c2fd..35b2a5c 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -12,6 +12,7 @@ export function PageHeader(props: {
             className={cx(
                 css({
                     width: "100%",
+                    maxWidth: "xl",
                     height: "fit",
                     display: "flex",
                     flexDirection: "column",
diff --git a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
index 0529bb6..7120613 100644
--- a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
@@ -28,9 +28,11 @@ export function PageNavigation(props: {
             flexDirection: "column",
             justifyContent: "start",
             alignItems: "center",
-            padding: "1rem",
+            paddingX: "1rem",
+            paddingY: "0.5rem",
             borderBottom: "1px solid",
             borderBottomColor: "neutral/10",
+            backgroundColor: "background",
         })}>
             {
                 props.tabs === undefined
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index 3631ebb..2dc0f96 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -35,16 +35,24 @@ export function SubPageLayout(props: {
                 props.tabs === undefined
                     ? (null)
                     : (
-                        <div className={css({
-                            width: "fit",
+                        <aside className={css({
+                            width: "16rem",
+                            flexShrink: 0,
                             display: "flex",
                             flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
                             gap: "3",
                             borderRight: "1px solid",
-                            borderColor: "neutral/10",
-                            pr: "4"
+                            borderRightColor: "neutral/10",
+                            backgroundColor: "white",
+                            position: "sticky",
+                            top: "0",
+                            height: "fit-content",
+                            maxHeight: "100vh",
+                            overflowY: "auto",
+                            paddingRight: "4",
+                            paddingY: "2"
                         })}>
                             {
                                 props.tabs.map((tab) => {
@@ -104,7 +112,7 @@ export function SubPageLayout(props: {
                                     )
                                 })
                             }
-                        </div>
+                        </aside>
                     )
             }
             <div className={css({
diff --git a/packages/dashboard/src/components/linkButton.tsx b/packages/dashboard/src/components/linkButton.tsx
index 7e652c4..4fa8be5 100644
--- a/packages/dashboard/src/components/linkButton.tsx
+++ b/packages/dashboard/src/components/linkButton.tsx
@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router"
-import type { ComponentProps, ReactNode } from "react"
+import type { ComponentProps, MouseEventHandler, ReactNode } from "react"
 import type { ValidParams, ValidRoutes } from "../routes/platformRouter.js"
 import { css, cx } from "../utilities/cn.js"
 
@@ -21,6 +21,7 @@ export function LinkButton(props: {
     title?: string
     disabled?: boolean
     className?: string
+    onClick?: MouseEventHandler<HTMLAnchorElement> | undefined
     children: ReactNode
 }) {
     return (
@@ -42,6 +43,7 @@ export function LinkButton(props: {
             )}
             aria-disabled={props.disabled}
             title={props.title}
+            onClick={props.onClick}
         >
             {props.children}
         </Link>
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index cdcadc6..c833943 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -32,7 +32,7 @@ export function DrawerContent(props:
             >
                 <DialogPrimitive.Content
                     {...props}
-                    onClick={(e) => e.preventDefault()}
+                    onClick={(e) => e.stopPropagation()}
                     className={cx(
                         css({
                             minWidth: "100%",
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index 5d54108..ab272e3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -3,7 +3,7 @@ import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Box } from "../../../../../components/layouts/box.tsx"
+import { Page } from "../../../../../components/layouts/page/page.tsx"
 import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
 import { organizationSettingsRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx"
 import { DeleteOneOrganization } from "./deleteOneOrganization.tsx"
@@ -22,37 +22,154 @@ export function OrganizationSettingsPage() {
         >
             {(organization) => {
                 return (
-                    <Box>
-                        <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
-                                <span>
-                                    Modifier les informations de l'organisation
-                                </span>
-                                <UpdateOneOrganization
-                                    organization={organization}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier l'organisation"
-                                    />
-                                </UpdateOneOrganization>
+                    <Page.Root>
+                        <Page.Header>
+                            <Page.Title>
+                                Paramètres de l'organisation
+                            </Page.Title>
+                            <Page.Description>
+                                Gérez les informations de base et la suppression de l'organisation.
+                            </Page.Description>
+                        </Page.Header>
+                        <Page.Content>
+                            <div className={css({
+                                width: "100%",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "1.5rem"
+                            })}>
+                                <div className={css({
+                                    width: "100%",
+                                    display: "flex",
+                                    flexDirection: { base: "column", md: "row" },
+                                    gap: "1.5rem",
+                                    padding: "1.5rem",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    borderRadius: "lg",
+                                    backgroundColor: "white"
+                                })}>
+                                    <div className={css({
+                                        flex: "1",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: "0.5rem"
+                                    })}>
+                                        <span className={css({ fontSize: "lg", fontWeight: "semibold" })}>
+                                            Informations générales
+                                        </span>
+                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
+                                            Modifiez le nom, le statut et les données principales de l'organisation.
+                                        </span>
+                                    </div>
+                                    <div className={css({
+                                        flex: "2",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        border: "1px solid",
+                                        borderColor: "neutral/10",
+                                        borderRadius: "md",
+                                        overflow: "hidden"
+                                    })}>
+                                        <div className={css({
+                                            width: "100%",
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center",
+                                            gap: "1rem",
+                                            paddingX: "1.25rem",
+                                            paddingY: "1rem",
+                                            backgroundColor: "white",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/10"
+                                        })}>
+                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                                                    Modifier l'organisation
+                                                </span>
+                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                                    Changez les informations principales.
+                                                </span>
+                                            </div>
+                                            <UpdateOneOrganization organization={organization}>
+                                                <ButtonContent
+                                                    variant="default"
+                                                    leftIcon={<IconPencil />}
+                                                    text="Modifier"
+                                                />
+                                            </UpdateOneOrganization>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className={css({
+                                    width: "100%",
+                                    display: "flex",
+                                    flexDirection: { base: "column", md: "row" },
+                                    gap: "1.5rem",
+                                    padding: "1.5rem",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    borderRadius: "lg",
+                                    backgroundColor: "white"
+                                })}>
+                                    <div className={css({
+                                        flex: "1",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: "0.5rem"
+                                    })}>
+                                        <span className={css({ fontSize: "lg", fontWeight: "semibold", color: "error" })}>
+                                            Zone de danger
+                                        </span>
+                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
+                                            Supprimez définitivement l'organisation et ses données.
+                                        </span>
+                                    </div>
+                                    <div className={css({
+                                        flex: "2",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        border: "1px solid",
+                                        borderColor: "error/20",
+                                        borderRadius: "md",
+                                        overflow: "hidden"
+                                    })}>
+                                        <div className={css({
+                                            width: "100%",
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center",
+                                            gap: "1rem",
+                                            paddingX: "1.25rem",
+                                            paddingY: "1rem",
+                                            backgroundColor: "error/5"
+                                        })}>
+                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                                                    Supprimer l'organisation
+                                                </span>
+                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                                    Cette action est irréversible.
+                                                </span>
+                                            </div>
+                                            <DeleteOneOrganization idOrganization={organization.id}>
+                                                <ButtonContent
+                                                    variant="default"
+                                                    leftIcon={<IconTrash />}
+                                                    text="Supprimer"
+                                                    color="error"
+                                                />
+                                            </DeleteOneOrganization>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4" })}>
-                                <span>
-                                    Supprimer l'organisation
-                                </span>
-                                <DeleteOneOrganization idOrganization={organization.id}>
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        text="Supprimer l'organisation"
-                                        color="error"
-                                    />
-                                </DeleteOneOrganization>
-                            </div>
-                        </div>
-                    </Box>
+                        </Page.Content>
+                    </Page.Root>
                 )
             }}
         </DataWrapper>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 2675155..76a51a3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -28,8 +28,8 @@ export function RecordsPage() {
                     }}
                 >
                     {(records) => {
-                        const recordsData = records
-                            .sort((a, b) => b.date.localeCompare(a.date))
+                        const recordsData = [...records]
+                            .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
 
                         return (
                             <DataTable
@@ -136,7 +136,7 @@ export function RecordsPage() {
                                         filterFn: 'includesString'
                                     },
                                     {
-                                        accessorKey: 'lastUpdatedOn',
+                                        accessorKey: 'lastUpdatedAt',
                                         header: "Dernière mise à jour le",
                                         cell: ({ row }) => (
                                             <FormatDateTime
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
index 5fc33f3..255e200 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
@@ -1,5 +1,6 @@
 import { IconFolders, IconPencil, IconReport, IconSettings } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
+import { Outlet, useParams } from "@tanstack/react-router"
+import { Fragment } from "react/jsx-runtime"
 import { PageNavigation } from "../../../../../../components/layouts/page/pageNavigation.tsx"
 import { yearLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearLayoutRoute.tsx"
 
@@ -8,45 +9,48 @@ export function YearLayout() {
     const params = useParams({ from: yearLayoutRoute.id })
 
     return (
-        <PageNavigation
-            tabs={[
-                {
-                    label: "Écritures",
-                    icon: <IconPencil />,
-                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
+        <Fragment>
+            <PageNavigation
+                tabs={[
+                    {
+                        label: "Écritures",
+                        icon: <IconPencil />,
+                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures",
+                        params: {
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        },
                     },
-                },
-                {
-                    label: "Stockage de fichiers",
-                    icon: <IconFolders />,
-                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
+                    {
+                        label: "Stockage de fichiers",
+                        icon: <IconFolders />,
+                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers",
+                        params: {
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        },
                     },
-                },
-                {
-                    label: "Documents comptables",
-                    icon: <IconReport />,
-                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
+                    {
+                        label: "Documents comptables",
+                        icon: <IconReport />,
+                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents",
+                        params: {
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        },
                     },
-                },
-                {
-                    label: "Paramètres",
-                    icon: <IconSettings />,
-                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
-                    params: {
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
+                    {
+                        label: "Paramètres",
+                        icon: <IconSettings />,
+                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
+                        params: {
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        },
                     },
-                },
-            ]}
-        />
+                ]}
+            />
+            <Outlet />
+        </Fragment>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index 0db0a73..f18dcc0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -3,7 +3,7 @@ import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Box } from "../../../../../../../components/layouts/box.tsx"
+import { Page } from "../../../../../../../components/layouts/page/page.tsx"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.tsx"
 import { yearSettingsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
 import { DeleteOneYear } from "./deleteOneYear.tsx"
@@ -23,39 +23,154 @@ export function YearSettingsPage() {
         >
             {(year) => {
                 return (
-                    <Box>
-                        <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10" })}>
-                                <span>
-                                    Modifier les informations de l'exercice
-                                </span>
-                                <UpdateOneYear
-                                    year={year}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier"
-                                    />
-                                </UpdateOneYear>
+                    <Page.Root>
+                        <Page.Header>
+                            <Page.Title>
+                                Paramètres de l'exercice
+                            </Page.Title>
+                            <Page.Description>
+                                Modifiez les informations générales et supprimez l'exercice si besoin.
+                            </Page.Description>
+                        </Page.Header>
+                        <Page.Content>
+                            <div className={css({
+                                width: "100%",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "1.5rem"
+                            })}>
+                                <div className={css({
+                                    width: "100%",
+                                    display: "flex",
+                                    flexDirection: { base: "column", md: "row" },
+                                    gap: "1.5rem",
+                                    padding: "1.5rem",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    borderRadius: "lg",
+                                    backgroundColor: "white"
+                                })}>
+                                    <div className={css({
+                                        flex: "1",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: "0.5rem"
+                                    })}>
+                                        <span className={css({ fontSize: "lg", fontWeight: "semibold" })}>
+                                            Informations générales
+                                        </span>
+                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
+                                            Modifiez le nom, la période et le statut de l'exercice.
+                                        </span>
+                                    </div>
+                                    <div className={css({
+                                        flex: "2",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        border: "1px solid",
+                                        borderColor: "neutral/10",
+                                        borderRadius: "md",
+                                        overflow: "hidden"
+                                    })}>
+                                        <div className={css({
+                                            width: "100%",
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center",
+                                            gap: "1rem",
+                                            paddingX: "1.25rem",
+                                            paddingY: "1rem",
+                                            backgroundColor: "white",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/10"
+                                        })}>
+                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                                                    Modifier l'exercice
+                                                </span>
+                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                                    Mettez à jour les informations principales.
+                                                </span>
+                                            </div>
+                                            <UpdateOneYear year={year}>
+                                                <ButtonContent
+                                                    variant="default"
+                                                    leftIcon={<IconPencil />}
+                                                    text="Modifier"
+                                                />
+                                            </UpdateOneYear>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className={css({
+                                    width: "100%",
+                                    display: "flex",
+                                    flexDirection: { base: "column", md: "row" },
+                                    gap: "1.5rem",
+                                    padding: "1.5rem",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    borderRadius: "lg",
+                                    backgroundColor: "white"
+                                })}>
+                                    <div className={css({
+                                        flex: "1",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: "0.5rem"
+                                    })}>
+                                        <span className={css({ fontSize: "lg", fontWeight: "semibold", color: "error" })}>
+                                            Zone de danger
+                                        </span>
+                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
+                                            Supprimez définitivement cet exercice et ses écritures.
+                                        </span>
+                                    </div>
+                                    <div className={css({
+                                        flex: "2",
+                                        minWidth: "0",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        border: "1px solid",
+                                        borderColor: "error/20",
+                                        borderRadius: "md",
+                                        overflow: "hidden"
+                                    })}>
+                                        <div className={css({
+                                            width: "100%",
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center",
+                                            gap: "1rem",
+                                            paddingX: "1.25rem",
+                                            paddingY: "1rem",
+                                            backgroundColor: "error/5"
+                                        })}>
+                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                                                    Supprimer l'exercice
+                                                </span>
+                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                                    Cette action est irréversible.
+                                                </span>
+                                            </div>
+                                            <DeleteOneYear year={year}>
+                                                <ButtonContent
+                                                    variant="default"
+                                                    leftIcon={<IconTrash />}
+                                                    text="Supprimer"
+                                                    color="error"
+                                                />
+                                            </DeleteOneYear>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
-                            <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4", padding: "4" })}>
-                                <span>
-                                    Supprimer l'exercice
-                                </span>
-                                <DeleteOneYear
-                                    year={year}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        text="Supprimer"
-                                        color="error"
-                                    />
-                                </DeleteOneYear>
-                            </div>
-                        </div>
-                    </Box>
+                        </Page.Content>
+                    </Page.Root>
                 )
             }}
         </DataWrapper>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
index 88c6b45..7ee3c1d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
@@ -1,6 +1,6 @@
 import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { css, cx } from "@arrhes/ui/utilities/cn.js"
-import { IconCalendar, IconChevronRight, IconLock } from "@tabler/icons-react"
+import { IconCalendar, IconLock } from "@tabler/icons-react"
 import { Link } from "@tanstack/react-router"
 import * as v from "valibot"
 import { formatDate } from "../../../../../components/formats/formatDate.tsx"
@@ -19,54 +19,66 @@ export function YearCard(props: {
     const endDate = formatDate(year.endingAt)
 
     return (
-        <Link
-            to="/dashboard/organisations/$idOrganization/exercices/$idYear"
-            params={{
-                idOrganization: idOrganization,
-                idYear: year.id
-            }}
-            className={cx(
-                css({ width: "100%", padding: "4", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
-                css({ border: "1px solid", borderColor: "neutral/10", borderRadius: "md" }),
-                css({ _hover: { borderColor: "neutral/20", backgroundColor: "neutral/2" }, transition: "colors", cursor: "pointer" })
-            )}
-        >
-            <div className={css({ display: "flex", alignItems: "center", gap: "4" })}>
-                <div className={cx(
-                    css({ width: "12", height: "12", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "md" }),
-                    year.isClosed ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "success/5" })
-                )}>
-                    {year.isClosed ? (
-                        <IconLock className={css({ width: "6", height: "6", color: "neutral/50" })} />
-                    ) : (
-                        <IconCalendar className={css({ width: "6", height: "6", color: "success/70" })} />
-                    )}
+        <div className={cx(
+            css({ width: "100%", padding: "1rem", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
+            css({ borderBottom: "1px solid", borderBottomColor: "neutral/10", _last: { borderBottom: "none" } })
+        )}>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    alignItems: "start",
+                    gap: "1rem"
+                })}>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "0.75rem" })}>
+                        <div className={cx(
+                            css({ width: "2.5rem", height: "2.5rem", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "md" }),
+                            year.isClosed ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "success/5" })
+                        )}>
+                            {year.isClosed ? (
+                                <IconLock className={css({ width: "1.25rem", height: "1.25rem", color: "neutral/50" })} />
+                            ) : (
+                                <IconCalendar className={css({ width: "1.25rem", height: "1.25rem", color: "success/70" })} />
+                            )}
+                        </div>
+                        <Link
+                            to="/dashboard/organisations/$idOrganization/exercices/$idYear"
+                            params={{
+                                idOrganization: idOrganization,
+                                idYear: year.id
+                            }}
+                            className={css({
+                                fontSize: "base",
+                                fontWeight: "semibold",
+                                color: "primary",
+                                _hover: { textDecoration: "underline" }
+                            })}
+                        >
+                            {year.label}
+                        </Link>
+                    </div>
+                    <div className={css({ display: "flex", justifyContent: "end", alignItems: "start", gap: "0.5rem" })}>
+                        {year.isClosed ? (
+                            <Chip
+                                text="Clôturé"
+                                color="neutral"
+                            />
+                        ) : (
+                            <Chip
+                                text="En cours"
+                                color="success"
+                            />
+                        )}
+                    </div>
                 </div>
-                <div className={css({ display: "flex", flexDirection: "column", gap: "1" })}>
-                    <span className={css({ fontSize: "base", fontWeight: "medium", color: "neutral" })}>
-                        {year.label}
+                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
+                    <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                        {startDate} — {endDate}
                     </span>
-                    <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
-                        <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                            {startDate} — {endDate}
-                        </span>
-                    </div>
                 </div>
             </div>
-            <div className={css({ display: "flex", alignItems: "center", gap: "2" })}>
-                {year.isClosed ? (
-                    <Chip
-                        text="Clôturé"
-                        color="neutral"
-                    />
-                ) : (
-                    <Chip
-                        text="En cours"
-                        color="success"
-                    />
-                )}
-                <IconChevronRight className={css({ width: "5", height: "5", color: "neutral/30" })} />
-            </div>
-        </Link>
+        </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
index b7b50dc..c27a28b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
@@ -48,7 +48,14 @@ export function YearsPage() {
                                 )
                             }
                             return (
-                                <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "3" })}>
+                                <div className={css({
+                                    width: "100%",
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    border: "1px solid",
+                                    borderColor: "neutral/10",
+                                    borderRadius: "lg",
+                                })}>
                                     {years.map((year) => (
                                         <YearCard
                                             key={year.id}
diff --git a/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx b/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
index fa43580..bad59cd 100644
--- a/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/settings/settingsPage.tsx
@@ -1,13 +1,133 @@
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconChevronRight } from "@tabler/icons-react"
 import { Page } from "../../../components/layouts/page/page.js"
 
 
+const settingsSections = [
+    {
+        title: "Profil",
+        description: "Gérez votre identité, vos informations publiques et vos préférences d'affichage.",
+        items: [
+            { label: "Informations personnelles", helper: "Nom, email, avatar" },
+            { label: "Mot de passe", helper: "Sécurité du compte" },
+            { label: "Préférences d'affichage", helper: "Langue, thème" }
+        ]
+    },
+    {
+        title: "Sécurité",
+        description: "Contrôlez l'accès à votre compte et les paramètres de sécurité.",
+        items: [
+            { label: "Authentification", helper: "2FA, appareils" },
+            { label: "Sessions", helper: "Connexions actives" }
+        ]
+    },
+    {
+        title: "Facturation",
+        description: "Suivez vos abonnements, factures et moyens de paiement.",
+        items: [
+            { label: "Abonnement", helper: "Plan, statut" },
+            { label: "Factures", helper: "Historique des paiements" },
+            { label: "Moyens de paiement", helper: "Cartes, IBAN" }
+        ]
+    }
+]
+
 export function SettingsPage() {
     return (
         <Page.Root>
+            <Page.Header>
+                <Page.Title>
+                    Paramètres
+                </Page.Title>
+                <Page.Description>
+                    Tout ce qui concerne votre compte, la sécurité et la facturation.
+                </Page.Description>
+            </Page.Header>
             <Page.Content>
-                <span>
-                    Non disponible pour le moment, nous finissons de travailler dessus.
-                </span>
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1.5rem"
+                })}>
+                    {settingsSections.map((section) => (
+                        <div
+                            key={section.title}
+                            className={css({
+                                width: "100%",
+                                display: "flex",
+                                flexDirection: { base: "column", md: "row" },
+                                gap: "1.5rem",
+                                padding: "1.5rem",
+                                border: "1px solid",
+                                borderColor: "neutral/10",
+                                borderRadius: "lg",
+                                backgroundColor: "white"
+                            })}
+                        >
+                            <div className={css({
+                                flex: "1",
+                                minWidth: "0",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "0.5rem"
+                            })}>
+                                <span className={css({ fontSize: "lg", fontWeight: "semibold" })}>
+                                    {section.title}
+                                </span>
+                                <span className={css({ fontSize: "sm", color: "neutral/60" })}>
+                                    {section.description}
+                                </span>
+                            </div>
+                            <div className={css({
+                                flex: "2",
+                                minWidth: "0",
+                                display: "flex",
+                                flexDirection: "column",
+                                border: "1px solid",
+                                borderColor: "neutral/10",
+                                borderRadius: "md",
+                                overflow: "hidden"
+                            })}>
+                                {section.items.map((item) => (
+                                    <button
+                                        key={item.label}
+                                        type="button"
+                                        className={css({
+                                            width: "100%",
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center",
+                                            gap: "1rem",
+                                            paddingX: "1.25rem",
+                                            paddingY: "1rem",
+                                            textAlign: "left",
+                                            backgroundColor: "white",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/10",
+                                            _last: { borderBottom: "none" },
+                                            _hover: { backgroundColor: "neutral/2" }
+                                        })}
+                                    >
+                                        <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                                            <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                                                {item.label}
+                                            </span>
+                                            <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                                                {item.helper}
+                                            </span>
+                                        </div>
+                                        <ButtonContent
+                                            variant="invisible"
+                                            leftIcon={<IconChevronRight />}
+                                        />
+                                    </button>
+                                ))}
+                            </div>
+                        </div>
+                    ))}
+                </div>
             </Page.Content>
         </Page.Root>
     )
diff --git a/packages/dashboard/src/features/docs/components/sectionTab.tsx b/packages/dashboard/src/features/docs/components/sectionTab.tsx
index 7cef17c..93fec55 100644
--- a/packages/dashboard/src/features/docs/components/sectionTab.tsx
+++ b/packages/dashboard/src/features/docs/components/sectionTab.tsx
@@ -1,16 +1,17 @@
-import { Link } from "@tanstack/react-router"
-import type { ReactNode } from "react"
-import { css, cx } from "../../../utilities/cn.js"
+import { ButtonContent } from "@arrhes/ui"
+import { Icon, IconProps } from "@tabler/icons-react"
+import { ReactElement } from "react"
+import { LinkButton } from "../../../components/linkButton.js"
 
 
 export interface DocSection {
     id: string
     label: string
     path: string
-    icon: ReactNode
+    icon: ReactElement<IconProps & React.RefAttributes<Icon>>
     navigation: Record<string, {
         title: string
-        icon: ReactNode
+        icon: ReactElement<IconProps & React.RefAttributes<Icon>>
         items: { path: string; label: string }[]
     }>
 }
@@ -21,42 +22,15 @@ export function SectionTab(props: {
     isActive: boolean
 }) {
     return (
-        <Link
+        <LinkButton
             to={props.section.path}
-            className={cx(
-                css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.375rem",
-                    paddingX: "0.75rem",
-                    paddingY: "0.5rem",
-                    borderRadius: "md",
-                    fontSize: "sm",
-                    fontWeight: "medium",
-                    transition: "all 0.15s",
-                    whiteSpace: "nowrap",
-                    "& svg": {
-                        width: "1rem",
-                        height: "1rem"
-                    }
-                }),
-                css(props.isActive
-                    ? {
-                        backgroundColor: "primary/10",
-                        color: "primary",
-                    }
-                    : {
-                        color: "neutral/60",
-                        _hover: {
-                            backgroundColor: "neutral/5",
-                            color: "neutral"
-                        }
-                    }
-                )
-            )}
         >
-            {props.section.icon}
-            {props.section.label}
-        </Link>
+            <ButtonContent
+                variant="invisible"
+                leftIcon={props.section.icon}
+                text={props.section.label}
+                isActive={props.isActive}
+            />
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx b/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
index a4592bd..890ac86 100644
--- a/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
+++ b/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
@@ -1,6 +1,7 @@
-import { Link } from "@tanstack/react-router"
+import { ButtonContent } from "@arrhes/ui"
 import type { ReactNode } from "react"
-import { css, cx } from "../../../utilities/cn.js"
+import { LinkButton } from "../../../components/linkButton.js"
+import { css } from "../../../utilities/cn.js"
 
 
 export interface NavigationSection {
@@ -46,38 +47,19 @@ export function SidebarNavigation(props: {
                         gap: "0.25rem"
                     })}>
                         {section.items.map((item) => (
-                            <Link
+                            <LinkButton
                                 key={item.path}
                                 to={item.path}
                                 onClick={props.onItemClick}
-                                className={cx(
-                                    css({
-                                        paddingX: "0.75rem",
-                                        paddingY: "0.5rem",
-                                        borderRadius: "md",
-                                        fontSize: "sm",
-                                        transition: "all 0.15s",
-                                    }),
-                                    css(props.pathname === item.path
-                                        ? {
-                                            backgroundColor: "primary/8",
-                                            color: "primary",
-                                            fontWeight: "medium",
-                                            borderColor: "primary"
-                                        }
-                                        : {
-                                            color: "neutral",
-                                            _hover: {
-                                                backgroundColor: "neutral/5",
-                                                color: "neutral",
-                                                borderColor: "neutral/20"
-                                            }
-                                        }
-                                    )
-                                )}
+                                className={css({ width: "100%", })}
                             >
-                                {item.label}
-                            </Link>
+                                <ButtonContent
+                                    variant="invisible"
+                                    text={item.label}
+                                    isActive={props.pathname === item.path}
+                                    className={css({ width: "100%", justifyContent: "start" })}
+                                />
+                            </LinkButton>
                         ))}
                     </div>
                 </div>
diff --git a/packages/dashboard/src/features/docs/dashboardIndex.tsx b/packages/dashboard/src/features/docs/dashboardIndex.tsx
index b4f31d6..95f970f 100644
--- a/packages/dashboard/src/features/docs/dashboardIndex.tsx
+++ b/packages/dashboard/src/features/docs/dashboardIndex.tsx
@@ -1,7 +1,6 @@
 import { ButtonContent } from "@arrhes/ui"
-import { IconChevronRight, IconLayout, IconRocket } from "@tabler/icons-react"
+import { IconChevronRight, IconRocket } from "@tabler/icons-react"
 import { DocLink } from "../../components/document/docLink.js"
-import { DocLinkCard } from "../../components/document/docLinkCard.js"
 import { DocTip } from "../../components/document/docTip.js"
 import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
@@ -37,7 +36,7 @@ export function DashboardIndex() {
                 </p>
             </div>
 
-            {/* Quick start card */}
+
             <div className={css({
                 padding: "1.5rem",
                 borderRadius: "lg",
@@ -94,42 +93,20 @@ export function DashboardIndex() {
                 </LinkButton>
             </div>
 
-            {/* Guide sections */}
-            <div className={css({
-                display: "grid",
-                gridTemplateColumns: { base: "1fr", sm: "repeat(2, 1fr)" },
-                gap: "1rem",
-            })}>
-                <DocLinkCard
-                    icon={<IconRocket />}
-                    iconColor="success"
-                    title="Démarrage"
-                    description="Créez votre compte, configurez votre organisation et paramétrez votre plan comptable."
-                    to="/documentation/dashboard/demarrage"
-                />
-                <DocLinkCard
-                    icon={<IconLayout />}
-                    iconColor="success"
-                    title="Organisations"
-                    description="Gérez vos organisations, invitez des collaborateurs et configurez les permissions."
-                    to="/documentation/dashboard/organisations"
-                />
-                <DocLinkCard
-                    icon={<IconLayout />}
-                    iconColor="success"
-                    title="Saisie des écritures"
-                    description="Apprenez à saisir vos écritures comptables rapidement et efficacement."
-                    to="/documentation/dashboard/ecritures"
-                />
-                <DocLinkCard
-                    icon={<IconLayout />}
-                    iconColor="success"
-                    title="Rapports"
-                    description="Générez vos documents comptables : bilan, compte de résultat, balance et plus."
-                    to="/documentation/dashboard/rapports"
-                />
-            </div>
-
+            <DocTip variant="info">
+                <span>
+                    Vous avez trouvé un bug ? Vous souhaitez ajouter une fonctionnalité ?{" "}
+                    <a
+                        className={css({ color: "primary", fontWeight: "semibold", _hover: { textDecoration: "underline" } })}
+                        href="https://github.com/arrhes/arrhes-platform/issues"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Ouvrez un ticket sur GitHub
+                    </a>
+                    {" "}pour que nous puissions discuter de ça rapidement.
+                </span>
+            </DocTip>
 
             {/* Tip box */}
             <DocTip variant="tip">
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
index 64d706e..b442900 100644
--- a/packages/ui/src/components/buttons/buttonContent.tsx
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -245,24 +245,8 @@ export function ButtonContent(props: {
         })
         : ""
 
-    const iconBaseStyles = css({
-        minWidth: `1rem`,
-        width: `1rem`,
-        minHeight: `1rem`,
-        height: `1rem`,
-        flexShrink: 0,
-    })
-
-    const textBaseStyles = css({
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-        fontSize: "0.875rem",
-        lineHeight: "1",
-    })
-
     const baseContainerActiveStyles = props.isActive
-        ? css({ backgroundColor: "background" })
+        ? css({ backgroundColor: "neutral/5" })
         : ""
 
     const leftIconActiveStyles = props.isActive
@@ -292,7 +276,13 @@ export function ButtonContent(props: {
                 <CircularLoader
                     size={16}
                     className={cx(
-                        iconBaseStyles,
+                        css({
+                            minWidth: `1rem`,
+                            width: `1rem`,
+                            minHeight: `1rem`,
+                            height: `1rem`,
+                            flexShrink: 0,
+                        }),
                         variant === "primary" ? css({ stroke: "white" }) : styles.icon
                     )}
                 />
@@ -303,7 +293,13 @@ export function ButtonContent(props: {
                 "aria-disabled": props.disabled,
                 size: 16,
                 className: cx(
-                    iconBaseStyles,
+                    css({
+                        minWidth: `1rem`,
+                        width: `1rem`,
+                        minHeight: `1rem`,
+                        height: `1rem`,
+                        flexShrink: 0,
+                    }),
                     leftIconActiveStyles,
                     variant === "primary"
                         ? css({ color: "white", _disabled: { color: "white/50" } })
@@ -317,7 +313,13 @@ export function ButtonContent(props: {
                 <span
                     aria-disabled={props.disabled || isLoading}
                     className={cx(
-                        textBaseStyles,
+                        css({
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                            fontSize: "0.875rem",
+                            lineHeight: "1",
+                        }),
                         textActiveStyles,
                         variant === "primary"
                             ? css({ color: "white", _disabled: { opacity: 0.5 } })

From 38a168141e6d7a42ac9c25f4cd972b51d568034d Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Wed, 11 Feb 2026 19:09:20 +0100
Subject: [PATCH 20/25] =?UTF-8?q?=E2=9C=A8=20feat(dashboard):=20overhaul?=
 =?UTF-8?q?=20UI=20components=20and=20refactor=20overlay=20system?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- replace @radix-ui/react-toast with custom toast implementation
  using native DOM portals and CSS transitions
- rewrite drawer overlay from Radix Dialog primitives to a custom
  context-based implementation with portal rendering
- extract reusable DeleteConfirmation dialog component and apply
  it across all delete confirmation flows
- add new layout components: EmptyState, ListTable, SettingsSection
- add DialogBody component and pagination support to DataTable
  with expandable sub-rows
- move organization users from settings sub-route to a top-level
  organization tab
- replace card-based layouts (organizationCard, yearCard) with
  ListTable rows for organizations, years, journals, and labels
- update DataBlockHeader to accept a title prop instead of children
- update DataBlockItem, Box, CardRoot, and dialog components with
  refined spacing, border-radius, and border color tokens
- replace raw Link usage with typed LinkButton in document
  components for route type safety
- update AGENTS.md with accurate monorepo layout and code style
  conventions
- expand seed script with additional test data
- update Panda CSS config and UI components (ButtonContent color
  prop, CircularLoader sizing)

BREAKING CHANGE: removed @radix-ui/react-toast dependency and
  Radix-based toast/drawer components
---
 AGENTS.md                                     |  37 +-
 packages/dashboard/package.json               |   1 -
 .../src/components/document/docIndexLink.tsx  |  12 +-
 .../src/components/document/docLink.tsx       |   9 +-
 .../src/components/document/docLinkCard.tsx   |  11 +-
 .../src/components/document/docNextPage.tsx   |  12 +-
 .../components/document/docSectionCard.tsx    |  10 +-
 .../src/components/formats/formatNull.tsx     |   6 +-
 .../dashboard/src/components/layouts/box.tsx  |   4 +-
 .../src/components/layouts/card/cardRoot.tsx  |   8 +-
 .../layouts/dataBlock/dataBlockContent.tsx    |  10 +-
 .../layouts/dataBlock/dataBlockHeader.tsx     |  12 +-
 .../layouts/dataBlock/dataBlockItem.tsx       |  20 +-
 .../src/components/layouts/dataTable.tsx      | 186 ++++++--
 .../src/components/layouts/emptyState.tsx     |  53 +++
 .../layouts/listTable/listTable.tsx           |   8 +
 .../layouts/listTable/listTableRoot.tsx       |  26 ++
 .../layouts/listTable/listTableRow.tsx        |  29 ++
 .../components/layouts/page/pageContent.tsx   |   2 +-
 .../components/layouts/page/pageHeader.tsx    |   2 +-
 .../layouts/page/pageNavigation.tsx           |  49 +-
 .../src/components/layouts/page/pageRoot.tsx  |   7 +-
 .../settingsSection/settingsSection.tsx       |  10 +
 .../settingsSection/settingsSectionHeader.tsx |  30 ++
 .../settingsSection/settingsSectionRoot.tsx   |  26 ++
 .../settingsSection/settingsSectionRow.tsx    |  39 ++
 .../src/components/layouts/subPageLayout.tsx  | 134 +++---
 .../overlays/dialog/deleteConfirmation.tsx    |  80 ++++
 .../src/components/overlays/dialog/dialog.tsx |   2 +
 .../components/overlays/dialog/dialogBody.tsx |  26 ++
 .../overlays/dialog/dialogContent.tsx         |   2 +-
 .../overlays/dialog/dialogFooter.tsx          |   6 +-
 .../overlays/dialog/dialogHeader.tsx          |   9 +-
 .../overlays/dialog/dialogOverlay.tsx         |   2 +-
 .../overlays/dialog/dialogTitle.tsx           |   4 +-
 .../components/overlays/drawer/drawerBody.tsx |   2 +-
 .../overlays/drawer/drawerContent.tsx         | 184 +++++---
 .../overlays/drawer/drawerHeader.tsx          |  35 +-
 .../components/overlays/drawer/drawerRoot.tsx |  53 ++-
 .../overlays/drawer/drawerTrigger.tsx         |  34 +-
 .../src/components/overlays/toast/toast.tsx   |  14 +-
 .../components/overlays/toast/toastAction.tsx |  34 --
 .../components/overlays/toast/toastClose.tsx  |  39 --
 .../overlays/toast/toastContent.tsx           | 125 -----
 .../overlays/toast/toastDescription.tsx       |  21 -
 .../components/overlays/toast/toastItem.tsx   |  99 ++++
 .../overlays/toast/toastProvider.tsx          |   4 -
 .../components/overlays/toast/toastTitle.tsx  |  26 --
 .../overlays/toast/toastViewport.tsx          |  60 ++-
 .../src/contexts/toasts/toastProvider.tsx     |  42 +-
 .../dashboard/src/contexts/toasts/useToast.ts |  20 +-
 .../dashboard/src/features/breadcrumbs.tsx    |  10 +-
 .../features/dashboard/dashboardLayout.tsx    |   3 +-
 .../$idOrganization/organizationLayout.tsx    |  12 +-
 .../deleteOneOrganization.tsx                 | 115 ++---
 .../organizationSettingsLayout.tsx            |  33 --
 .../organizationSettingsPage.tsx              | 212 +++------
 .../deleteOneOrganizationUser.tsx             |  87 ----
 .../organizationUsersPage.tsx                 |  34 --
 .../organizationUsersTable.tsx                |  76 ---
 .../deleteOneOrganizationUser.tsx             |  48 ++
 .../updateOneOrganizationUser.tsx             |  22 +-
 .../createOneOrganizationUser.tsx             |  24 +-
 .../organizationUserListTableRow.tsx          |  89 ++++
 .../organizationUsersListTable.tsx            |  44 ++
 .../organizationUsersPage.tsx                 |  41 ++
 .../$idAttachment/attachmentPage.tsx          |  13 +-
 .../$idAttachment/deleteOneAttachment.tsx     |  60 +--
 .../$idYear/attachments/attachmentsGrid.tsx   | 202 ++++----
 .../$idYear/attachments/attachmentsPage.tsx   |  54 +--
 .../$idYear/attachments/attachmentsTable.tsx  |  36 +-
 .../$idRecordRow/deleteOneRecordRow.tsx       |  60 +--
 .../$idRecord/$idRecordRow/recordRowPage.tsx  |  13 +-
 .../records/$idRecord/deleteOneRecord.tsx     |  60 +--
 .../$idYear/records/$idRecord/recordPage.tsx  |  19 +-
 .../records/$idRecord/recordRowsTable.tsx     |  11 -
 .../years/$idYear/records/recordsPage.tsx     | 435 ++++++++++++------
 .../balanceReport/balanceReportTable.tsx      |  16 +-
 .../incomeStatementsReportTable.tsx           |  24 +-
 .../journalReport/journalReportTable.tsx      |  42 +-
 .../ledgerReport/ledgerReportTable.tsx        |  16 +-
 .../years/$idYear/reports/reportsLayout.tsx   | 101 ++--
 .../years/$idYear/yearLayout.tsx              |   2 +-
 .../accounts/$idAccount/accountPage.tsx       |  41 +-
 .../accounts/$idAccount/deleteOneAccount.tsx  |  68 +--
 .../yearSettings/accounts/accountItem.tsx     |   6 +-
 .../yearSettings/accounts/accountsTable.tsx   |  26 +-
 .../$idBalanceSheet/balanceSheetPage.tsx      | 198 ++++----
 .../$idBalanceSheet/deleteOneBalanceSheet.tsx |  60 +--
 .../balanceSheets/balanceSheetRow.tsx         |   6 +-
 .../balanceSheets/balanceSheetTable.tsx       |  20 +-
 .../$idYear/yearSettings/deleteOneYear.tsx    |  67 +--
 .../deleteOneIncomeStatement.tsx              |  60 +--
 .../incomeStatementPage.tsx                   | 198 ++++----
 .../computationIncomeStatementPage.tsx        |  14 +-
 .../deleteOneComputationIncomeStatement.tsx   |  60 +--
 .../computationIncomeStatementTable.tsx       |  38 +-
 .../$idComputation/computationPage.tsx        |  14 +-
 .../$idComputation/deleteOneComputation.tsx   |  60 +--
 .../computations/computationsTable.tsx        |  17 +-
 .../incomeStatements/incomeStatementRow.tsx   |   6 +-
 .../incomeStatementsTable.tsx                 |  22 +-
 .../journals/$idJournal/deleteOneJournal.tsx  |  60 +--
 .../journals/$idJournal/journalPage.tsx       | 192 ++++----
 .../journals/journalListTableRow.tsx          |  64 +++
 .../journals/journalsListTable.tsx            |  48 ++
 .../yearSettings/journals/journalsPage.tsx    |  53 +--
 .../$idRecordLabel/deleteOneRecordLabel.tsx   |  60 +--
 .../$idRecordLabel/recordLabelPage.tsx        | 182 ++++----
 .../recordLabels/recordLabelListTableRow.tsx  |  57 +++
 .../recordLabels/recordLabelsListTable.tsx    |  48 ++
 .../recordLabels/recordLabelsPage.tsx         |  55 +--
 .../yearSettings/yearSettingsLayout.tsx       | 126 ++---
 .../$idYear/yearSettings/yearSettingsPage.tsx | 217 +++------
 .../$idOrganization/years/yearCard.tsx        |  84 ----
 .../years/yearListTableRow.tsx                |  72 +++
 .../$idOrganization/years/yearsListTable.tsx  |  44 ++
 .../$idOrganization/years/yearsPage.tsx       |  73 +--
 .../organizations/addNewOrganization.tsx      |   5 +-
 ...nCard.tsx => organizationListTableRow.tsx} |  52 ++-
 .../organizations/organizationsListTable.tsx  |  38 ++
 .../organizations/organizationsPage.tsx       |  71 +--
 .../src/features/docs/root/support.tsx        |  16 +-
 .../src/features/signIn/signInPage.tsx        |   6 +-
 .../src/features/signUp/signUpPage.tsx        |   6 +-
 .../src/features/website/featureItem.tsx      |  39 +-
 .../src/features/website/heroIllustration.tsx |  54 +++
 .../src/features/website/pricing.tsx          |  15 +-
 .../src/features/website/websitePage.tsx      |  13 +-
 packages/dashboard/src/routes/catchRoute.tsx  |  10 +-
 .../root/dashboard/dashboardLayoutRoute.tsx   |   2 +-
 .../routes/root/dashboard/dashboardTree.ts    |  10 +-
 .../organizationSettingsLayoutRoute.tsx       |   5 +-
 .../organizationUsersRoute.tsx                |  16 -
 .../organizationUsersLayoutRoute.tsx          |   4 +-
 .../organizationUsersRoute.tsx                |  16 +
 .../attachments/attachmentsLayoutRoute.tsx    |   2 +-
 .../src/routes/root/signIn/signInRoute.tsx    |   2 +-
 .../src/routes/root/signUp/signUpRoute.tsx    |   2 +-
 packages/tools/src/seed/seed.ts               | 432 ++++++++++++-----
 packages/ui/panda.config.ts                   |   2 +-
 .../src/components/buttons/buttonContent.tsx  |   2 +-
 .../src/components/layouts/circularLoader.tsx |   4 +-
 143 files changed, 3501 insertions(+), 3429 deletions(-)
 create mode 100644 packages/dashboard/src/components/layouts/emptyState.tsx
 create mode 100644 packages/dashboard/src/components/layouts/listTable/listTable.tsx
 create mode 100644 packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
 create mode 100644 packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
 create mode 100644 packages/dashboard/src/components/layouts/settingsSection/settingsSection.tsx
 create mode 100644 packages/dashboard/src/components/layouts/settingsSection/settingsSectionHeader.tsx
 create mode 100644 packages/dashboard/src/components/layouts/settingsSection/settingsSectionRoot.tsx
 create mode 100644 packages/dashboard/src/components/layouts/settingsSection/settingsSectionRow.tsx
 create mode 100644 packages/dashboard/src/components/overlays/dialog/deleteConfirmation.tsx
 create mode 100644 packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastAction.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastClose.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastContent.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastDescription.tsx
 create mode 100644 packages/dashboard/src/components/overlays/toast/toastItem.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastProvider.tsx
 delete mode 100644 packages/dashboard/src/components/overlays/toast/toastTitle.tsx
 delete mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
 delete mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
 delete mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
 delete mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
 rename packages/dashboard/src/features/dashboard/organizations/$idOrganization/{organizationSettings => }/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx (83%)
 rename packages/dashboard/src/features/dashboard/organizations/$idOrganization/{organizationSettings => }/organizationUsers/createOneOrganizationUser.tsx (86%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersListTable.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersPage.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalListTableRow.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsListTable.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelListTableRow.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsListTable.tsx
 delete mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearListTableRow.tsx
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsListTable.tsx
 rename packages/dashboard/src/features/dashboard/organizations/{organizationCard.tsx => organizationListTableRow.tsx} (62%)
 create mode 100644 packages/dashboard/src/features/dashboard/organizations/organizationsListTable.tsx
 delete mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
 rename packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/{organizationSettings => }/organizationUsers/organizationUsersLayoutRoute.tsx (51%)
 create mode 100644 packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx

diff --git a/AGENTS.md b/AGENTS.md
index 15928b4..678a4da 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -1,23 +1,24 @@
 # Agent Guidelines
 
 ## Commands
-- Build (all packages): `pnpm build` (recursive across packages)
-- Dev (parallel): `pnpm dev`
-- Lint: `pnpm -w --filter packages/platform run lint` (or `cd packages/platform && npm run lint`)
-- Test: repository has no global test framework; to run a single package/test, install its dev deps and run that package's test script, e.g. `cd packages/tools && pnpm test` or `pnpm -w --filter packages/tools test`
+- Build all: `pnpm build` — Dev all: `pnpm dev` — Docker: `just dev up` / `just dev down` / `just dev reset`
+- Lint dashboard: `pnpm --filter @arrhes/application-dashboard run lint`
+- Typecheck dashboard: `packages/dashboard/node_modules/.bin/tsc --noEmit --project packages/dashboard/tsconfig.json`
+- No test framework exists in this repository.
 
-## Code Style
-- Imports: external deps first, then internal; use package-specific path prefixes: `#/` (api), `#/*` (platform), `#src/*` (metadata)
-- Formatting & Types: TypeScript strict mode enabled; ES modules (`"type": "module"`); API uses Hono JSX; Platform uses React with StrictMode; use `valibot` for validation
-- Naming: models `camelCase` with `Model` suffix (e.g. `accountModel`), files `camelCase.ts[x]`, components `PascalCase.tsx`, utilities `camelCase.ts`
-- Error handling: prefer try/catch with structured logging; handle `uncaughtException` and `unhandledRejection` in server entry; return structured error responses via Hono
-
-## Contributing Notes
-- Monorepo layout: `packages/{api,platform,metadata,tools}`
-- Prefer editing existing files; follow local tsconfig and lint rules
-- Running a single test: use package scope with PNPM filters: `pnpm -w --filter packages/<pkg> test`
+## Monorepo Layout
+`packages/{api, dashboard, metadata, tools, ui}` — all ESM (`"type": "module"`), TypeScript strict mode.
+- **api** (`@arrhes/application-api`): Hono backend, Drizzle ORM, PostgreSQL, Nodemailer, Puppeteer, S3
+- **dashboard** (`@arrhes/application-dashboard`): React 19, TanStack Router/Query/Table, React Hook Form, Radix UI primitives, Panda CSS
+- **metadata** (`@arrhes/application-metadata`): Shared models, schemas (valibot), route definitions. Consumed via subpath exports (`@arrhes/application-metadata/models`, `/schemas`, `/routes`, `/components`)
+- **ui** (`@arrhes/ui`): Shared components/styles/fonts using Panda CSS. Consumed via `@arrhes/ui`, `@arrhes/ui/utilities/cn.js`, `@arrhes/ui/styled-system/css`
+- **tools** (`@arrhes/application-tools`): DB migrations/seeds via drizzle-kit and tsx scripts
 
-## Tooling Rules
-- No Cursor or Copilot rules detected in `.cursor/` or `.github/copilot-instructions.md`; if added, include them here and follow their directives.
-
-(Keep this file short; agents must follow these conventions when modifying code.)
\ No newline at end of file
+## Code Style
+- **Imports**: all use relative paths with `.ts`/`.tsx` extensions (dashboard) or `.js` extensions (api, metadata). Cross-package via `@arrhes/*`. No path aliases are used in practice. Order: workspace packages → external deps → relative internal.
+- **Files**: all `camelCase.ts[x]` (including components). Barrel files are `_index.ts`.
+- **Exports**: components `PascalCase` functions, models/schemas/utilities `camelCase`. Models use `Model` suffix (`accountModel`), schemas have no suffix.
+- **Validation**: `import * as v from "valibot"` — use `v.object()`, `v.string()`, `v.InferOutput<>`.
+- **Styling**: Panda CSS via `css()` and `cx()` from `@arrhes/ui/utilities/cn.js`. Component variants via `class-variance-authority`.
+- **IDs**: nanoid with custom alphabet, 16 chars.
+- **Error handling**: try/catch with structured logging in API; toast notifications in dashboard; structured error responses via Hono.
diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index 5c698c5..edef4c4 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -32,7 +32,6 @@
         "@radix-ui/react-popover": "1.1.15",
         "@radix-ui/react-slot": "1.2.4",
         "@radix-ui/react-switch": "1.2.6",
-        "@radix-ui/react-toast": "1.2.15",
         "@radix-ui/react-tooltip": "1.2.8",
         "@tabler/icons-react": "3.35.0",
         "@tanstack/react-query": "5.90.11",
diff --git a/packages/dashboard/src/components/document/docIndexLink.tsx b/packages/dashboard/src/components/document/docIndexLink.tsx
index b1e3ead..def407b 100644
--- a/packages/dashboard/src/components/document/docIndexLink.tsx
+++ b/packages/dashboard/src/components/document/docIndexLink.tsx
@@ -1,17 +1,17 @@
-import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../linkButton.js"
+import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 
 
 export function DocIndexLink(props: {
-    to: string
+    to: ValidRoutes
     label: string
 }) {
     return (
-        <Link
+        <LinkButton
             to={props.to}
             className={css({
-                display: "flex",
-                alignItems: "center",
+                width: "100%",
                 gap: "2",
                 py: "1.5",
                 fontSize: "sm",
@@ -28,6 +28,6 @@ export function DocIndexLink(props: {
                 opacity: 0.5
             })} />
             {props.label}
-        </Link>
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/components/document/docLink.tsx b/packages/dashboard/src/components/document/docLink.tsx
index 64c354a..0c26eb8 100644
--- a/packages/dashboard/src/components/document/docLink.tsx
+++ b/packages/dashboard/src/components/document/docLink.tsx
@@ -1,13 +1,14 @@
+import { LinkButton } from "../linkButton.js"
+import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
-import { Link } from "@tanstack/react-router"
 
 
 export function DocLink(props: {
-    to: string
+    to: ValidRoutes
     children: React.ReactNode
 }) {
     return (
-        <Link
+        <LinkButton
             to={props.to}
             className={css({
                 color: "primary",
@@ -22,6 +23,6 @@ export function DocLink(props: {
             })}
         >
             {props.children}
-        </Link>
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/components/document/docLinkCard.tsx b/packages/dashboard/src/components/document/docLinkCard.tsx
index a473669..f0358bc 100644
--- a/packages/dashboard/src/components/document/docLinkCard.tsx
+++ b/packages/dashboard/src/components/document/docLinkCard.tsx
@@ -1,5 +1,6 @@
-import { Link } from "@tanstack/react-router"
 import type { ReactNode } from "react"
+import { LinkButton } from "../linkButton.js"
+import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 
 
@@ -10,7 +11,7 @@ export function DocLinkCard(props: {
     iconColor?: DocLinkCardColor
     title: string
     description: string
-    to: string
+    to: ValidRoutes
 }) {
     const colorStyles: Record<DocLinkCardColor, { bg: string; color: string }> = {
         information: { bg: "information/10", color: "information" },
@@ -21,10 +22,10 @@ export function DocLinkCard(props: {
     const style = colorStyles[props.iconColor ?? "primary"]
 
     return (
-        <Link
+        <LinkButton
             to={props.to}
             className={css({
-                display: "flex",
+                width: "100%",
                 flexDirection: "column",
                 gap: "0.75rem",
                 padding: "1.5rem",
@@ -69,6 +70,6 @@ export function DocLinkCard(props: {
             })}>
                 {props.description}
             </p>
-        </Link>
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
index 926cc10..0317531 100644
--- a/packages/dashboard/src/components/document/docNextPage.tsx
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -1,10 +1,11 @@
 import { IconArrowRight } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../linkButton.js"
+import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
 
 
 export function DocNextPage(props: {
-    to: string
+    to: ValidRoutes
     label: string
 }) {
     return (
@@ -14,11 +15,10 @@ export function DocNextPage(props: {
             borderTop: "1px solid",
             borderColor: "neutral/10"
         })}>
-            <Link
+            <LinkButton
                 to={props.to}
                 className={css({
-                    display: "flex",
-                    alignItems: "center",
+                    width: "100%",
                     justifyContent: "space-between",
                     padding: "5",
                     borderRadius: "xl",
@@ -59,7 +59,7 @@ export function DocNextPage(props: {
                     height: "5",
                     color: "primary"
                 })} />
-            </Link>
+            </LinkButton>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/document/docSectionCard.tsx b/packages/dashboard/src/components/document/docSectionCard.tsx
index 289956d..6482626 100644
--- a/packages/dashboard/src/components/document/docSectionCard.tsx
+++ b/packages/dashboard/src/components/document/docSectionCard.tsx
@@ -1,6 +1,5 @@
 import { ButtonContent } from "@arrhes/ui"
 import { IconChevronRight } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import type { ReactNode } from "react"
 import { LinkButton } from "../linkButton.js"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
@@ -14,7 +13,7 @@ export function DocSectionCard(props: {
     iconColor?: DocSectionCardColor
     title: string
     description: string
-    links: { to: string; label: string }[]
+    links: { to: ValidRoutes; label: string }[]
     ctaTo: ValidRoutes
     ctaLabel: string
 }) {
@@ -82,12 +81,11 @@ export function DocSectionCard(props: {
                 flex: "1"
             })}>
                 {props.links.map((link) => (
-                    <Link
+                    <LinkButton
                         key={link.to}
                         to={link.to}
                         className={css({
-                            display: "flex",
-                            alignItems: "center",
+                            width: "100%",
                             gap: "0.5rem",
                             paddingY: "0.5rem",
                             paddingX: "0.5rem",
@@ -108,7 +106,7 @@ export function DocSectionCard(props: {
                             backgroundColor: "neutral/30"
                         })} />
                         {link.label}
-                    </Link>
+                    </LinkButton>
                 ))}
             </div>
 
diff --git a/packages/dashboard/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
index 514ffe1..822cc3c 100644
--- a/packages/dashboard/src/components/formats/formatNull.tsx
+++ b/packages/dashboard/src/components/formats/formatNull.tsx
@@ -2,12 +2,10 @@ import { ComponentProps } from "react"
 import { css, cx } from "../../utilities/cn.js"
 
 
-type FormatNull = {
+export function FormatNull(props: {
     text?: string
     className?: ComponentProps<'span'>['className']
-}
-
-export function FormatNull(props: FormatNull) {
+}) {
     return (
         <span className={cx(
             css({
diff --git a/packages/dashboard/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
index 5e13748..4c449e9 100644
--- a/packages/dashboard/src/components/layouts/box.tsx
+++ b/packages/dashboard/src/components/layouts/box.tsx
@@ -14,7 +14,7 @@ export function Box(props: {
                     width: "100%",
                     maxWidth: "100%",
                     height: "fit",
-                    flexShrink: "0",
+                    flexShrink: "1",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
@@ -22,7 +22,7 @@ export function Box(props: {
                     overflowX: "auto",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    borderRadius: "md"
+                    borderRadius: "lg"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
index 815075a..45476d7 100644
--- a/packages/dashboard/src/components/layouts/card/cardRoot.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
@@ -2,12 +2,10 @@ import { ComponentProps, ReactElement } from "react"
 import { css, cx } from "../../../utilities/cn.js"
 
 
-type CardRoot = {
+export function CardRoot(props: {
     children: ReactElement | ReactElement[]
     className?: ComponentProps<'div'>['className']
-}
-
-export function CardRoot(props: CardRoot) {
+}) {
     return (
         <div
             className={cx(
@@ -22,7 +20,7 @@ export function CardRoot(props: CardRoot) {
                     overflowY: "auto",
                     border: "1px solid",
                     borderColor: "neutral/10",
-                    borderRadius: "md"
+                    borderRadius: "lg"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
index 7554bb9..8d5f975 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
@@ -15,12 +15,12 @@ export function DataBlockContent(props: {
                     height: "fit",
                     display: "grid",
                     gridTemplateColumns: "max-content auto",
-                    columnGap: "4",
-                    rowGap: "2",
-                    padding: "4",
+                    columnGap: "6",
+                    padding: "0",
                     border: "1px solid",
-                    borderColor: "neutral/20",
-                    borderRadius: "md"
+                    borderColor: "neutral/10",
+                    borderRadius: "md",
+                    overflow: "hidden"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
index d601a40..4f4caa8 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
@@ -1,9 +1,9 @@
-import { ComponentProps, ReactElement } from "react"
+import { ComponentProps } from "react"
 import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockHeader(props: {
-    children: null | ReactElement | (null | ReactElement)[]
+    title: string
     className?: ComponentProps<'div'>['className']
 }) {
     return (
@@ -21,7 +21,13 @@ export function DataBlockHeader(props: {
                 props.className
             )}
         >
-            {props.children}
+            <span className={css({
+                textTransform: "uppercase",
+                color: "neutral/25",
+                fontSize: "base"
+            })}>
+                {props.title}
+            </span>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
index 2ca03ee..c4bf7ab 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
@@ -15,12 +15,18 @@ export function DataBlockItem(props: {
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "flex-start",
-                gap: "2"
+                gap: "2",
+                padding: "3",
+                paddingLeft: "4",
+                borderBottom: "1px solid",
+                borderBottomColor: "neutral/5"
             })}>
                 <span className={css({
                     textTransform: "uppercase",
-                    fontSize: "sm",
-                    color: "neutral/50"
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    letterSpacing: "wide",
+                    color: "neutral/40"
                 })}>{props.label}</span>
                 {
                     (!props.description) ? null : (
@@ -50,10 +56,14 @@ export function DataBlockItem(props: {
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "flex-start",
-                gap: "2"
+                gap: "2",
+                padding: "3",
+                paddingRight: "4",
+                borderBottom: "1px solid",
+                borderBottomColor: "neutral/5"
             })}>
                 {
-                    !(props.children instanceof String) ? props.children :
+                    typeof props.children !== "string" ? props.children :
                         (
                             <span>{props.children}</span>
                         )
diff --git a/packages/dashboard/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
index a828e00..93f3945 100644
--- a/packages/dashboard/src/components/layouts/dataTable.tsx
+++ b/packages/dashboard/src/components/layouts/dataTable.tsx
@@ -1,5 +1,5 @@
 import { Button, ButtonContent } from "@arrhes/ui"
-import { IconSortAscending, IconSortDescending } from "@tabler/icons-react"
+import { IconChevronDown, IconChevronLeft, IconChevronRight, IconSortAscending, IconSortDescending } from "@tabler/icons-react"
 import {
     ColumnDef,
     Row,
@@ -8,10 +8,11 @@ import {
     getCoreRowModel,
     getExpandedRowModel,
     getFilteredRowModel,
+    getPaginationRowModel,
     getSortedRowModel,
     useReactTable
 } from '@tanstack/react-table'
-import { ReactElement, useMemo, useState } from "react"
+import { Fragment, ReactElement, useMemo, useState } from "react"
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { InputDebounced } from "../../components/inputs/inputDebounced.js"
 import { InputText } from "../../components/inputs/inputText.js"
@@ -24,7 +25,9 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
     data: Array<TData>
     isLoading?: boolean
     columns: Array<ColumnDef<TData>>
+    pageSize?: number
     onRowClick?: (context: Row<TData>) => void
+    renderSubComponent?: (context: { row: Row<TData> }) => ReactElement | null
 }) {
 
     const memoizedData = useMemo(() => props.data, [props.data])
@@ -37,14 +40,20 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
             ...column,
             enableMultiSort: true
         })),
-        getRowCanExpand: () => true,
+        getRowCanExpand: () => !!props.renderSubComponent,
         getCoreRowModel: getCoreRowModel(),
         getFilteredRowModel: getFilteredRowModel(),
         getExpandedRowModel: getExpandedRowModel(),
         getSortedRowModel: getSortedRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
         onGlobalFilterChange: setGlobalFilter,
         onSortingChange: setSorting,
         enableMultiSort: true,
+        initialState: {
+            pagination: {
+                pageSize: props.pageSize ?? 10
+            }
+        },
         state: {
             globalFilter,
             sorting,
@@ -93,13 +102,11 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
             <div className={css({
                 width: "100%",
                 maxWidth: "100%",
-                maxH: "600px",
                 padding: "0",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "stretch",
-                overflowY: "auto",
                 borderRadius: "md",
                 border: "1px solid",
                 borderColor: "neutral/10"
@@ -118,6 +125,9 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                         backgroundColor: "white"
                     })}>
                         <tr className={css({ width: "100%" })}>
+                            {props.renderSubComponent && (
+                                <th className={css({ width: "1%" })} />
+                            )}
                             {table.getFlatHeaders().map((header) => {
                                 return (
                                     <th
@@ -172,52 +182,148 @@ export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
                         }
                         {table.getRowModel().rows.map((row) => {
                             return (
-                                <tr
-                                    key={row.id}
-                                    onClick={(event) => {
-                                        event.stopPropagation()
-                                        if (!props.onRowClick) return
-                                        props.onRowClick(row)
-                                    }}
-                                    className={cx(
-                                        css({
-                                            width: "100%",
-                                            borderBottom: "1px solid",
-                                            borderBottomColor: "neutral/5",
-                                            _last: { borderBottom: "0" }
-                                        }),
-                                        !props.onRowClick ? undefined : css({
-                                            cursor: "pointer",
-                                            _hover: { backgroundColor: "neutral/5" }
-                                        })
-                                    )}
-                                >
-                                    {row.getVisibleCells().map(cell => {
-                                        return (
-                                            <td key={cell.id} className={css({
-                                                width: "fit",
-                                                _last: { width: "1%" }
-                                            })}>
+                                <Fragment key={row.id}>
+                                    <tr
+                                        onClick={(event) => {
+                                            event.stopPropagation()
+                                            if (!props.onRowClick) return
+                                            props.onRowClick(row)
+                                        }}
+                                        className={cx(
+                                            css({
+                                                width: "100%",
+                                                borderBottom: "1px solid",
+                                                borderBottomColor: "neutral/5",
+                                                _last: { borderBottom: "0" }
+                                            }),
+                                            !props.onRowClick ? undefined : css({
+                                                cursor: "pointer",
+                                                _hover: { backgroundColor: "neutral/5" }
+                                            }),
+                                            row.getIsExpanded() ? css({
+                                                borderBottomColor: "neutral/10"
+                                            }) : undefined
+                                        )}
+                                    >
+                                        {props.renderSubComponent && (
+                                            <td className={css({ width: "1%" })}>
                                                 <div className={css({
                                                     display: "flex",
-                                                    justifyContent: "flex-start",
+                                                    justifyContent: "center",
                                                     alignItems: "center",
-                                                    padding: "1rem"
+                                                    padding: "0.5rem"
                                                 })}>
-                                                    {flexRender(
-                                                        cell.column.columnDef.cell,
-                                                        cell.getContext()
-                                                    )}
+                                                    <Button
+                                                        onClick={(event) => {
+                                                            event.stopPropagation()
+                                                            row.toggleExpanded()
+                                                        }}
+                                                    >
+                                                        <ButtonContent
+                                                            variant="invisible"
+                                                            leftIcon={row.getIsExpanded()
+                                                                ? <IconChevronDown size={16} />
+                                                                : <IconChevronRight size={16} />
+                                                            }
+                                                            text={undefined}
+                                                        />
+                                                    </Button>
                                                 </div>
                                             </td>
-                                        )
-                                    })}
-                                </tr>
+                                        )}
+                                        {row.getVisibleCells().map(cell => {
+                                            return (
+                                                <td key={cell.id} className={css({
+                                                    width: "fit",
+                                                    _last: { width: "1%" }
+                                                })}>
+                                                    <div className={css({
+                                                        display: "flex",
+                                                        justifyContent: "flex-start",
+                                                        alignItems: "center",
+                                                        padding: "1rem"
+                                                    })}>
+                                                        {flexRender(
+                                                            cell.column.columnDef.cell,
+                                                            cell.getContext()
+                                                        )}
+                                                    </div>
+                                                </td>
+                                            )
+                                        })}
+                                    </tr>
+                                    {row.getIsExpanded() && props.renderSubComponent && (
+                                        <tr className={css({
+                                            width: "100%",
+                                            borderBottom: "1px solid",
+                                            borderBottomColor: "neutral/5",
+                                            backgroundColor: "neutral/2",
+                                            _last: { borderBottom: "0" }
+                                        })}>
+                                            <td
+                                                colSpan={row.getVisibleCells().length + 1}
+                                                className={css({ padding: "0" })}
+                                            >
+                                                {props.renderSubComponent({ row })}
+                                            </td>
+                                        </tr>
+                                    )}
+                                </Fragment>
                             )
                         })}
                     </tbody>
                 </table>
             </div>
+            {table.getPageCount() > 1 && (
+                <div className={css({
+                    flexShrink: "0",
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "4"
+                })}>
+                    <span className={css({
+                        fontSize: "sm",
+                        color: "neutral/50"
+                    })}>
+                        {table.getFilteredRowModel().rows.length} résultat{table.getFilteredRowModel().rows.length > 1 ? "s" : ""}
+                    </span>
+                    <div className={css({
+                        display: "flex",
+                        justifyContent: "flex-end",
+                        alignItems: "center",
+                        gap: "2"
+                    })}>
+                        <Button
+                            onClick={() => table.previousPage()}
+                            disabled={!table.getCanPreviousPage()}
+                        >
+                            <ButtonContent
+                                variant="default"
+                                leftIcon={<IconChevronLeft size={16} />}
+                                text={undefined}
+                            />
+                        </Button>
+                        <span className={css({
+                            fontSize: "sm",
+                            color: "neutral/50"
+                        })}>
+                            Page {table.getState().pagination.pageIndex + 1} sur {table.getPageCount()}
+                        </span>
+                        <Button
+                            onClick={() => table.nextPage()}
+                            disabled={!table.getCanNextPage()}
+                        >
+                            <ButtonContent
+                                variant="default"
+                                leftIcon={<IconChevronRight size={16} />}
+                                text={undefined}
+                            />
+                        </Button>
+                    </div>
+                </div>
+            )}
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/layouts/emptyState.tsx b/packages/dashboard/src/components/layouts/emptyState.tsx
new file mode 100644
index 0000000..fb21fb9
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/emptyState.tsx
@@ -0,0 +1,53 @@
+import { ComponentProps, ReactElement, ReactNode } from "react"
+import { css, cx } from "../../utilities/cn.js"
+
+
+export function EmptyState(props: {
+    icon: ReactElement
+    title: string
+    subtitle?: string
+    action?: ReactNode
+    className?: ComponentProps<'div'>['className']
+}) {
+    return (
+        <div className={cx(
+            css({
+                width: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                gap: "1rem",
+                padding: "2rem",
+            }),
+            props.className,
+        )}>
+            <div className={css({ color: "neutral", opacity: "0.2" })}>
+                {props.icon}
+            </div>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                gap: "0.25rem",
+            })}>
+                <span className={css({
+                    fontSize: "sm",
+                    fontWeight: "medium",
+                    color: "neutral/60",
+                })}>
+                    {props.title}
+                </span>
+                {props.subtitle && (
+                    <span className={css({
+                        fontSize: "xs",
+                        color: "neutral/40",
+                    })}>
+                        {props.subtitle}
+                    </span>
+                )}
+            </div>
+            {props.action && props.action}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/listTable/listTable.tsx b/packages/dashboard/src/components/layouts/listTable/listTable.tsx
new file mode 100644
index 0000000..3624c45
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/listTable/listTable.tsx
@@ -0,0 +1,8 @@
+import { ListTableRoot } from "./listTableRoot.js"
+import { ListTableRow } from "./listTableRow.js"
+
+
+export const ListTable = {
+    Root: ListTableRoot,
+    Row: ListTableRow,
+}
diff --git a/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx b/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
new file mode 100644
index 0000000..28b321f
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
@@ -0,0 +1,26 @@
+import { ComponentProps, JSX } from "react"
+import { css, cx } from "../../../utilities/cn.js"
+
+
+export function ListTableRoot(props: {
+    children: JSX.Element | JSX.Element[]
+    className?: ComponentProps<"div">["className"]
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    border: "1px solid",
+                    borderColor: "neutral/10",
+                    borderRadius: "lg",
+                }),
+                props.className,
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
new file mode 100644
index 0000000..b3204be
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
@@ -0,0 +1,29 @@
+import { ComponentProps, JSX } from "react"
+import { css, cx } from "../../../utilities/cn.js"
+
+
+export function ListTableRow(props: {
+    children: JSX.Element | JSX.Element[]
+    className?: ComponentProps<"div">["className"]
+}) {
+    return (
+        <div
+            className={cx(
+                css({
+                    width: "100%",
+                    padding: "2rem",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    gap: "1rem",
+                    borderBottom: "1px solid",
+                    borderBottomColor: "neutral/10",
+                    _last: { borderBottom: "none" },
+                }),
+                props.className,
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index 01a3ff6..d22b645 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -19,7 +19,7 @@ export function PageContent(props: PageContent) {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    gap: "6"
+                    gap: "1rem"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index 35b2a5c..b7c6991 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -18,7 +18,7 @@ export function PageHeader(props: {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "flex-start",
-                    gap: "1rem",
+                    gap: "0.5rem",
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
index 7120613..35725b2 100644
--- a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
@@ -31,7 +31,7 @@ export function PageNavigation(props: {
             paddingX: "1rem",
             paddingY: "0.5rem",
             borderBottom: "1px solid",
-            borderBottomColor: "neutral/10",
+            borderBottomColor: "neutral/5",
             backgroundColor: "background",
         })}>
             {
@@ -54,44 +54,19 @@ export function PageNavigation(props: {
                                         : currentPath.includes(matchRoute.routeId)
 
                                     return (
-                                        <div
+                                        <LinkButton
                                             key={tab.to}
-                                            aria-current={isActive}
-                                            className={css({
-                                                display: "flex",
-                                                flexDirection: "column",
-                                                justifyContent: "center",
-                                                alignItems: "center",
-                                                gap: "2"
-                                            })}
+                                            to={tab.to}
+                                            params={tab.params}
                                         >
-                                            <LinkButton
-                                                to={tab.to}
-                                                params={tab.params}
-                                            >
-                                                <ButtonContent
-                                                    variant="invisible"
-                                                    leftIcon={tab.icon}
-                                                    text={tab.label}
-                                                    color="neutral"
-                                                    isActive={isActive}
-                                                />
-                                            </LinkButton>
-                                            {/* <div
-                                                className={cx(
-                                                    css({
-                                                        flexShrink: "0",
-                                                        width: "100%",
-                                                        height: "2px",
-                                                        borderRadius: "100%",
-                                                        transition: "all",
-                                                        transitionDuration: "200ms",
-                                                        transitionTimingFunction: "ease-in-out"
-                                                    }),
-                                                    isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
-                                                )}
-                                            /> */}
-                                        </div>
+                                            <ButtonContent
+                                                variant="invisible"
+                                                leftIcon={tab.icon}
+                                                text={tab.label}
+                                                color="neutral"
+                                                isActive={isActive}
+                                            />
+                                        </LinkButton>
                                     )
                                 })
                             }
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index b495b8c..a52c09d 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -13,17 +13,14 @@ export function PageRoot(props: {
                     width: "100%",
                     flexShrink: "0",
                     flex: "1",
-                    paddingY: "2rem",
+                    paddingY: "4rem",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "center",
                     overflowY: "auto",
-                    gap: "1rem",
+                    gap: "2rem",
                     backgroundColor: "white",
-                    md: {
-                        gap: "8"
-                    }
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/settingsSection/settingsSection.tsx b/packages/dashboard/src/components/layouts/settingsSection/settingsSection.tsx
new file mode 100644
index 0000000..a7f8674
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/settingsSection/settingsSection.tsx
@@ -0,0 +1,10 @@
+import { SettingsSectionHeader } from "./settingsSectionHeader.js"
+import { SettingsSectionRoot } from "./settingsSectionRoot.js"
+import { SettingsSectionRow } from "./settingsSectionRow.js"
+
+
+export const SettingsSection = {
+    Root: SettingsSectionRoot,
+    Header: SettingsSectionHeader,
+    Row: SettingsSectionRow,
+}
diff --git a/packages/dashboard/src/components/layouts/settingsSection/settingsSectionHeader.tsx b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionHeader.tsx
new file mode 100644
index 0000000..32c3337
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionHeader.tsx
@@ -0,0 +1,30 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+
+
+export function SettingsSectionHeader(props: {
+    title: string
+    variant?: "default" | "danger"
+}) {
+    const isDanger = props.variant === "danger"
+
+    return (
+        <div className={css({
+            flex: "1",
+            minWidth: "0",
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.5rem",
+            paddingBottom: "1rem",
+            borderBottom: "1px solid",
+            borderBottomColor: isDanger ? "error/5" : "neutral/5",
+        })}>
+            <span className={css({
+                fontSize: "lg",
+                fontWeight: "semibold",
+                color: isDanger ? "error" : undefined
+            })}>
+                {props.title}
+            </span>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRoot.tsx b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRoot.tsx
new file mode 100644
index 0000000..67ff07f
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRoot.tsx
@@ -0,0 +1,26 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import type { ReactNode } from "react"
+
+
+export function SettingsSectionRoot(props: {
+    variant?: "default" | "danger"
+    children: ReactNode
+}) {
+    const isDanger = props.variant === "danger"
+
+    return (
+        <div className={css({
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: "2rem",
+            padding: "2rem",
+            border: "1px solid",
+            borderColor: isDanger ? "error/10" : "neutral/10",
+            borderRadius: "lg",
+            backgroundColor: isDanger ? undefined : "white"
+        })}>
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRow.tsx b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRow.tsx
new file mode 100644
index 0000000..55d698f
--- /dev/null
+++ b/packages/dashboard/src/components/layouts/settingsSection/settingsSectionRow.tsx
@@ -0,0 +1,39 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import type { ReactNode } from "react"
+
+
+export function SettingsSectionRow(props: {
+    title: string
+    description: string
+    variant?: "default" | "danger"
+    children: ReactNode
+}) {
+    const isDanger = props.variant === "danger"
+
+    return (
+        <div className={css({
+            width: "100%",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            gap: "1rem",
+            paddingBottom: "1rem",
+            borderBottom: "1px solid",
+            borderBottomColor: isDanger ? "error/10" : "neutral/10",
+            _last: {
+                paddingBottom: "0",
+                borderBottom: "none"
+            }
+        })}>
+            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
+                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
+                    {props.title}
+                </span>
+                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                    {props.description}
+                </span>
+            </div>
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index 2dc0f96..25df6ff 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -1,18 +1,24 @@
 import { ButtonContent } from "@arrhes/ui"
 import { Outlet, useMatches, useRouterState } from "@tanstack/react-router"
-import { JSX } from "react"
+import { ReactNode } from "react"
 import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
-import { css, cx } from "../../utilities/cn.js"
+import { css } from "../../utilities/cn.js"
 import { LinkButton } from "../linkButton.js"
 
 
-export function SubPageLayout(props: {
-    tabs: Array<{
+export interface SubPageSection {
+    title: string
+    icon: ReactNode
+    items: Array<{
         label: string
-        icon: JSX.Element
         to: ValidRoutes
         params: ValidParams
-    }> | undefined
+    }>
+}
+
+
+export function SubPageLayout(props: {
+    sections: Record<string, SubPageSection> | undefined
 }) {
     const routeMatches = useMatches()
     const currentPath = useRouterState({
@@ -29,10 +35,9 @@ export function SubPageLayout(props: {
             display: "flex",
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            gap: "8"
         })}>
             {
-                props.tabs === undefined
+                props.sections === undefined
                     ? (null)
                     : (
                         <aside className={css({
@@ -42,7 +47,7 @@ export function SubPageLayout(props: {
                             flexDirection: "column",
                             justifyContent: "flex-start",
                             alignItems: "stretch",
-                            gap: "3",
+                            gap: "0.5rem",
                             borderRight: "1px solid",
                             borderRightColor: "neutral/10",
                             backgroundColor: "white",
@@ -52,66 +57,59 @@ export function SubPageLayout(props: {
                             maxHeight: "100vh",
                             overflowY: "auto",
                             paddingRight: "4",
-                            paddingY: "2"
+                            paddingY: "2",
+                            paddingLeft: 0,
                         })}>
-                            {
-                                props.tabs.map((tab) => {
-                                    const matchRoute = routeMatches.find((match) => match.fullPath.includes(tab.to ?? ""))
-                                    const isActive = (matchRoute === undefined)
-                                        ? false
-                                        : currentPath === matchRoute.routeId
+                            {Object.entries(props.sections).map(([key, section]) => (
+                                <div key={key} className={css({ marginBottom: "0.5rem" })}>
+                                    <div className={css({
+                                        display: "flex",
+                                        alignItems: "center",
+                                        gap: "0.5rem",
+                                        padding: "0.5rem",
+                                        fontSize: "xs",
+                                        fontWeight: "semibold",
+                                        color: "neutral/40",
+                                        textTransform: "uppercase",
+                                        letterSpacing: "wider",
+                                    })}>
+                                        {section.icon}
+                                        {section.title}
+                                    </div>
+                                    <div className={css({
+                                        marginTop: "0.25rem",
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        gap: "0.25rem",
+                                    })}>
+                                        {section.items.map((item) => {
+                                            const matchRoute = [...routeMatches].reverse().find((match) => match.fullPath.includes(item.to ?? ""))
+                                            const isActive = (matchRoute === undefined)
+                                                ? false
+                                                : currentPath === matchRoute.routeId
 
-                                    return (
-                                        <div
-                                            key={tab.to}
-                                            aria-current={isActive}
-                                            className={css({
-                                                width: "100%",
-                                                display: "flex",
-                                                justifyContent: "flex-start",
-                                                alignItems: "stretch",
-                                                gap: "2"
-                                            })}
-                                        >
-                                            <LinkButton
-                                                to={tab.to}
-                                                params={tab.params}
-                                                className={css({
-                                                    width: "100%",
-                                                    display: "flex",
-                                                    justifyContent: "flex-start",
-                                                    alignItems: "center",
-                                                    gap: "2"
-                                                })}
-                                            >
-                                                <ButtonContent
-                                                    variant="invisible"
-                                                    leftIcon={tab.icon}
-                                                    text={tab.label}
-                                                    color="neutral"
-                                                    isActive={isActive}
-                                                    className={css({
-                                                        width: "100%",
-                                                        transition: "all",
-                                                        transitionDuration: "200ms",
-                                                        transitionTimingFunction: "ease-in-out"
-                                                    })}
-                                                />
-                                            </LinkButton>
-                                            <div
-                                                className={cx(
-                                                    css({
-                                                        flexShrink: "0",
-                                                        width: "2px",
-                                                        borderRadius: "100%"
-                                                    }),
-                                                    isActive ? css({ backgroundColor: "neutral" }) : css({ backgroundColor: "transparent" })
-                                                )}
-                                            />
-                                        </div>
-                                    )
-                                })
-                            }
+                                            return (
+                                                <LinkButton
+                                                    key={item.to}
+                                                    to={item.to}
+                                                    params={item.params}
+                                                    className={css({ width: "100%" })}
+                                                >
+                                                    <ButtonContent
+                                                        variant="invisible"
+                                                        text={item.label}
+                                                        isActive={isActive}
+                                                        className={css({
+                                                            width: "100%",
+                                                            justifyContent: "start",
+                                                        })}
+                                                    />
+                                                </LinkButton>
+                                            )
+                                        })}
+                                    </div>
+                                </div>
+                            ))}
                         </aside>
                     )
             }
@@ -125,7 +123,7 @@ export function SubPageLayout(props: {
                 flexDirection: "column",
                 justifyContent: "flex-start",
                 alignItems: "stretch",
-                paddingY: "2"
+                paddingLeft: "2rem"
             })}>
                 <Outlet />
             </div>
diff --git a/packages/dashboard/src/components/overlays/dialog/deleteConfirmation.tsx b/packages/dashboard/src/components/overlays/dialog/deleteConfirmation.tsx
new file mode 100644
index 0000000..3b66454
--- /dev/null
+++ b/packages/dashboard/src/components/overlays/dialog/deleteConfirmation.tsx
@@ -0,0 +1,80 @@
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconAlertTriangle, IconTrash } from "@tabler/icons-react"
+import { ComponentPropsWithRef, JSX, ReactElement, useState } from "react"
+import { Dialog } from "./dialog.js"
+
+
+export function DeleteConfirmation(props: {
+    title: string
+    description: string | JSX.Element
+    submitText: string
+    onSubmit: () => Promise<void>
+    children: ReactElement<ComponentPropsWithRef<"div">>
+}) {
+    const [open, setOpen] = useState(false)
+
+    async function handleSubmit() {
+        await props.onSubmit()
+        setOpen(false)
+    }
+
+    return (
+        <Dialog.Root
+            open={open}
+            onOpenChange={(value) => setOpen(value)}
+        >
+            <Dialog.Trigger
+                onClick={(event) => {
+                    setOpen(true)
+                    event.preventDefault()
+                }}
+            >
+                {props.children}
+            </Dialog.Trigger>
+            {(open === false)
+                ? (null)
+                : (
+                    <Dialog.Content>
+                        <Dialog.Header>
+                            <div
+                                className={css({
+                                    padding: "0.5rem",
+                                    display: "flex",
+                                    alignItems: "flex-start",
+                                    gap: "0.75rem",
+                                })}
+                            >
+                                <IconAlertTriangle
+                                    size={16}
+                                    className={css({ color: "error" })}
+                                />
+                            </div>
+                            <Dialog.Title>
+                                {props.title}
+                            </Dialog.Title>
+                        </Dialog.Header>
+                        <Dialog.Body>
+                            <Dialog.Description>
+                                {props.description}
+                            </Dialog.Description>
+                        </Dialog.Body>
+                        <Dialog.Footer>
+                            <Button onClick={() => setOpen(false)}>
+                                <ButtonContent variant="default" text="Annuler" />
+                            </Button>
+                            <Button onClick={handleSubmit} hasLoader>
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconTrash />}
+                                    color="error"
+                                    text={props.submitText}
+                                />
+                            </Button>
+                        </Dialog.Footer>
+                    </Dialog.Content>
+                )
+            }
+        </Dialog.Root >
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/dialog/dialog.tsx b/packages/dashboard/src/components/overlays/dialog/dialog.tsx
index a44f205..d78e19f 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialog.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialog.tsx
@@ -1,3 +1,4 @@
+import { DialogBody } from "./dialogBody.js"
 import { DialogContent } from "./dialogContent.js"
 import { DialogDescription } from "./dialogDescription.js"
 import { DialogFooter } from "./dialogFooter.js"
@@ -11,6 +12,7 @@ import { DialogTrigger } from "./dialogTrigger.js"
 
 export const Dialog = {
     Content: DialogContent,
+    Body: DialogBody,
     Description: DialogDescription,
     Footer: DialogFooter,
     Header: DialogHeader,
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx b/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
new file mode 100644
index 0000000..7d5cbbd
--- /dev/null
+++ b/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
@@ -0,0 +1,26 @@
+
+import { HTMLAttributes } from "react"
+import { css, cx } from "../../../utilities/cn.js"
+
+
+export function DialogBody(props:
+    HTMLAttributes<HTMLDivElement>
+) {
+    return (
+        <div
+            {...props}
+            className={cx(
+                css({
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: "1rem"
+                }),
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
index 30a66d9..1513668 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
@@ -23,7 +23,7 @@ export function DialogContent(props:
                             height: "fit",
                             maxH: "100%",
                             backgroundColor: "white",
-                            borderRadius: "md",
+                            borderRadius: "lg",
                             display: "flex",
                             flexDirection: "column",
                             justifyContent: "flex-start",
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
index 84e433e..daa6941 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
@@ -11,14 +11,14 @@ export function DialogFooter(props:
             {...props}
             className={cx(
                 css({
-                    padding: "4",
+                    padding: "1rem",
                     borderTop: "1px solid",
-                    borderColor: "neutral/10",
+                    borderTopColor: "neutral/5",
                     display: "flex",
                     flexWrap: "wrap",
                     justifyContent: "flex-end",
                     alignItems: "center",
-                    gap: "2"
+                    gap: "0.5rem"
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
index 3d33759..66c6180 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
@@ -18,15 +18,18 @@ export function DialogHeader(props:
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "center",
-                    padding: "4"
+                    padding: "1rem",
+                    borderBottom: "1px solid",
+                    borderBottomColor: "neutral/5",
                 }),
                 props.className
             )}
         >
             <div className={css({
                 display: "flex",
-                justifyContent: "flex-start",
-                alignItems: "flex-start"
+                justifyContent: "start",
+                alignItems: "center",
+                gap: "0.5rem",
             })}>
                 {props.children}
             </div>
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
index 3f05dd8..c21a5b6 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
@@ -24,7 +24,7 @@ export function DialogOverlay(props:
                     justifyContent: "center",
                     alignItems: "center",
                     padding: "6",
-                    backgroundColor: "neutral/20",
+                    backgroundColor: "neutral/10",
                     "&[data-state=open]": {
                         animation: "fadeIn 0.2s ease-out"
                     },
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
index b18b1a5..d098430 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
@@ -1,7 +1,7 @@
 
-import { css, cx } from "../../../utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
+import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogTitle(props:
@@ -12,7 +12,7 @@ export function DialogTitle(props:
             {...props}
             className={cx(
                 css({
-                    fontSize: "xl",
+                    fontSize: "lg",
                     fontWeight: "semibold"
                 }),
                 props.className
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
index ab6d10a..39dd81a 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
@@ -13,7 +13,7 @@ export function DrawerBody(props: {
             justifyContent: "flex-start",
             alignItems: "flex-start",
             gap: "1rem",
-            padding: "1rem"
+            padding: "2rem"
         })}>
             {props.children}
         </div>
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index c833943..20ce504 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -1,71 +1,127 @@
 
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentProps } from "react"
+import { JSX, useCallback, useEffect, useRef, useState } from "react"
+import { createPortal } from "react-dom"
 import { css, cx } from "../../../utilities/cn.js"
+import { useDrawerContext } from "./drawerRoot.js"
 
 
-export function DrawerContent(props:
-    ComponentProps<typeof DialogPrimitive.Content>
-) {
-    return (
-        <DialogPrimitive.Portal>
-            <DialogPrimitive.Overlay
-                className={css({
-                    position: "fixed",
-                    zIndex: "10",
-                    inset: "0",
-                    width: "100%",
-                    height: "100%",
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "center",
-                    alignItems: "flex-end",
-                    padding: "1rem",
-                    backgroundColor: "neutral/10",
-                    "&[data-state=open]": {
-                        animation: "fadeIn 0.2s ease-out"
-                    },
-                    "&[data-state=closed]": {
-                        animation: "fadeOut 0.2s ease-in"
-                    }
-                })}
-            >
-                <DialogPrimitive.Content
-                    {...props}
-                    onClick={(e) => e.stopPropagation()}
-                    className={cx(
-                        css({
-                            minWidth: "100%",
-                            width: "100%",
-                            maxWidth: "100%",
-                            height: "100%",
-                            overflowY: "auto",
-                            backgroundColor: "white",
-                            borderRadius: "md",
-                            display: "flex",
-                            flexDirection: "column",
-                            justifyContent: "flex-start",
-                            alignItems: "stretch",
-                            border: "1px solid",
-                            borderColor: "neutral/10",
-                            transitionDuration: "200ms",
-                            "&[data-state=open]": {
-                                animation: "fadeIn 0.2s ease-out, zoomIn 0.2s ease-out"
-                            },
-                            "&[data-state=closed]": {
-                                animation: "fadeOut 0.2s ease-in, zoomOut 0.2s ease-in"
-                            },
-                            md: {
-                                minWidth: "md",
-                                maxWidth: "md",
-                            }
+export function DrawerContent(props: {
+    children: JSX.Element | JSX.Element[]
+    className?: string
+}) {
+    const { open, setOpen } = useDrawerContext()
+    const [mounted, setMounted] = useState(false)
+    const [visible, setVisible] = useState(false)
+    const contentRef = useRef<HTMLDivElement>(null)
+
+    // Mount when open becomes true, then trigger visible for animations
+    useEffect(() => {
+        if (open) {
+            setMounted(true)
+            // Trigger animation on next frame after mount
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    setVisible(true)
+                })
+            })
+        } else {
+            setVisible(false)
+            const timer = setTimeout(() => {
+                setMounted(false)
+            }, 200)
+            return () => clearTimeout(timer)
+        }
+    }, [open])
+
+    // Handle Escape key
+    const handleKeyDown = useCallback((e: KeyboardEvent) => {
+        if (e.key === "Escape") {
+            setOpen(false)
+        }
+    }, [setOpen])
+
+    useEffect(() => {
+        if (mounted) {
+            document.addEventListener("keydown", handleKeyDown)
+            // Prevent body scroll when drawer is open
+            const originalOverflow = document.body.style.overflow
+            document.body.style.overflow = "hidden"
+            return () => {
+                document.removeEventListener("keydown", handleKeyDown)
+                document.body.style.overflow = originalOverflow
+            }
+        }
+    }, [mounted, handleKeyDown])
+
+    if (!mounted) return null
+
+    return createPortal(
+        <>
+            {/* Overlay */}
+            <div
+                className={cx(
+                    css({
+                        position: "fixed",
+                        zIndex: "10",
+                        inset: "0",
+                        width: "100%",
+                        height: "100%",
+                        backgroundColor: "neutral/10",
+                        transition: "opacity 0.2s ease",
+                    }),
+                    visible
+                        ? css({ opacity: 1 })
+                        : css({ opacity: 0 }),
+                )}
+                onClick={() => setOpen(false)}
+                aria-hidden="true"
+            />
+            {/* Content */}
+            <div
+                ref={contentRef}
+                role="dialog"
+                aria-modal="true"
+                className={cx(
+                    css({
+                        position: "fixed",
+                        zIndex: "10",
+                        top: "1rem",
+                        right: "1rem",
+                        bottom: "1rem",
+                        minWidth: "100%",
+                        width: "100%",
+                        maxWidth: "calc(100% - 2rem)",
+                        height: "calc(100% - 2rem)",
+                        overflowY: "auto",
+                        backgroundColor: "white",
+                        borderRadius: "lg",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "flex-start",
+                        alignItems: "stretch",
+                        border: "1px solid",
+                        borderColor: "neutral/10",
+                        transition: "opacity 0.2s ease, transform 0.2s ease",
+                        md: {
+                            minWidth: "md",
+                            maxWidth: "md",
+                        }
+                    }),
+                    visible
+                        ? css({
+                            opacity: 1,
+                            transform: "scale(1)",
+                        })
+                        : css({
+                            opacity: 0,
+                            transform: "scale(0.96)",
                         }),
-                        props.className
-                    )}
-                >
-                    {props.children}
-                </DialogPrimitive.Content>
-            </DialogPrimitive.Overlay>
-        </DialogPrimitive.Portal>
+                    props.className,
+                )}
+            >
+                {props.children}
+            </div>
+        </>,
+        document.body,
     )
 }
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
index 32f5dba..af25f32 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
@@ -1,13 +1,15 @@
 
 import { ButtonContent } from "@arrhes/ui"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
 import { css } from "../../../utilities/cn.js"
+import { useDrawerContext } from "./drawerRoot.js"
 
 
 export function DrawerHeader(props: {
     title: string | undefined
 }) {
+    const { setOpen } = useDrawerContext()
+
     return (
         <div className={css({
             width: "100%",
@@ -16,10 +18,10 @@ export function DrawerHeader(props: {
             alignItems: "center",
             gap: "1rem",
             borderBottom: "1px solid",
-            borderBottomColor: "neutral/10",
-            padding: "1rem"
+            borderBottomColor: "neutral/5",
+            padding: "1rem",
         })}>
-            <DialogPrimitive.Title>
+            <span>
                 {
                     (props.title === undefined)
                         ? (null)
@@ -29,19 +31,18 @@ export function DrawerHeader(props: {
                             </span>
                         )
                 }
-            </DialogPrimitive.Title>
-            <DialogPrimitive.Close asChild>
-                <button
-                    type="button"
-                    aria-label="Fermer"
-                    className={css({ display: "flex", alignItems: "center" })}
-                >
-                    <ButtonContent
-                        variant="invisible"
-                        leftIcon={<IconX />}
-                    />
-                </button>
-            </DialogPrimitive.Close>
+            </span>
+            <button
+                type="button"
+                aria-label="Fermer"
+                className={css({ display: "flex", alignItems: "center" })}
+                onClick={() => setOpen(false)}
+            >
+                <ButtonContent
+                    variant="invisible"
+                    leftIcon={<IconX />}
+                />
+            </button>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx b/packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx
index 0928c94..4044c4f 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerRoot.tsx
@@ -1,17 +1,36 @@
-
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentProps } from "react"
-
-
-export function DrawerRoot(props:
-    ComponentProps<typeof DialogPrimitive.Root>
-) {
-    return (
-        <DialogPrimitive.Root
-            {...props}
-            modal={true}
-        >
-            {props.children}
-        </DialogPrimitive.Root>
-    )
-}
+
+import { createContext, JSX, useContext } from "react"
+
+
+type DrawerContextType = {
+    open: boolean
+    setOpen: (open: boolean) => void
+}
+
+const DrawerContext = createContext<DrawerContextType | null>(null)
+
+export function useDrawerContext() {
+    const context = useContext(DrawerContext)
+    if (context === null) {
+        throw new Error("useDrawerContext must be used within a DrawerRoot")
+    }
+    return context
+}
+
+
+export function DrawerRoot(props: {
+    open: boolean
+    onOpenChange: (open: boolean) => void
+    children: JSX.Element | JSX.Element[]
+}) {
+    return (
+        <DrawerContext.Provider
+            value={{
+                open: props.open,
+                setOpen: props.onOpenChange,
+            }}
+        >
+            {props.children}
+        </DrawerContext.Provider>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
index 2703d5e..2c0dd34 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
@@ -1,18 +1,32 @@
 
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { ComponentProps } from "react"
+import { Button } from "@arrhes/ui"
+import { JSX } from "react"
+import { css } from "../../../utilities/cn.js"
+import { useDrawerContext } from "./drawerRoot.js"
 
 
-export function DrawerTrigger(props:
-    ComponentProps<typeof DialogPrimitive.Trigger>
-) {
+export function DrawerTrigger(props: {
+    children: JSX.Element
+}) {
+    const { setOpen } = useDrawerContext()
+
     return (
-        <DialogPrimitive.Trigger
-            {...props}
-            className={props.className}
-            asChild
+        <Button
+            onClick={() => setOpen(true)}
+            className={css({
+                display: "flex",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                cursor: "pointer",
+                width: "fit-content",
+                maxWidth: "100%",
+                height: "fit-content",
+                bg: "transparent",
+                border: "none",
+                padding: "0",
+            })}
         >
             {props.children}
-        </DialogPrimitive.Trigger>
+        </Button>
     )
 }
diff --git a/packages/dashboard/src/components/overlays/toast/toast.tsx b/packages/dashboard/src/components/overlays/toast/toast.tsx
index 625abdf..f926b47 100644
--- a/packages/dashboard/src/components/overlays/toast/toast.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toast.tsx
@@ -1,18 +1,8 @@
-import { ToastAction } from "./toastAction.js"
-import { ToastClose } from "./toastClose.js"
-import { ToastContent } from "./toastContent.js"
-import { ToastDescription } from "./toastDescription.js"
-import { ToastProvider } from "./toastProvider.js"
-import { ToastTitle } from "./toastTitle.js"
+import { ToastItem } from "./toastItem.js"
 import { ToastViewport } from "./toastViewport.js"
 
 
 export const Toast = {
-    Provider: ToastProvider,
-    Content: ToastContent,
-    Title: ToastTitle,
-    Description: ToastDescription,
-    Close: ToastClose,
-    Action: ToastAction,
+    Item: ToastItem,
     Viewport: ToastViewport,
 }
diff --git a/packages/dashboard/src/components/overlays/toast/toastAction.tsx b/packages/dashboard/src/components/overlays/toast/toastAction.tsx
deleted file mode 100644
index 39a3163..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastAction.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
-
-
-export function ToastAction(props:
-    ComponentProps<typeof ToastPrimitives.Action>
-) {
-    return (
-        <ToastPrimitives.Action
-            {...props}
-            className={cx(
-                css({
-                    display: "inline-flex",
-                    height: "8",
-                    flexShrink: "0",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    borderRadius: "md",
-                    border: "1px solid",
-                    backgroundColor: "transparent",
-                    px: "3",
-                    fontSize: "sm",
-                    fontWeight: "medium",
-                    transition: "colors",
-                    _hover: { backgroundColor: "secondary" },
-                    _focus: { outline: "none", ring: "1", ringColor: "ring" },
-                    _disabled: { pointerEvents: "none", opacity: "0.5" }
-                }),
-                props.className
-            )}
-        />
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastClose.tsx b/packages/dashboard/src/components/overlays/toast/toastClose.tsx
deleted file mode 100644
index f9a08d2..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastClose.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { css, cx } from "../../../utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { IconX } from "@tabler/icons-react"
-import { ComponentProps } from "react"
-
-
-type ToastClose = ComponentProps<typeof ToastPrimitives.Close>
-
-export function ToastClose(props: ToastClose) {
-    return (
-        <ToastPrimitives.Close
-            {...props}
-            className={cx(
-                css({
-                    ml: "auto",
-                    opacity: "0",
-                    transition: "opacity",
-                    _focus: { opacity: "1" },
-                    _groupHover: { opacity: "1" }
-                }),
-                props.className
-            )}
-            toast-close=""
-            asChild
-        >
-            <button
-                type="button"
-                aria-label="Fermer"
-                className={css({ display: "flex", alignItems: "center" })}
-            >
-                <ButtonContent
-                    variant="invisible"
-                    leftIcon={<IconX />}
-                />
-            </button>
-        </ToastPrimitives.Close>
-    )
-}
diff --git a/packages/dashboard/src/components/overlays/toast/toastContent.tsx b/packages/dashboard/src/components/overlays/toast/toastContent.tsx
deleted file mode 100644
index 9fd017d..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastContent.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
-import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
-
-
-const toastIcons = {
-    error: (
-        <div className={css({
-            padding: "1rem",
-            width: "32px",
-            height: "32px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            borderRadius: "sm",
-            backgroundColor: "error/10",
-            border: "1px solid",
-            borderColor: "error/50"
-        })}>
-            <IconAlertTriangle size={16} className={css({ color: "error" })} />
-        </div>
-    ),
-    success: (
-        <div className={css({
-            padding: "1rem",
-            width: "32px",
-            height: "32px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            borderRadius: "sm",
-            backgroundColor: "success/10",
-            border: "1px solid",
-            borderColor: "success"
-        })}>
-            <IconCircleCheck size={16} className={css({ color: "success" })} />
-        </div>
-    ),
-    warning: (
-        <div className={css({
-            padding: "1rem",
-            width: "32px",
-            height: "32px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            borderRadius: "sm",
-            backgroundColor: "warning/10",
-            border: "1px solid",
-            borderColor: "warning"
-        })}>
-            <IconAlertTriangle size={16} className={css({ color: "warning" })} />
-        </div>
-    ),
-    information: (
-        <div className={css({
-            padding: "1rem",
-            width: "32px",
-            height: "32px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            borderRadius: "sm",
-            backgroundColor: "information/10",
-            border: "1px solid",
-            borderColor: "information"
-        })}>
-            <IconInfoSquare size={16} className={css({ color: "information" })} />
-        </div>
-    )
-}
-
-const variantStyles = {
-    error: css({ color: "error" }),
-    success: css({ color: "success" }),
-    warning: css({ color: "warning" }),
-    information: css({ color: "information" })
-}
-
-type ToastContent = ComponentProps<typeof ToastPrimitives.Root> & {
-    variant?: "error" | "success" | "warning" | "information"
-}
-
-export function ToastContent(props: ToastContent) {
-    return (
-        <ToastPrimitives.Root
-            {...props}
-            className={cx(
-                css({
-                    pointerEvents: "auto",
-                    position: "relative",
-                    width: "100%",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "flex-start",
-                    gap: "4",
-                    padding: "1rem",
-                    borderRadius: "md",
-                    border: "1px solid",
-                    borderColor: "neutral/10",
-                    backgroundColor: "white",
-                    transition: "all",
-                    "&[data-swipe=cancel]": { transform: "translateX(0)" },
-                    "&[data-swipe=end]": { transform: "translateX(var(--radix-toast-swipe-end-x))" },
-                    "&[data-swipe=move]": {
-                        transform: "translateX(var(--radix-toast-swipe-move-x))",
-                        transition: "none"
-                    },
-                    "&[data-state=open]": {
-                        animation: "slideInFromBottom 0.2s ease-out"
-                    },
-                    "&[data-state=closed]": {
-                        animation: "fadeOut 0.2s ease-in"
-                    }
-                }),
-                variantStyles[props.variant ?? "information"],
-                props.className
-            )}
-        >
-            {toastIcons[props.variant ?? "information"]}
-            {props.children}
-        </ToastPrimitives.Root>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastDescription.tsx b/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
deleted file mode 100644
index d08fed9..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastDescription.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { css, cx } from "../../../utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-type ToastDescription = ComponentProps<typeof ToastPrimitives.Description>
-
-export function ToastDescription(props: ToastDescription) {
-    return (
-        <ToastPrimitives.Description
-            {...props}
-            className={cx(
-                css({
-                    fontSize: "sm",
-                    color: "neutral/50"
-                }),
-                props.className
-            )}
-        />
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/overlays/toast/toastItem.tsx b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
new file mode 100644
index 0000000..9048a87
--- /dev/null
+++ b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
@@ -0,0 +1,99 @@
+import { Button, ButtonContent } from "@arrhes/ui"
+import { IconAlertTriangle, IconCircleCheck, IconInfoSquare, IconX } from "@tabler/icons-react"
+import { css } from "../../../utilities/cn.js"
+import { ToasterToast, ToastVariant } from "../../../contexts/toasts/useToast.js"
+
+
+const toastIcons: Record<ToastVariant, React.ReactNode> = {
+    error: (
+        <IconAlertTriangle size={20} className={css({ color: "error" })} />
+    ),
+    success: (
+        <IconCircleCheck size={20} className={css({ color: "success" })} />
+    ),
+    warning: (
+        <IconAlertTriangle size={20} className={css({ color: "warning" })} />
+    ),
+    information: (
+        <IconInfoSquare size={20} className={css({ color: "information" })} />
+    )
+}
+
+type ToastItemProps = {
+    toast: ToasterToast
+    onDismiss: (id: string) => void
+}
+
+export function ToastItem(props: ToastItemProps) {
+    const variant = props.toast.variant ?? "information"
+
+    return (
+        <div
+            className={css({
+                pointerEvents: "auto",
+                position: "relative",
+                width: "100%",
+                display: props.toast.open ? "flex" : "none",
+                alignItems: "center",
+                justifyContent: "flex-start",
+                gap: "4",
+                padding: "4",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+                boxShadow: "sm",
+            })}
+        >
+            {toastIcons[variant]}
+            <div
+                className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "flex-start",
+                    flex: "1",
+                    minWidth: "0",
+                })}
+            >
+                {
+                    (props.toast.title === undefined)
+                        ? null
+                        : (
+                            <span
+                                className={css({
+                                    fontSize: "md",
+                                    color: "neutral",
+                                })}
+                            >
+                                {props.toast.title}
+                            </span>
+                        )
+                }
+                {
+                    (props.toast.description === undefined)
+                        ? null
+                        : (
+                            <span
+                                className={css({
+                                    fontSize: "sm",
+                                    color: "neutral/50",
+                                })}
+                            >
+                                {props.toast.description}
+                            </span>
+                        )
+                }
+            </div>
+            <Button
+                title="Fermer"
+                onClick={() => props.onDismiss(props.toast.id)}
+            >
+                <ButtonContent
+                    variant="invisible"
+                    leftIcon={<IconX />}
+                />
+            </Button>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/overlays/toast/toastProvider.tsx b/packages/dashboard/src/components/overlays/toast/toastProvider.tsx
deleted file mode 100644
index ec50457..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastProvider.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import * as ToastPrimitives from "@radix-ui/react-toast"
-
-
-export const ToastProvider = ToastPrimitives.Provider
diff --git a/packages/dashboard/src/components/overlays/toast/toastTitle.tsx b/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
deleted file mode 100644
index 8b0c4fa..0000000
--- a/packages/dashboard/src/components/overlays/toast/toastTitle.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { css, cx } from "../../../utilities/cn.js"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-
-
-
-export function ToastTitle(props:
-    ComponentProps<typeof ToastPrimitives.Title>
-) {
-    return (
-        <ToastPrimitives.Title
-            {...props}
-            className={cx(
-                css({
-                    fontSize: "base",
-                    color: "neutral/75",
-                    fontWeight: "semibold",
-                    "& + div": { fontSize: "xs" }
-                }),
-                props.className
-            )}
-        />
-    )
-}
-
-
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index fe8d01b..fe28d41 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -1,37 +1,31 @@
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
+import { createPortal } from "react-dom"
+import { ReactNode } from "react"
+import { css } from "../../../utilities/cn.js"
 
 
-type ToastViewport = ComponentProps<typeof ToastPrimitives.Viewport>
+type ToastViewportProps = {
+    children: ReactNode
+}
 
-export function ToastViewport(props: ToastViewport) {
-    return (
-        <ToastPrimitives.Viewport
-            {...props}
-            className={cx(
-                css({
-                    position: "fixed",
-                    top: "0",
-                    zIndex: "100",
-                    display: "flex",
-                    maxH: "screen",
-                    width: "100%",
-                    flexDirection: "column-reverse",
-                    gap: "1",
-                    padding: "4",
-                    right: "0",
-                    sm: {
-                        top: "auto",
-                        flexDirection: "column"
-                    },
-                    md: {
-                        bottom: "0",
-                        maxWidth: "420px"
-                    }
-                }),
-                props.className
-            )}
-        />
+export function ToastViewport(props: ToastViewportProps) {
+    return createPortal(
+        <div
+            className={css({
+                position: "fixed",
+                bottom: "0",
+                right: "0",
+                zIndex: "100",
+                display: "flex",
+                flexDirection: "column",
+                gap: "2",
+                padding: "4",
+                width: "100%",
+                maxWidth: "420px",
+                pointerEvents: "none",
+            })}
+        >
+            {props.children}
+        </div>,
+        document.body
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/contexts/toasts/toastProvider.tsx b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
index 1d77df2..4d8329a 100644
--- a/packages/dashboard/src/contexts/toasts/toastProvider.tsx
+++ b/packages/dashboard/src/contexts/toasts/toastProvider.tsx
@@ -1,48 +1,24 @@
 
 import { Toast } from "../../components/overlays/toast/toast.js"
-import { css } from "../../utilities/cn.js"
 import { useToast } from "./useToast.js"
 
 
 export function ToasterProvider() {
-    const { toasts } = useToast()
+    const { toasts, dismiss } = useToast()
 
     return (
-        <Toast.Provider>
+        <Toast.Viewport>
             {
-                toasts.map(function ({ id, title, description, action, ...props }) {
+                toasts.map(function (toast) {
                     return (
-                        <Toast.Content
-                            {...props}
-                            key={id}
-                        >
-                            <div className={css({ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "flex-start" })}>
-                                {
-                                    (title === undefined)
-                                        ? null
-                                        : (
-                                            <Toast.Title>
-                                                {title}
-                                            </Toast.Title>
-                                        )
-                                }
-                                {
-                                    (description === undefined)
-                                        ? null
-                                        : (
-                                            <Toast.Description>
-                                                {description}
-                                            </Toast.Description>
-                                        )
-                                }
-                            </div>
-                            {action}
-                            <Toast.Close />
-                        </Toast.Content>
+                        <Toast.Item
+                            key={toast.id}
+                            toast={toast}
+                            onDismiss={dismiss}
+                        />
                     )
                 })
             }
-            <Toast.Viewport />
-        </Toast.Provider>
+        </Toast.Viewport>
     )
 }
diff --git a/packages/dashboard/src/contexts/toasts/useToast.ts b/packages/dashboard/src/contexts/toasts/useToast.ts
index d2fbe93..9e43631 100644
--- a/packages/dashboard/src/contexts/toasts/useToast.ts
+++ b/packages/dashboard/src/contexts/toasts/useToast.ts
@@ -1,16 +1,18 @@
-import { Toast } from "../../components/overlays/toast/toast.js"
-import { ToastContent } from "../../components/overlays/toast/toastContent.js"
-import { ComponentProps, ReactNode, useEffect, useState } from "react"
+import { ReactNode, useEffect, useState } from "react"
 
 
 const TOAST_LIMIT = 8
-const TOAST_REMOVE_DELAY = 20000
+const TOAST_REMOVE_DELAY = 2000
 
-type ToasterToast = ComponentProps<typeof ToastContent> & {
+export type ToastVariant = "error" | "success" | "warning" | "information"
+
+export type ToasterToast = {
     id: string
     title?: ReactNode
     description?: ReactNode
-    action?: ReactNode
+    variant?: ToastVariant
+    open?: boolean
+    itemID?: string
 }
 
 const actionTypes = {
@@ -88,8 +90,6 @@ export const reducer = (state: State, action: Action): State => {
         case "DISMISS_TOAST": {
             const { toastId } = action
 
-            // ! Side effects ! - This could be extracted into a dismissToast() action,
-            // but I'll keep it here for simplicity
             if (toastId) {
                 addToRemoveQueue(toastId)
             } else {
@@ -153,9 +153,6 @@ function toast({ ...props }: Toast) {
             ...props,
             id,
             open: true,
-            onOpenChange: (open: boolean) => {
-                if (!open) dismiss()
-            },
         },
     })
 
@@ -188,4 +185,3 @@ function useToast() {
 }
 
 export { toast, useToast }
-
diff --git a/packages/dashboard/src/features/breadcrumbs.tsx b/packages/dashboard/src/features/breadcrumbs.tsx
index 99a58a5..ce7f8ec 100644
--- a/packages/dashboard/src/features/breadcrumbs.tsx
+++ b/packages/dashboard/src/features/breadcrumbs.tsx
@@ -1,6 +1,5 @@
 import { readOneOrganizationRouteDefinition, readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
-import { IconSlash } from "@tabler/icons-react"
 import { useRouterState } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { LinkButton } from "../components/linkButton.js"
@@ -54,10 +53,15 @@ export function Breadcrumbs() {
             </LinkButton>
             {idYear !== null && (
                 <Fragment>
-                    <IconSlash
+                    <span
+                        className={css({ color: "neutral/25", padding: "0.25rem", })}
+                    >
+                        /
+                    </span>
+                    {/* <IconSlash
                         size={16}
                         className={css({ stroke: "neutral/25" })}
-                    />
+                    /> */}
                     <LinkButton
                         to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures"
                         params={{
diff --git a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index 8230d38..a948670 100644
--- a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -48,9 +48,8 @@ export function DashboardLayout() {
                         gap: "0.5rem",
                     })}>
                         <LinkButton to="/dashboard">
-                            <Logo withText />
+                            <Logo />
                         </LinkButton>
-                        <span className={css({ color: "neutral/20" })}>/</span>
                         <Breadcrumbs />
                     </div>
                     <nav className={css({
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
index 69e1088..96b8e05 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationLayout.tsx
@@ -1,4 +1,4 @@
-import { IconCalendarEvent, IconSettings } from "@tabler/icons-react"
+import { IconCalendarEvent, IconSettings, IconUsers } from "@tabler/icons-react"
 import { Outlet, useParams } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { PageNavigation } from "../../../../components/layouts/page/pageNavigation.tsx"
@@ -13,13 +13,21 @@ export function OrganizationLayout() {
             <PageNavigation
                 tabs={[
                     {
-                        label: "Exercices fiscaux",
+                        label: "Exercices",
                         icon: <IconCalendarEvent />,
                         to: "/dashboard/organisations/$idOrganization/exercices",
                         params: {
                             idOrganization: params.idOrganization,
                         },
                     },
+                    {
+                        label: "Membres",
+                        icon: <IconUsers />,
+                        to: "/dashboard/organisations/$idOrganization/membres",
+                        params: {
+                            idOrganization: params.idOrganization,
+                        },
+                    },
                     {
                         label: "Paramètres",
                         icon: <IconSettings />,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
index 0c77ba7..7a4499d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/deleteOneOrganization.tsx
@@ -1,11 +1,8 @@
 import { deleteOneOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../utilities/invalidateData.ts"
@@ -16,77 +13,45 @@ export function DeleteOneOrganization(props: {
     idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
-    async function onSubmit() {
-        const deleteResponse = await postAPI({
-            routeDefinition: deleteOneOrganizationRouteDefinition,
-            body: {
-                idOrganization: props.idOrganization
-            }
-        })
-
-        if (deleteResponse.ok === false) {
-            toast({ title: "Erreur lors de la suppression de l'organisation", variant: "error" })
-            return
-        }
-
-        await invalidateData({
-            routeDefinition: getAllMyOrganizationsRouteDefinition,
-            body: {
-                idOrganization: props.idOrganization
-            },
-        })
-
-        toast({ title: "Organisation supprimée", variant: "success" })
-
-        platformRouter.navigate({ to: "/dashboard/organisations" })
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
-    }
-
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette organisation ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera l'organisation et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'organisation" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette organisation ?"
+            description={
+                <>
+                    Cette action supprimera l'organisation et toutes les données associées.
+                    <br />
+                    Cette action est irréversible.
+                </>
             }
-        </Dialog.Root>
+            submitText="Supprimer l'organisation"
+            onSubmit={
+                async () => {
+                    const deleteResponse = await postAPI({
+                        routeDefinition: deleteOneOrganizationRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization
+                        }
+                    })
+
+                    if (deleteResponse.ok === false) {
+                        toast({ title: "Erreur lors de la suppression de l'organisation", variant: "error" })
+                        return
+                    }
+
+                    await invalidateData({
+                        routeDefinition: getAllMyOrganizationsRouteDefinition,
+                        body: {
+                            idOrganization: props.idOrganization
+                        },
+                    })
+
+                    toast({ title: "Organisation supprimée", variant: "success" })
+
+                    platformRouter.navigate({ to: "/dashboard/organisations" })
+                }
+            }
+        >
+            {props.children}
+        </DeleteConfirmation >
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
deleted file mode 100644
index 4825d75..0000000
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { IconSettings, IconUsers } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-import { Page } from "../../../../../components/layouts/page/page.tsx"
-import { SubPageLayout } from "../../../../../components/layouts/subPageLayout.tsx"
-import { organizationSettingsLayoutRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx"
-
-
-export function OrganizationSettingsLayout() {
-    const params = useParams({ from: organizationSettingsLayoutRoute.id })
-
-    return (
-        <Page.Root>
-            <Page.Content>
-                <SubPageLayout
-                    tabs={[
-                        {
-                            label: "Général",
-                            icon: <IconSettings />,
-                            to: "/dashboard/organisations/$idOrganization/paramètres",
-                            params: { idOrganization: params.idOrganization, }
-                        },
-                        {
-                            label: "Membres",
-                            icon: <IconUsers />,
-                            to: "/dashboard/organisations/$idOrganization/paramètres/membres",
-                            params: { idOrganization: params.idOrganization, }
-                        },
-                    ]}
-                />
-            </Page.Content>
-        </Page.Root>
-    )
-}
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
index ab272e3..05aaf3d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsPage.tsx
@@ -3,8 +3,9 @@ import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Page } from "../../../../../components/layouts/page/page.tsx"
 import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../../../components/layouts/page/page.tsx"
+import { SettingsSection } from "../../../../../components/layouts/settingsSection/settingsSection.tsx"
 import { organizationSettingsRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx"
 import { DeleteOneOrganization } from "./deleteOneOrganization.tsx"
 import { UpdateOneOrganization } from "./updateOneOrganization.tsx"
@@ -14,164 +15,67 @@ export function OrganizationSettingsPage() {
     const params = useParams({ from: organizationSettingsRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneOrganizationRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization
-            }}
-        >
-            {(organization) => {
-                return (
-                    <Page.Root>
-                        <Page.Header>
-                            <Page.Title>
-                                Paramètres de l'organisation
-                            </Page.Title>
-                            <Page.Description>
-                                Gérez les informations de base et la suppression de l'organisation.
-                            </Page.Description>
-                        </Page.Header>
-                        <Page.Content>
+        <Page.Root>
+            {/* <Page.Header>
+                <Page.Title>
+                    Paramètres de l'organisation
+                </Page.Title>
+                <Page.Description>
+                    Gérez les informations de base et la suppression de l'organisation.
+                </Page.Description>
+            </Page.Header> */}
+            <Page.Content>
+                <DataWrapper
+                    routeDefinition={readOneOrganizationRouteDefinition}
+                    body={{
+                        idOrganization: params.idOrganization
+                    }}
+                >
+                    {(organization) => {
+                        return (
                             <div className={css({
                                 width: "100%",
                                 display: "flex",
                                 flexDirection: "column",
-                                gap: "1.5rem"
+                                gap: "1rem"
                             })}>
-                                <div className={css({
-                                    width: "100%",
-                                    display: "flex",
-                                    flexDirection: { base: "column", md: "row" },
-                                    gap: "1.5rem",
-                                    padding: "1.5rem",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    borderRadius: "lg",
-                                    backgroundColor: "white"
-                                })}>
-                                    <div className={css({
-                                        flex: "1",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        gap: "0.5rem"
-                                    })}>
-                                        <span className={css({ fontSize: "lg", fontWeight: "semibold" })}>
-                                            Informations générales
-                                        </span>
-                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
-                                            Modifiez le nom, le statut et les données principales de l'organisation.
-                                        </span>
-                                    </div>
-                                    <div className={css({
-                                        flex: "2",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        border: "1px solid",
-                                        borderColor: "neutral/10",
-                                        borderRadius: "md",
-                                        overflow: "hidden"
-                                    })}>
-                                        <div className={css({
-                                            width: "100%",
-                                            display: "flex",
-                                            justifyContent: "space-between",
-                                            alignItems: "center",
-                                            gap: "1rem",
-                                            paddingX: "1.25rem",
-                                            paddingY: "1rem",
-                                            backgroundColor: "white",
-                                            borderBottom: "1px solid",
-                                            borderBottomColor: "neutral/10"
-                                        })}>
-                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
-                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
-                                                    Modifier l'organisation
-                                                </span>
-                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                                                    Changez les informations principales.
-                                                </span>
-                                            </div>
-                                            <UpdateOneOrganization organization={organization}>
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconPencil />}
-                                                    text="Modifier"
-                                                />
-                                            </UpdateOneOrganization>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div className={css({
-                                    width: "100%",
-                                    display: "flex",
-                                    flexDirection: { base: "column", md: "row" },
-                                    gap: "1.5rem",
-                                    padding: "1.5rem",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    borderRadius: "lg",
-                                    backgroundColor: "white"
-                                })}>
-                                    <div className={css({
-                                        flex: "1",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        gap: "0.5rem"
-                                    })}>
-                                        <span className={css({ fontSize: "lg", fontWeight: "semibold", color: "error" })}>
-                                            Zone de danger
-                                        </span>
-                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
-                                            Supprimez définitivement l'organisation et ses données.
-                                        </span>
-                                    </div>
-                                    <div className={css({
-                                        flex: "2",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        border: "1px solid",
-                                        borderColor: "error/20",
-                                        borderRadius: "md",
-                                        overflow: "hidden"
-                                    })}>
-                                        <div className={css({
-                                            width: "100%",
-                                            display: "flex",
-                                            justifyContent: "space-between",
-                                            alignItems: "center",
-                                            gap: "1rem",
-                                            paddingX: "1.25rem",
-                                            paddingY: "1rem",
-                                            backgroundColor: "error/5"
-                                        })}>
-                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
-                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
-                                                    Supprimer l'organisation
-                                                </span>
-                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                                                    Cette action est irréversible.
-                                                </span>
-                                            </div>
-                                            <DeleteOneOrganization idOrganization={organization.id}>
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconTrash />}
-                                                    text="Supprimer"
-                                                    color="error"
-                                                />
-                                            </DeleteOneOrganization>
-                                        </div>
-                                    </div>
-                                </div>
+                                <SettingsSection.Root>
+                                    <SettingsSection.Header title="Informations générales" />
+                                    <SettingsSection.Row
+                                        title="Modifier les informations de l'organisation"
+                                        description="Changez le nom, l'email ou encore le numéro de SIREN."
+                                    >
+                                        <UpdateOneOrganization organization={organization}>
+                                            <ButtonContent
+                                                variant="default"
+                                                leftIcon={<IconPencil />}
+                                                text="Modifier"
+                                            />
+                                        </UpdateOneOrganization>
+                                    </SettingsSection.Row>
+                                </SettingsSection.Root>
+                                <SettingsSection.Root variant="danger">
+                                    <SettingsSection.Header title="Zone de danger" variant="danger" />
+                                    <SettingsSection.Row
+                                        title="Supprimer l'organisation"
+                                        description="Cette action est irréversible."
+                                        variant="danger"
+                                    >
+                                        <DeleteOneOrganization idOrganization={organization.id}>
+                                            <ButtonContent
+                                                variant="default"
+                                                leftIcon={<IconTrash />}
+                                                text="Supprimer"
+                                                color="error"
+                                            />
+                                        </DeleteOneOrganization>
+                                    </SettingsSection.Row>
+                                </SettingsSection.Root>
                             </div>
-                        </Page.Content>
-                    </Page.Root>
-                )
-            }}
-        </DataWrapper>
+                        )
+                    }}
+                </DataWrapper>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
deleted file mode 100644
index 25aa7b5..0000000
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
-import * as v from "valibot"
-import { Dialog } from "../../../../../../../components/overlays/dialog/dialog.tsx"
-import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
-import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
-import { postAPI } from "../../../../../../../utilities/postAPI.ts"
-
-
-export function DeleteOneOrganizationUser(props: {
-    organizationUser: v.InferOutput<typeof returnedSchemas.organizationUser>
-    children: ReactElement<ComponentPropsWithRef<'div'>>
-}) {
-    const [open, setOpen] = useState(false)
-
-    async function onSubmit() {
-        const deleteResponse = await postAPI({
-            routeDefinition: deleteOneOrganizationUserRouteDefinition,
-            body: {
-                idOrganizationUser: props.organizationUser.id,
-                idOrganization: props.organizationUser.idOrganization,
-            }
-        })
-
-        if (deleteResponse.ok === false) {
-            toast({ title: "Erreur lors de la suppression de l'utilisateur", variant: "error" })
-            return
-        }
-
-        await invalidateData({
-            routeDefinition: readOneOrganizationRouteDefinition,
-            body: {
-                idOrganization: props.organizationUser.idOrganization
-            },
-        })
-        toast({ title: "Utilisateur supprimé de l'organisation", variant: "success" })
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
-    }
-
-    return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
-        >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer l'utilisateur de cette organisation ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'utilisateur" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
-    )
-}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
deleted file mode 100644
index 9e119e0..0000000
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconUserPlus } from "@tabler/icons-react"
-import { useParams } from "@tanstack/react-router"
-import { Section } from "../../../../../../components/layouts/section/section.tsx"
-import { organizationUsersRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx"
-import { CreateOneOrganizationUser } from "./createOneOrganizationUser.tsx"
-import { OrganizationUsersTable } from "./organizationUsersTable.tsx"
-
-
-export function OrganizationUsersPage() {
-    const params = useParams({ from: organizationUsersRoute.id })
-
-    return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                    <CreateOneOrganizationUser
-                        idOrganization={params.idOrganization}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconUserPlus />}
-                            text="Ajouter un utilisateur"
-                        />
-                    </CreateOneOrganizationUser>
-                </div>
-                <OrganizationUsersTable
-                    idOrganization={params.idOrganization}
-                />
-            </Section.Item>
-        </Section.Root>
-    )
-}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
deleted file mode 100644
index cff7ed0..0000000
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersTable.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
-import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconPencil, IconTrash } from "@tabler/icons-react"
-import { Fragment } from "react/jsx-runtime"
-import * as v from "valibot"
-import { FormatNull } from "../../../../../../components/formats/formatNull.tsx"
-import { Box } from "../../../../../../components/layouts/box.tsx"
-import { DataWrapper } from "../../../../../../components/layouts/dataWrapper.tsx"
-import { DeleteOneOrganizationUser } from "./$idOrganizationUser/deleteOneOrganizationUser.tsx"
-import { UpdateOneOrganizationUser } from "./$idOrganizationUser/updateOneOrganizationUser.tsx"
-
-
-export function OrganizationUsersTable(props: {
-    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
-}) {
-    return (
-        <Box>
-            <DataWrapper
-                routeDefinition={readAllOrganizationUsersRouteDefinition}
-                body={{
-                    idOrganization: props.idOrganization
-                }}
-            >
-                {(organizationUsers) => {
-                    if (organizationUsers.length === 0) {
-                        return (
-                            <FormatNull
-                                text="Aucune organisation"
-                                className={css({ padding: "4" })}
-                            />
-                        )
-                    }
-                    return (
-                        <Fragment>
-                            {organizationUsers.map((organizationUser) => {
-                                return (
-                                    <div
-                                        key={organizationUser.id}
-                                        className={css({ width: "100%", padding: "4", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "space-between", alignItems: "center" })}
-                                    >
-                                        <span>
-                                            {organizationUser.user.email}
-                                        </span>
-                                        <div className={css({ display: "flex", justifyContent: "center", alignItems: "center", gap: "2" })}>
-                                            <UpdateOneOrganizationUser
-                                                organizationUser={organizationUser}
-                                            >
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconPencil />}
-                                                    title="Modifier l'utilisateur"
-                                                />
-                                            </UpdateOneOrganizationUser>
-                                            <DeleteOneOrganizationUser
-                                                organizationUser={organizationUser}
-                                            >
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconTrash />}
-                                                    title="Supprimer l'utilisateur"
-                                                    color="error"
-                                                />
-                                            </DeleteOneOrganizationUser>
-                                        </div>
-                                    </div>
-                                )
-                            })}
-                        </Fragment>
-                    )
-                }}
-            </DataWrapper>
-        </Box>
-    )
-}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
new file mode 100644
index 0000000..a046317
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/deleteOneOrganizationUser.tsx
@@ -0,0 +1,48 @@
+import { deleteOneOrganizationUserRouteDefinition, readOneOrganizationRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { ComponentPropsWithRef, ReactElement } from "react"
+import * as v from "valibot"
+import { DeleteConfirmation } from "../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
+import { toast } from "../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../utilities/postAPI.ts"
+
+
+export function DeleteOneOrganizationUser(props: {
+    organizationUser: v.InferOutput<typeof returnedSchemas.organizationUser>
+    children: ReactElement<ComponentPropsWithRef<'div'>>
+}) {
+    async function onSubmit() {
+        const deleteResponse = await postAPI({
+            routeDefinition: deleteOneOrganizationUserRouteDefinition,
+            body: {
+                idOrganizationUser: props.organizationUser.id,
+                idOrganization: props.organizationUser.idOrganization,
+            }
+        })
+
+        if (deleteResponse.ok === false) {
+            toast({ title: "Erreur lors de la suppression de l'utilisateur", variant: "error" })
+            return
+        }
+
+        await invalidateData({
+            routeDefinition: readOneOrganizationRouteDefinition,
+            body: {
+                idOrganization: props.organizationUser.idOrganization
+            },
+        })
+        toast({ title: "Utilisateur supprimé de l'organisation", variant: "success" })
+    }
+
+    return (
+        <DeleteConfirmation
+            title="Voulez-vous supprimer l'utilisateur de cette organisation ?"
+            description="Cette action est irréversible."
+            submitText="Supprimer l'utilisateur"
+            onSubmit={onSubmit}
+        >
+            {props.children}
+        </DeleteConfirmation>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
similarity index 83%
rename from packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
index 81b2f86..8cfe1b6 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/$idOrganizationUser/updateOneOrganizationUser.tsx
@@ -4,17 +4,17 @@ import { IconPencil } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
-import { FormControl } from "../../../../../../../components/forms/formControl.tsx"
-import { FormError } from "../../../../../../../components/forms/formError.tsx"
-import { FormField } from "../../../../../../../components/forms/formField.tsx"
-import { FormItem } from "../../../../../../../components/forms/formItem.tsx"
-import { FormLabel } from "../../../../../../../components/forms/formLabel.tsx"
-import { FormRoot } from "../../../../../../../components/forms/formRoot.tsx"
-import { InputToggle } from "../../../../../../../components/inputs/inputToggle.tsx"
-import { Drawer } from "../../../../../../../components/overlays/drawer/drawer.tsx"
-import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
-import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
-import { postAPI } from "../../../../../../../utilities/postAPI.ts"
+import { FormControl } from "../../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../../components/forms/formRoot.tsx"
+import { InputToggle } from "../../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../utilities/postAPI.ts"
 
 
 export function UpdateOneOrganizationUser(props: {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/createOneOrganizationUser.tsx
similarity index 86%
rename from packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
rename to packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/createOneOrganizationUser.tsx
index 7087743..da93cea 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/createOneOrganizationUser.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/createOneOrganizationUser.tsx
@@ -4,18 +4,18 @@ import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
 import * as v from "valibot"
-import { FormControl } from "../../../../../../components/forms/formControl.tsx"
-import { FormError } from "../../../../../../components/forms/formError.tsx"
-import { FormField } from "../../../../../../components/forms/formField.tsx"
-import { FormItem } from "../../../../../../components/forms/formItem.tsx"
-import { FormLabel } from "../../../../../../components/forms/formLabel.tsx"
-import { FormRoot } from "../../../../../../components/forms/formRoot.tsx"
-import { InputText } from "../../../../../../components/inputs/inputText.tsx"
-import { InputToggle } from "../../../../../../components/inputs/inputToggle.tsx"
-import { Drawer } from "../../../../../../components/overlays/drawer/drawer.tsx"
-import { toast } from "../../../../../../contexts/toasts/useToast.ts"
-import { invalidateData } from "../../../../../../utilities/invalidateData.ts"
-import { postAPI } from "../../../../../../utilities/postAPI.ts"
+import { FormControl } from "../../../../../components/forms/formControl.tsx"
+import { FormError } from "../../../../../components/forms/formError.tsx"
+import { FormField } from "../../../../../components/forms/formField.tsx"
+import { FormItem } from "../../../../../components/forms/formItem.tsx"
+import { FormLabel } from "../../../../../components/forms/formLabel.tsx"
+import { FormRoot } from "../../../../../components/forms/formRoot.tsx"
+import { InputText } from "../../../../../components/inputs/inputText.tsx"
+import { InputToggle } from "../../../../../components/inputs/inputToggle.tsx"
+import { Drawer } from "../../../../../components/overlays/drawer/drawer.tsx"
+import { toast } from "../../../../../contexts/toasts/useToast.ts"
+import { invalidateData } from "../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../utilities/postAPI.ts"
 
 
 export function CreateOneOrganizationUser(props: {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
new file mode 100644
index 0000000..364901e
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
@@ -0,0 +1,89 @@
+import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconPencil, IconUserX } from "@tabler/icons-react"
+import * as v from "valibot"
+import { Chip } from "../../../../../components/layouts/chip.tsx"
+import { ListTable } from "../../../../../components/layouts/listTable/listTable.tsx"
+import { DeleteOneOrganizationUser } from "./$idOrganizationUser/deleteOneOrganizationUser.tsx"
+import { UpdateOneOrganizationUser } from "./$idOrganizationUser/updateOneOrganizationUser.tsx"
+
+
+export function OrganizationUserListTableRow(props: {
+    organizationUser: v.InferOutput<typeof readAllOrganizationUsersRouteDefinition.schemas.return>[number]
+}) {
+    return (
+        <ListTable.Row>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "space-between", gap: "0.5rem" })}>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "0.5rem",
+                })}>
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.75rem",
+                    })}>
+                        <span className={css({
+                            fontSize: "base",
+                            fontWeight: "semibold",
+                            color: "neutral",
+                        })}>
+                            {props.organizationUser.user.email}
+                        </span>
+                        {props.organizationUser.user.alias && (
+                            <span className={css({ fontSize: "md", color: "neutral/50" })}>
+                                {props.organizationUser.user.alias}
+                            </span>
+                        )}
+                    </div>
+                    <div className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}>
+                        {props.organizationUser.isAdmin && (
+                            <Chip text="Admin" color="information" />
+                        )}
+                        {props.organizationUser.status === "active" && (
+                            <Chip text="Actif" color="success" />
+                        )}
+                        {props.organizationUser.status === "invited" && (
+                            <Chip text="Invité" color="warning" />
+                        )}
+                        {props.organizationUser.status === "removed" && (
+                            <Chip text="Retiré" color="error" />
+                        )}
+                    </div>
+                </div>
+                <div className={css({
+                    display: "flex",
+                    justifyContent: "end",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                })}>
+                    <UpdateOneOrganizationUser
+                        organizationUser={props.organizationUser}
+                    >
+                        <ButtonContent
+                            variant="default"
+                            leftIcon={<IconPencil />}
+                            title="Modifier"
+                        />
+                    </UpdateOneOrganizationUser>
+                    <DeleteOneOrganizationUser
+                        organizationUser={props.organizationUser}
+                    >
+                        <ButtonContent
+                            variant="default"
+                            leftIcon={<IconUserX />}
+                            title="Retirer l'utilisateur"
+                            color="error"
+                        />
+                    </DeleteOneOrganizationUser>
+                </div>
+            </div>
+        </ListTable.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersListTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersListTable.tsx
new file mode 100644
index 0000000..360686a
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersListTable.tsx
@@ -0,0 +1,44 @@
+import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
+import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { IconUsers } from "@tabler/icons-react"
+import * as v from "valibot"
+import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../components/layouts/emptyState.tsx"
+import { ListTable } from "../../../../../components/layouts/listTable/listTable.tsx"
+import { OrganizationUserListTableRow } from "./organizationUserListTableRow.tsx"
+
+
+export function OrganizationUsersListTable(props: {
+    idOrganization: v.InferOutput<typeof returnedSchemas.organization>["id"]
+}) {
+    return (
+        <ListTable.Root>
+            <DataWrapper
+                routeDefinition={readAllOrganizationUsersRouteDefinition}
+                body={{
+                    idOrganization: props.idOrganization
+                }}
+            >
+                {(organizationUsers) => {
+                    if (organizationUsers.length === 0) {
+                        return (
+                            <EmptyState
+                                icon={<IconUsers size={48} />}
+                                title="Aucun utilisateur"
+                                subtitle="Invitez un utilisateur pour commencer"
+                            />
+                        )
+                    }
+                    return (
+                        organizationUsers.map((organizationUser) => (
+                            <OrganizationUserListTableRow
+                                key={organizationUser.id}
+                                organizationUser={organizationUser}
+                            />
+                        ))
+                    )
+                }}
+            </DataWrapper>
+        </ListTable.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersPage.tsx
new file mode 100644
index 0000000..c17f79c
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersPage.tsx
@@ -0,0 +1,41 @@
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconUserPlus } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { Page } from "../../../../../components/layouts/page/page.tsx"
+import { organizationUsersRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx"
+import { CreateOneOrganizationUser } from "./createOneOrganizationUser.tsx"
+import { OrganizationUsersListTable } from "./organizationUsersListTable.tsx"
+
+
+export function OrganizationUsersPage() {
+    const params = useParams({ from: organizationUsersRoute.id })
+
+    return (
+        <Page.Root>
+            {/* <Page.Header>
+                <Page.Title>
+                    Membres
+                </Page.Title>
+            </Page.Header> */}
+            <Page.Content>
+                <div
+                    className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "center" })}
+                >
+                    <CreateOneOrganizationUser
+                        idOrganization={params.idOrganization}
+                    >
+                        <ButtonContent
+                            variant="outline"
+                            leftIcon={<IconUserPlus />}
+                            text="Invitez un utilisateur"
+                        />
+                    </CreateOneOrganizationUser>
+                </div>
+                <OrganizationUsersListTable
+                    idOrganization={params.idOrganization}
+                />
+            </Page.Content>
+        </Page.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
index 7b75ad5..f7f2286 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentPage.tsx
@@ -10,7 +10,6 @@ import { FormatText } from "../../../../../../../../components/formats/formatTex
 import { DataBlock } from "../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
 import { attachmentLayoutRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx"
 import { AttachmentData } from "./attachmentData.tsx"
 import { AttachmentFile } from "./attachmentFile.tsx"
@@ -71,11 +70,7 @@ export function AttachmentPage() {
                                 </Section.Item>
                                 <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
-                                        <DataBlock.Header>
-                                            <TitleComponent>
-                                                Informations
-                                            </TitleComponent>
-                                        </DataBlock.Header>
+                                        <DataBlock.Header title="Informations" />
                                         <DataBlock.Content>
                                             <DataBlock.Item label="Référence">
                                                 <FormatText>
@@ -106,11 +101,7 @@ export function AttachmentPage() {
                                 </Section.Item>
                                 <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
-                                        <DataBlock.Header>
-                                            <TitleComponent>
-                                                Métadonnées
-                                            </TitleComponent>
-                                        </DataBlock.Header>
+                                        <DataBlock.Header title="Métadonnées" />
                                         <DataBlock.Content>
                                             <DataBlock.Item label="Ajouté le">
                                                 <FormatDateTime date={attachment.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
index df8b3c5..4171f9b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/$idAttachment/deleteOneAttachment.tsx
@@ -1,11 +1,8 @@
 import { deleteOneAttachmentRouteDefinition, readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneAttachment(props: {
     attachment: v.InferOutput<typeof returnedSchemas.attachment>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneAttachmentRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneAttachment(props: {
                 idYear: props.attachment.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer ce fichier ?"
+            description={<>Cette action supprimera le fichier et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer le fichier"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer ce fichier ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera le fichier et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le fichier" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
index 6ddbe53..f269776 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
@@ -5,9 +5,10 @@ import { useState } from "react"
 import * as v from "valibot"
 import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
 import { FormatFileSize } from "../../../../../../../components/formats/formatFileSize.js"
-import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
 import { InputDebounced } from "../../../../../../../components/inputs/inputDebounced.js"
 import { InputText } from "../../../../../../../components/inputs/inputText.js"
+import { Box } from "../../../../../../../components/layouts/box.js"
+import { EmptyState } from "../../../../../../../components/layouts/emptyState.js"
 import { platformRouter } from "../../../../../../../routes/platformRouter.js"
 import { css, cx } from "../../../../../../../utilities/cn.js"
 import { CreateOneAttachment } from "./createOneAttachment.js"
@@ -84,121 +85,124 @@ export function AttachmentsGrid(props: {
                 </CreateOneAttachment>
             </div>
 
-            {/* Grid of files */}
-            {filteredAttachments.length === 0 ? (
-                <FormatNull
-                    text="Aucun fichier"
-                    className={css({ padding: "8", textAlign: "center" })}
-                />
-            ) : (
-                <div className={css({
-                    width: "100%",
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
-                    gap: "4"
-                })}>
-                    {filteredAttachments.map((attachment) => (
-                        <div
-                            key={attachment.id}
-                            onClick={() => {
-                                platformRouter.navigate({
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
-                                    params: {
-                                        idOrganization: props.idOrganization,
-                                        idYear: props.idYear,
-                                        idAttachment: attachment.id
-                                    }
-                                })
-                            }}
-                            className={cx(
-                                css({
+            <Box>
+                {/* Grid of files */}
+                {filteredAttachments.length === 0 ? (
+                    <EmptyState
+                        icon={<IconFile size={48} />}
+                        title={filter ? "Aucun fichier trouvé" : "Aucun fichier"}
+                        subtitle={filter ? undefined : "Ajoutez un fichier pour commencer"}
+                    />
+                ) : (
+                    <div className={css({
+                        width: "100%",
+                        display: "grid",
+                        gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
+                        gap: "4"
+                    })}>
+                        {filteredAttachments.map((attachment) => (
+                            <div
+                                key={attachment.id}
+                                onClick={() => {
+                                    platformRouter.navigate({
+                                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
+                                        params: {
+                                            idOrganization: props.idOrganization,
+                                            idYear: props.idYear,
+                                            idAttachment: attachment.id
+                                        }
+                                    })
+                                }}
+                                className={cx(
+                                    css({
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        alignItems: "center",
+                                        gap: "2",
+                                        padding: "4",
+                                        borderRadius: "lg",
+                                        border: "1px solid",
+                                        borderColor: "neutral/10",
+                                        backgroundColor: "white",
+                                        cursor: "pointer",
+                                        transition: "all 0.15s",
+                                        _hover: {
+                                            borderColor: "primary/30",
+                                            backgroundColor: "primary/5",
+                                            transform: "translateY(-2px)",
+                                            boxShadow: "sm"
+                                        }
+                                    })
+                                )}
+                            >
+                                {/* File icon */}
+                                <div className={css({
+                                    width: "80px",
+                                    height: "80px",
                                     display: "flex",
-                                    flexDirection: "column",
+                                    justifyContent: "center",
                                     alignItems: "center",
-                                    gap: "2",
-                                    padding: "4",
                                     borderRadius: "lg",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    backgroundColor: "white",
-                                    cursor: "pointer",
-                                    transition: "all 0.15s",
-                                    _hover: {
-                                        borderColor: "primary/30",
-                                        backgroundColor: "primary/5",
-                                        transform: "translateY(-2px)",
-                                        boxShadow: "sm"
-                                    }
-                                })
-                            )}
-                        >
-                            {/* File icon */}
-                            <div className={css({
-                                width: "80px",
-                                height: "80px",
-                                display: "flex",
-                                justifyContent: "center",
-                                alignItems: "center",
-                                borderRadius: "lg",
-                                backgroundColor: "neutral/5"
-                            })}>
-                                <div className={css({ color: getFileIconColor(attachment.type) })}>
-                                    {getFileIcon(attachment.type)}
+                                    backgroundColor: "neutral/5"
+                                })}>
+                                    <div className={css({ color: getFileIconColor(attachment.type) })}>
+                                        {getFileIcon(attachment.type)}
+                                    </div>
                                 </div>
-                            </div>
 
-                            {/* File info */}
-                            <div className={css({
-                                width: "100%",
-                                display: "flex",
-                                flexDirection: "column",
-                                alignItems: "center",
-                                gap: "1",
-                                textAlign: "center"
-                            })}>
-                                <span className={css({
+                                {/* File info */}
+                                <div className={css({
                                     width: "100%",
-                                    fontSize: "sm",
-                                    fontWeight: "medium",
-                                    color: "neutral",
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
-                                    whiteSpace: "nowrap"
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "center",
+                                    gap: "1",
+                                    textAlign: "center"
                                 })}>
-                                    {attachment.reference}
-                                </span>
-                                {attachment.label && (
                                     <span className={css({
                                         width: "100%",
-                                        fontSize: "xs",
-                                        color: "neutral/60",
+                                        fontSize: "sm",
+                                        fontWeight: "medium",
+                                        color: "neutral",
                                         overflow: "hidden",
                                         textOverflow: "ellipsis",
                                         whiteSpace: "nowrap"
                                     })}>
-                                        {attachment.label}
+                                        {attachment.reference}
                                     </span>
-                                )}
-                                <div className={css({
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "2",
-                                    fontSize: "xs",
-                                    color: "neutral/40"
-                                })}>
-                                    <FormatDate date={attachment.date} />
-                                    {attachment.size && (
-                                        <>
-                                            <span>-</span>
-                                            <FormatFileSize size={attachment.size} />
-                                        </>
+                                    {attachment.label && (
+                                        <span className={css({
+                                            width: "100%",
+                                            fontSize: "xs",
+                                            color: "neutral/60",
+                                            overflow: "hidden",
+                                            textOverflow: "ellipsis",
+                                            whiteSpace: "nowrap"
+                                        })}>
+                                            {attachment.label}
+                                        </span>
                                     )}
+                                    <div className={css({
+                                        display: "flex",
+                                        alignItems: "center",
+                                        gap: "2",
+                                        fontSize: "xs",
+                                        color: "neutral/40"
+                                    })}>
+                                        <FormatDate date={attachment.date} />
+                                        {attachment.size && (
+                                            <>
+                                                <span>-</span>
+                                                <FormatFileSize size={attachment.size} />
+                                            </>
+                                        )}
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    ))}
-                </div>
-            )}
+                        ))}
+                    </div>
+                )}
+            </Box>
         </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index e79f3ae..697d302 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -1,4 +1,5 @@
 import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { Button, ButtonContent } from "@arrhes/ui"
 import { IconLayoutGrid, IconLayoutList } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { useState } from "react"
@@ -26,49 +27,26 @@ export function AttachmentsPage() {
                     display: "flex",
                     justifyContent: "flex-end",
                     alignItems: "center",
-                    gap: "1",
-                    mb: "4"
+                    gap: "0.25rem",
                 })}>
-                    <button
+                    <Button
                         onClick={() => setViewMode("grid")}
-                        className={css({
-                            padding: "1rem",
-                            borderRadius: "md",
-                            border: "1px solid",
-                            borderColor: viewMode === "grid" ? "primary" : "neutral/10",
-                            backgroundColor: viewMode === "grid" ? "primary/10" : "transparent",
-                            color: viewMode === "grid" ? "primary" : "neutral/60",
-                            cursor: "pointer",
-                            transition: "all 0.15s",
-                            _hover: {
-                                borderColor: "primary/50",
-                                backgroundColor: "primary/5"
-                            }
-                        })}
-                        title="Vue grille"
+                        title="Grille"
                     >
-                        <IconLayoutGrid size={18} />
-                    </button>
-                    <button
+                        <ButtonContent
+                            leftIcon={<IconLayoutGrid />}
+                            isActive={viewMode === "grid"}
+                        />
+                    </Button>
+                    <Button
                         onClick={() => setViewMode("list")}
-                        className={css({
-                            padding: "1rem",
-                            borderRadius: "md",
-                            border: "1px solid",
-                            borderColor: viewMode === "list" ? "primary" : "neutral/10",
-                            backgroundColor: viewMode === "list" ? "primary/10" : "transparent",
-                            color: viewMode === "list" ? "primary" : "neutral/60",
-                            cursor: "pointer",
-                            transition: "all 0.15s",
-                            _hover: {
-                                borderColor: "primary/50",
-                                backgroundColor: "primary/5"
-                            }
-                        })}
-                        title="Vue liste"
+                        title="Liste"
                     >
-                        <IconLayoutList size={18} />
-                    </button>
+                        <ButtonContent
+                            leftIcon={<IconLayoutList />}
+                            isActive={viewMode === "list"}
+                        />
+                    </Button>
                 </div>
 
                 <DataWrapper
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
index b90dcca..d4ac497 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsTable.tsx
@@ -1,6 +1,6 @@
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ButtonContent } from "@arrhes/ui"
-import { IconPlus } from "@tabler/icons-react"
+import { IconEye, IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
 import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
 import { FormatDateTime } from "../../../../../../../components/formats/formatDateTime.js"
@@ -8,7 +8,7 @@ import { FormatFileSize } from "../../../../../../../components/formats/formatFi
 import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
 import { FormatText } from "../../../../../../../components/formats/formatText.js"
 import { DataTable } from "../../../../../../../components/layouts/dataTable.js"
-import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { LinkButton } from "../../../../../../../components/linkButton.js"
 import { CreateOneAttachment } from "./createOneAttachment.js"
 
 
@@ -25,6 +25,28 @@ export function AttachmentsTable(props: {
             data={attachmentsData}
             isLoading={false}
             columns={[
+                {
+                    accessorKey: 'actions',
+                    header: ' ',
+                    cell: ({ row }) => (
+                        <LinkButton
+                            to="/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment"
+                            params={{
+                                idOrganization: props.idOrganization,
+                                idYear: props.idYear,
+                                idAttachment: row.original.id
+                            }}
+                        >
+                            <ButtonContent
+                                variant="invisible"
+                                leftIcon={<IconEye />}
+                                text={undefined}
+                            />
+                        </LinkButton>
+                    ),
+                    enableSorting: false,
+                    enableGlobalFilter: false,
+                },
                 {
                     accessorKey: 'reference',
                     header: 'Référence',
@@ -72,16 +94,6 @@ export function AttachmentsTable(props: {
                     filterFn: 'includesString'
                 }
             ]}
-            onRowClick={(row) => {
-                platformRouter.navigate({
-                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers/$idAttachment",
-                    params: {
-                        idOrganization: props.idOrganization,
-                        idYear: props.idYear,
-                        idAttachment: row.original.id
-                    }
-                })
-            }}
         >
             <CreateOneAttachment
                 idOrganization={props.idOrganization}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
index 9934a45..48f8102 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/deleteOneRecordRow.tsx
@@ -1,11 +1,8 @@
 import { deleteOneRecordRowRouteDefinition, readAllRecordRowsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneRecordRow(props: {
     recordRow: v.InferOutput<typeof returnedSchemas.recordRow>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneRecordRowRouteDefinition,
@@ -52,53 +47,16 @@ export function DeleteOneRecordRow(props: {
                 idRecord: props.recordRow.idRecord,
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer ce mouvement ?"
+            description={<>Cette action supprimera le mouvement et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer le mouvement"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer ce mouvement ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera le mouvement et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le mouvement" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
index 2da0df5..0fc9476 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowPage.tsx
@@ -13,7 +13,6 @@ import { DataBlock } from "../../../../../../../../../components/layouts/dataBlo
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Page } from "../../../../../../../../../components/layouts/page/page.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
 import { recordRowRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/$idRecordRow/recordRowRoute.tsx"
 import { DeleteOneRecordRow } from "./deleteOneRecordRow.tsx"
 import { UpdateOneRecordRow } from "./updateOneRecordRow.tsx"
@@ -76,11 +75,7 @@ export function RecordRowPage() {
                                 </Section.Item>
                                 <Section.Item className={css({ flexDirection: "column" })}>
                                     <DataBlock.Root>
-                                        <DataBlock.Header>
-                                            <TitleComponent>
-                                                Informations
-                                            </TitleComponent>
-                                        </DataBlock.Header>
+                                        <DataBlock.Header title="Informations" />
                                         <DataBlock.Content>
                                             <DataBlock.Item label="Libellé">
                                                 <FormatText>
@@ -132,11 +127,7 @@ export function RecordRowPage() {
                                         </DataBlock.Content>
                                     </DataBlock.Root>
                                     <DataBlock.Root>
-                                        <DataBlock.Header>
-                                            <TitleComponent>
-                                                Métadonnées
-                                            </TitleComponent>
-                                        </DataBlock.Header>
+                                        <DataBlock.Header title="Métadonnées" />
                                         <DataBlock.Content>
                                             <DataBlock.Item label="Ajouté le">
                                                 <FormatDateTime date={recordRow.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
index 788a09e..80feaec 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/deleteOneRecord.tsx
@@ -1,11 +1,8 @@
 import { deleteOneRecordRouteDefinition, readAllRecordsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneRecord(props: {
     record: v.InferOutput<typeof returnedSchemas.record>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneRecordRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneRecord(props: {
                 idYear: props.record.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette écriture ?"
+            description={<>Cette action supprimera l'écriture et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer l'écriture"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette écriture ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera l'écriture et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'écriture" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
index f52fc19..36cc706 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordPage.tsx
@@ -13,7 +13,6 @@ import { DataBlock } from "../../../../../../../../components/layouts/dataBlock/
 import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../components/layouts/title.tsx"
 import { LinkButton } from "../../../../../../../../components/linkButton.js"
 import { recordRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRoute.tsx"
 import { compareAmounts } from "../../../../../../../../utilities/compareAmounts.ts"
@@ -143,11 +142,7 @@ export function RecordPage() {
                                             </Section.Item>
                                             <Section.Item className={css({ flexDirection: "column" })}>
                                                 <DataBlock.Root>
-                                                    <DataBlock.Header>
-                                                        <TitleComponent>
-                                                            Informations
-                                                        </TitleComponent>
-                                                    </DataBlock.Header>
+                                                    <DataBlock.Header title="Informations" />
                                                     <DataBlock.Content>
                                                         <DataBlock.Item label="Libellé">
                                                             <FormatText>
@@ -223,11 +218,7 @@ export function RecordPage() {
                                                     </DataBlock.Content>
                                                 </DataBlock.Root>
                                                 <DataBlock.Root>
-                                                    <DataBlock.Header>
-                                                        <TitleComponent>
-                                                            Détail
-                                                        </TitleComponent>
-                                                    </DataBlock.Header>
+                                                    <DataBlock.Header title="Détail" />
                                                     <DataBlock.Content>
                                                         {/* <DataBlock.Item label="Écriture simulée ?">
                                                             <FormatBoolean boolean={record.isComputed} />
@@ -241,11 +232,7 @@ export function RecordPage() {
                                                     </DataBlock.Content>
                                                 </DataBlock.Root>
                                                 <DataBlock.Root>
-                                                    <DataBlock.Header>
-                                                        <TitleComponent>
-                                                            Métadonnées
-                                                        </TitleComponent>
-                                                    </DataBlock.Header>
+                                                    <DataBlock.Header title="Métadonnées" />
                                                     <DataBlock.Content>
                                                         <DataBlock.Item label="Ajoutée le">
                                                             <FormatDateTime date={record.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
index 17f771d..cd1d6d2 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/$idRecord/recordRowsTable.tsx
@@ -125,17 +125,6 @@ export function RecordRowsTable(props: {
                     filterFn: 'includesString'
                 }
             ]}
-            onRowClick={(row) => {
-                // platformRouter.navigate({
-                //     to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord/$idRecordRow",
-                //     params: {
-                //         idOrganization: props.record.idOrganization,
-                //         idYear: props.record.idYear,
-                //         idRecord: row.original.idRecord,
-                //         idRecordRow: row.original.id
-                //     }
-                // })
-            }}
         >
             <div className={css({ display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "1" })}>
                 <CreateOneRecordRow
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 76a51a3..b2d2940 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -1,16 +1,18 @@
-import { readAllRecordsRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
+import { readAllRecordRowsRouteDefinition, readAllRecordsRouteDefinition, readOneAccountRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
-import { IconPlus } from "@tabler/icons-react"
+import { IconEye, IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
 import { FormatDateTime } from "../../../../../../../components/formats/formatDateTime.js"
 import { FormatNull } from "../../../../../../../components/formats/formatNull.js"
+import { FormatPrice } from "../../../../../../../components/formats/formatPrice.js"
 import { FormatText } from "../../../../../../../components/formats/formatText.js"
 import { DataTable } from "../../../../../../../components/layouts/dataTable.js"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
 import { Page } from "../../../../../../../components/layouts/page/page.js"
-import { platformRouter } from "../../../../../../../routes/platformRouter.js"
+import { LinkButton } from "../../../../../../../components/linkButton.js"
 import { recordsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
+import { css } from "../../../../../../../utilities/cn.js"
 import { CreateOneRecord } from "./createOneRecord.js"
 
 
@@ -27,149 +29,294 @@ export function RecordsPage() {
                         idYear: params.idYear
                     }}
                 >
-                    {(records) => {
-                        const recordsData = [...records]
-                            .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+                    {(records) => (
+                        <DataWrapper
+                            routeDefinition={readAllRecordRowsRouteDefinition}
+                            body={{
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear
+                            }}
+                        >
+                            {(recordRows) => {
+                                const recordsData = [...records]
+                                    .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
 
-                        return (
-                            <DataTable
-                                data={recordsData}
-                                isLoading={false}
-                                columns={[
-                                    {
-                                        accessorKey: 'label',
-                                        header: 'Libellé',
-                                        cell: ({ row }) => (
-                                            <FormatText>
-                                                {row.original.label}
-                                            </FormatText>
-                                        ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'date',
-                                        header: "Date",
-                                        cell: ({ row }) => (
-                                            <FormatDate
-                                                date={row.original.date}
-                                            />
-                                        ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'idJournal',
-                                        header: 'Journal',
-                                        cell: ({ row }) => (row.original.idJournal === null)
-                                            ? (<FormatNull />)
-                                            : (
-                                                <DataWrapper
-                                                    routeDefinition={readOneJournalRouteDefinition}
-                                                    body={{
-                                                        idOrganization: params.idOrganization,
-                                                        idYear: params.idYear,
-                                                        idJournal: row.original.idJournal
-                                                    }}
-                                                >
-                                                    {(journal) => (
-                                                        <FormatText>
-                                                            {journal.code}
-                                                        </FormatText>
-                                                    )}
-                                                </DataWrapper>
-                                            ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'idRecordLabel',
-                                        header: 'Catégorie',
-                                        cell: ({ row }) => (row.original.idRecordLabel === null)
-                                            ? (<FormatNull />)
-                                            : (
-                                                <DataWrapper
-                                                    routeDefinition={readOneRecordLabelRouteDefinition}
-                                                    body={{
-                                                        idOrganization: params.idOrganization,
-                                                        idYear: params.idYear,
-                                                        idRecordLabel: row.original.idRecordLabel
-                                                    }}
-                                                >
-                                                    {(recordLabel) => (
-                                                        <FormatText>
-                                                            {recordLabel.label}
-                                                        </FormatText>
-                                                    )}
-                                                </DataWrapper>
-                                            ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'idAttachment',
-                                        header: 'Pièce justificative',
-                                        cell: ({ row }) => (row.original.idAttachment === null)
-                                            ? (<FormatNull />)
-                                            : (
-                                                <DataWrapper
-                                                    routeDefinition={readOneAttachmentRouteDefinition}
-                                                    body={{
-                                                        idOrganization: params.idOrganization,
-                                                        idYear: params.idYear,
-                                                        idAttachment: row.original.idAttachment
-                                                    }}
-                                                >
-                                                    {(attachment) => (
-                                                        <FormatText>
-                                                            {attachment.reference}
-                                                        </FormatText>
-                                                    )}
-                                                </DataWrapper>
-                                            ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'createdAt',
-                                        header: "Ajouté le",
-                                        cell: ({ row }) => (
-                                            <FormatDateTime
-                                                date={row.original.createdAt}
-                                            />
-                                        ),
-                                        filterFn: 'includesString'
-                                    },
-                                    {
-                                        accessorKey: 'lastUpdatedAt',
-                                        header: "Dernière mise à jour le",
-                                        cell: ({ row }) => (
-                                            <FormatDateTime
-                                                date={row.original.lastUpdatedAt}
-                                            />
-                                        ),
-                                        filterFn: 'includesString'
+                                const rowsByRecord = new Map<string, typeof recordRows>()
+                                for (const row of recordRows) {
+                                    const existing = rowsByRecord.get(row.idRecord)
+                                    if (existing) {
+                                        existing.push(row)
+                                    } else {
+                                        rowsByRecord.set(row.idRecord, [row])
                                     }
-                                ]}
-                                onRowClick={(row) => {
-                                    platformRouter.navigate({
-                                        to: "/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord",
-                                        params: {
-                                            idOrganization: row.original.idOrganization,
-                                            idYear: row.original.idYear,
-                                            idRecord: row.original.id
-                                        }
-                                    })
-                                }}
-                            >
-                                <CreateOneRecord
-                                    idOrganization={params.idOrganization}
-                                    idYear={params.idYear}
-                                >
-                                    <ButtonContent
-                                        variant="primary"
-                                        leftIcon={<IconPlus />}
-                                        text="Ajouter une écriture"
-                                    />
-                                </CreateOneRecord>
-                            </DataTable>
-                        )
-                    }}
+                                }
+
+                                return (
+                                    <DataTable
+                                        data={recordsData}
+                                        isLoading={false}
+                                        columns={[
+                                            {
+                                                accessorKey: 'actions',
+                                                header: ' ',
+                                                cell: ({ row }) => (
+                                                    <LinkButton
+                                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/écritures/$idRecord"
+                                                        params={{
+                                                            idOrganization: row.original.idOrganization,
+                                                            idYear: row.original.idYear,
+                                                            idRecord: row.original.id
+                                                        }}
+                                                    >
+                                                        <ButtonContent
+                                                            variant="invisible"
+                                                            leftIcon={<IconEye />}
+                                                            text={undefined}
+                                                        />
+                                                    </LinkButton>
+                                                ),
+                                                enableSorting: false,
+                                                enableGlobalFilter: false,
+                                            },
+                                            {
+                                                accessorKey: 'label',
+                                                header: 'Libellé',
+                                                cell: ({ row }) => (
+                                                    <FormatText>
+                                                        {row.original.label}
+                                                    </FormatText>
+                                                ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'date',
+                                                header: "Date",
+                                                cell: ({ row }) => (
+                                                    <FormatDate
+                                                        date={row.original.date}
+                                                    />
+                                                ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'idJournal',
+                                                header: 'Journal',
+                                                cell: ({ row }) => (row.original.idJournal === null)
+                                                    ? (<FormatNull />)
+                                                    : (
+                                                        <DataWrapper
+                                                            routeDefinition={readOneJournalRouteDefinition}
+                                                            body={{
+                                                                idOrganization: params.idOrganization,
+                                                                idYear: params.idYear,
+                                                                idJournal: row.original.idJournal
+                                                            }}
+                                                        >
+                                                            {(journal) => (
+                                                                <FormatText>
+                                                                    {journal.code}
+                                                                </FormatText>
+                                                            )}
+                                                        </DataWrapper>
+                                                    ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'idRecordLabel',
+                                                header: 'Catégorie',
+                                                cell: ({ row }) => (row.original.idRecordLabel === null)
+                                                    ? (<FormatNull />)
+                                                    : (
+                                                        <DataWrapper
+                                                            routeDefinition={readOneRecordLabelRouteDefinition}
+                                                            body={{
+                                                                idOrganization: params.idOrganization,
+                                                                idYear: params.idYear,
+                                                                idRecordLabel: row.original.idRecordLabel
+                                                            }}
+                                                        >
+                                                            {(recordLabel) => (
+                                                                <FormatText>
+                                                                    {recordLabel.label}
+                                                                </FormatText>
+                                                            )}
+                                                        </DataWrapper>
+                                                    ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'idAttachment',
+                                                header: 'Pièce justificative',
+                                                cell: ({ row }) => (row.original.idAttachment === null)
+                                                    ? (<FormatNull />)
+                                                    : (
+                                                        <DataWrapper
+                                                            routeDefinition={readOneAttachmentRouteDefinition}
+                                                            body={{
+                                                                idOrganization: params.idOrganization,
+                                                                idYear: params.idYear,
+                                                                idAttachment: row.original.idAttachment
+                                                            }}
+                                                        >
+                                                            {(attachment) => (
+                                                                <FormatText>
+                                                                    {attachment.reference}
+                                                                </FormatText>
+                                                            )}
+                                                        </DataWrapper>
+                                                    ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'createdAt',
+                                                header: "Ajouté le",
+                                                cell: ({ row }) => (
+                                                    <FormatDateTime
+                                                        date={row.original.createdAt}
+                                                    />
+                                                ),
+                                                filterFn: 'includesString'
+                                            },
+                                            {
+                                                accessorKey: 'lastUpdatedAt',
+                                                header: "Dernière mise à jour le",
+                                                cell: ({ row }) => (
+                                                    <FormatDateTime
+                                                        date={row.original.lastUpdatedAt}
+                                                    />
+                                                ),
+                                                filterFn: 'includesString'
+                                            }
+                                        ]}
+                                        renderSubComponent={({ row }) => {
+                                            const rows = rowsByRecord.get(row.original.id)
+                                            if (!rows || rows.length === 0) {
+                                                return (
+                                                    <FormatNull
+                                                        text="Aucun mouvement"
+                                                        className={css({ padding: "1rem" })}
+                                                    />
+                                                )
+                                            }
+                                            return (
+                                                <table className={css({
+                                                    width: "100%",
+                                                    borderCollapse: "collapse"
+                                                })}>
+                                                    <thead>
+                                                        <tr>
+                                                            <th className={css({
+                                                                padding: "0.5rem 1rem",
+                                                                fontSize: "xs",
+                                                                fontWeight: "semibold",
+                                                                color: "neutral/40",
+                                                                textAlign: "left"
+                                                            })}>Compte</th>
+                                                            <th className={css({
+                                                                padding: "0.5rem 1rem",
+                                                                fontSize: "xs",
+                                                                fontWeight: "semibold",
+                                                                color: "neutral/40",
+                                                                textAlign: "left"
+                                                            })}>Libellé</th>
+                                                            <th className={css({
+                                                                padding: "0.5rem 1rem",
+                                                                fontSize: "xs",
+                                                                fontWeight: "semibold",
+                                                                color: "neutral/40",
+                                                                textAlign: "right"
+                                                            })}>Débit</th>
+                                                            <th className={css({
+                                                                padding: "0.5rem 1rem",
+                                                                fontSize: "xs",
+                                                                fontWeight: "semibold",
+                                                                color: "neutral/40",
+                                                                textAlign: "right"
+                                                            })}>Crédit</th>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                        {rows.map((recordRow) => (
+                                                            <tr
+                                                                key={recordRow.id}
+                                                                className={css({
+                                                                    borderTop: "1px solid",
+                                                                    borderTopColor: "neutral/5"
+                                                                })}
+                                                            >
+                                                                <td className={css({
+                                                                    padding: "0.5rem 1rem"
+                                                                })}>
+                                                                    <DataWrapper
+                                                                        routeDefinition={readOneAccountRouteDefinition}
+                                                                        body={{
+                                                                            idOrganization: params.idOrganization,
+                                                                            idYear: params.idYear,
+                                                                            idAccount: recordRow.idAccount
+                                                                        }}
+                                                                    >
+                                                                        {(account) => (
+                                                                            <div className={css({
+                                                                                display: "flex",
+                                                                                justifyContent: "flex-start",
+                                                                                alignItems: "center",
+                                                                                gap: "2"
+                                                                            })}>
+                                                                                <FormatText className={css({ overflow: "visible" })}>
+                                                                                    {account.number}
+                                                                                </FormatText>
+                                                                                <FormatText wrap={true} className={css({ color: "neutral/50" })}>
+                                                                                    {account.label}
+                                                                                </FormatText>
+                                                                            </div>
+                                                                        )}
+                                                                    </DataWrapper>
+                                                                </td>
+                                                                <td className={css({
+                                                                    padding: "0.5rem 1rem"
+                                                                })}>
+                                                                    <FormatText>
+                                                                        {recordRow.label}
+                                                                    </FormatText>
+                                                                </td>
+                                                                <td className={css({
+                                                                    padding: "0.5rem 1rem",
+                                                                    textAlign: "right"
+                                                                })}>
+                                                                    <FormatPrice
+                                                                        price={recordRow.debit}
+                                                                    />
+                                                                </td>
+                                                                <td className={css({
+                                                                    padding: "0.5rem 1rem",
+                                                                    textAlign: "right"
+                                                                })}>
+                                                                    <FormatPrice
+                                                                        price={recordRow.credit}
+                                                                    />
+                                                                </td>
+                                                            </tr>
+                                                        ))}
+                                                    </tbody>
+                                                </table>
+                                            )
+                                        }}
+                                    >
+                                        <CreateOneRecord
+                                            idOrganization={params.idOrganization}
+                                            idYear={params.idYear}
+                                        >
+                                            <ButtonContent
+                                                variant="primary"
+                                                leftIcon={<IconPlus />}
+                                                text="Ajouter une écriture"
+                                            />
+                                        </CreateOneRecord>
+                                    </DataTable>
+                                )
+                            }}
+                        </DataWrapper>
+                    )}
                 </DataWrapper>
             </Page.Content>
         </Page.Root>
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
index 90af4d9..7556ce9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportTable.tsx
@@ -121,13 +121,15 @@ export function BalanceReportTable(props: {
 
                             return (
                                 <Table.Body.Row key={account.id} className={css({ borderColor: "neutral/5" })}>
-                                    <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                        <FormatText className={css({ overflow: "visible" })}>
-                                            {account.number}
-                                        </FormatText>
-                                        <FormatText wrap={true} className={css({ color: "neutral/50" })}>
-                                            {account.label}
-                                        </FormatText>
+                                    <Table.Body.Cell>
+                                        <div className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
+                                            <FormatText className={css({ overflow: "visible" })}>
+                                                {account.number}
+                                            </FormatText>
+                                            <FormatText wrap={true} className={css({ color: "neutral/50" })}>
+                                                {account.label}
+                                            </FormatText>
+                                        </div>
                                     </Table.Body.Cell>
                                     <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={accountTotalDebit} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
index c664bee..d6fb74d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementsReportTable.tsx
@@ -135,17 +135,19 @@ export function IncomeStatementsReportTable(props: {
                                         index === 0 ? css({ borderTop: "1px solid token(colors.neutral/25)", borderBottomColor: "neutral/5" }) : ""
                                     )}
                                 >
-                                    <Table.Body.Cell align="right" className={css({ width: "100%", display: "flex", justifyContent: "end", gap: "2" })}>
-                                        <FormatText
-                                            className={css({ whiteSpace: "normal", textAlign: "right" })}
-                                        >
-                                            {computation.label}
-                                        </FormatText>
-                                        <FormatText
-                                            className={css({ whiteSpace: "normal", textAlign: "right", color: "neutral/50" })}
-                                        >
-                                            {`(${computationIncomeStatementsLabel})`}
-                                        </FormatText>
+                                    <Table.Body.Cell align="right">
+                                        <div className={css({ width: "100%", display: "flex", justifyContent: "end", gap: "2" })}>
+                                            <FormatText
+                                                className={css({ whiteSpace: "normal", textAlign: "right" })}
+                                            >
+                                                {computation.label}
+                                            </FormatText>
+                                            <FormatText
+                                                className={css({ whiteSpace: "normal", textAlign: "right", color: "neutral/50" })}
+                                            >
+                                                {`(${computationIncomeStatementsLabel})`}
+                                            </FormatText>
+                                        </div>
                                     </Table.Body.Cell>
                                     <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                         <FormatPrice price={computationAmount} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
index cef57b2..d5f8a6a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportTable.tsx
@@ -149,26 +149,28 @@ export function JournalReportTable(props: {
                                                                 {recordRow.label}
                                                             </FormatText>
                                                         </Table.Body.Cell>
-                                                        <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                                            <DataWrapper
-                                                                routeDefinition={readOneAccountRouteDefinition}
-                                                                body={{
-                                                                    idOrganization: recordRow.idOrganization,
-                                                                    idYear: recordRow.idYear,
-                                                                    idAccount: recordRow.idAccount
-                                                                }}
-                                                            >
-                                                                {(account) => (
-                                                                    <Fragment>
-                                                                        <FormatText className={css({ overflow: "visible" })}>
-                                                                            {account.number}
-                                                                        </FormatText>
-                                                                        <FormatText wrap={true} className={css({ color: "neutral/50" })}>
-                                                                            {account.label}
-                                                                        </FormatText>
-                                                                    </Fragment>
-                                                                )}
-                                                            </DataWrapper>
+                                                        <Table.Body.Cell>
+                                                            <div className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
+                                                                <DataWrapper
+                                                                    routeDefinition={readOneAccountRouteDefinition}
+                                                                    body={{
+                                                                        idOrganization: recordRow.idOrganization,
+                                                                        idYear: recordRow.idYear,
+                                                                        idAccount: recordRow.idAccount
+                                                                    }}
+                                                                >
+                                                                    {(account) => (
+                                                                        <Fragment>
+                                                                            <FormatText className={css({ overflow: "visible" })}>
+                                                                                {account.number}
+                                                                            </FormatText>
+                                                                            <FormatText wrap={true} className={css({ color: "neutral/50" })}>
+                                                                                {account.label}
+                                                                            </FormatText>
+                                                                        </Fragment>
+                                                                    )}
+                                                                </DataWrapper>
+                                                            </div>
                                                         </Table.Body.Cell>
                                                         <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
                                                             <FormatPrice price={recordRow.debit} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
index f4701bb..de3bcb1 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportTable.tsx
@@ -91,13 +91,15 @@ export function LedgerReportTable(props: {
                                     className={css({ borderY: "1px solid token(colors.neutral/10)", _last: { borderBottom: "0" } })}
                                 >
                                     <Table.Body.Row className={css({ borderColor: "neutral/10", backgroundColor: "background" })}>
-                                        <Table.Body.Cell className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
-                                            <FormatText className={css({ overflow: "visible" })}>
-                                                {account.number}
-                                            </FormatText>
-                                            <FormatText wrap={true} className={css({ color: "neutral/50" })}>
-                                                {account.label}
-                                            </FormatText>
+                                        <Table.Body.Cell>
+                                            <div className={css({ display: "flex", justifyContent: "start", alignItems: "start", gap: "2" })}>
+                                                <FormatText className={css({ overflow: "visible" })}>
+                                                    {account.number}
+                                                </FormatText>
+                                                <FormatText wrap={true} className={css({ color: "neutral/50" })}>
+                                                    {account.label}
+                                                </FormatText>
+                                            </div>
                                         </Table.Body.Cell>
                                         <Table.Body.Cell />
                                         <Table.Body.Cell className={css({ width: "[1%]" })} align="right">
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
index 448574b..834e953 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
@@ -1,4 +1,4 @@
-import { IconFileDiff, IconFileReport, IconListDetails, IconListNumbers, IconScale } from "@tabler/icons-react"
+import { IconBook, IconChartBar } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.js"
@@ -12,55 +12,62 @@ export function ReportsLayout() {
         <Page.Root>
             <Page.Content>
                 <SubPageLayout
-                    tabs={[
-                        {
-                            label: "Livre-journal",
-                            icon: <IconListNumbers />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
+                    sections={{
+                        journals: {
+                            title: "Journaux",
+                            icon: <IconBook size={14} />,
+                            items: [
+                                {
+                                    label: "Livre-journal",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Grand livre",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                            ]
                         },
-                        {
-                            label: "Grand livre",
-                            icon: <IconListDetails />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
+                        summaries: {
+                            title: "Synthèses",
+                            icon: <IconChartBar size={14} />,
+                            items: [
+                                {
+                                    label: "Balance",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Bilan",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Compte de résultat",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                            ]
                         },
-                        {
-                            label: "Balance",
-                            icon: <IconScale />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                        {
-                            label: "Bilan",
-                            icon: <IconFileReport />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                        {
-                            label: "Compte de résultat",
-                            icon: <IconFileDiff />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                    ]}
+                    }}
                 />
             </Page.Content>
         </Page.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
index 255e200..332c58c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearLayout.tsx
@@ -22,7 +22,7 @@ export function YearLayout() {
                         },
                     },
                     {
-                        label: "Stockage de fichiers",
+                        label: "Stockage",
                         icon: <IconFolders />,
                         to: "/dashboard/organisations/$idOrganization/exercices/$idYear/fichiers",
                         params: {
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
index 93addc4..3a4ca37 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountPage.tsx
@@ -1,5 +1,5 @@
 import { readOneAccountRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button, ButtonContent } from "@arrhes/ui"
+import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronLeft, IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
@@ -11,7 +11,7 @@ import { FormatText } from "../../../../../../../../../components/formats/format
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+
 import { accountRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/accountRoute.tsx"
 import { DeleteOneAccount } from "./deleteOneAccount.tsx"
 import { UpdateOneAccount } from "./updateOneAccount.tsx"
@@ -53,34 +53,27 @@ export function AccountPage() {
                                     <UpdateOneAccount
                                         account={account}
                                     >
-                                        <Button title="Modifier">
-                                            <ButtonContent
-                                                variant="primary"
-                                                leftIcon={<IconPencil />}
-                                                text="Modifier"
-                                            />
-                                        </Button>
+                                        <ButtonContent
+                                            variant="primary"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
                                     </UpdateOneAccount>
                                     <DeleteOneAccount
                                         account={account}
                                     >
-                                        <Button title="Supprimer">
-                                            <ButtonContent
-                                                variant="default"
-                                                leftIcon={<IconTrash />}
-                                                color="error"
-                                            />
-                                        </Button>
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            title="Supprimer"
+                                            color="error"
+                                        />
                                     </DeleteOneAccount>
                                 </div>
                             </Section.Item>
                             <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Informations
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Informations" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Numéro">
                                             <FormatText>
@@ -115,11 +108,7 @@ export function AccountPage() {
                             </Section.Item>
                             <Section.Item>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Métadonnées
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Métadonnées" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Ajouté le">
                                             <FormatDateTime date={account.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
index 799d8a1..81717bd 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/$idAccount/deleteOneAccount.tsx
@@ -1,11 +1,8 @@
 import { deleteOneAccountRouteDefinition, readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneAccount(props: {
     account: v.InferOutput<typeof returnedSchemas.account>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneAccountRouteDefinition,
@@ -50,61 +45,16 @@ export function DeleteOneAccount(props: {
                 idYear: props.account.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer ce compte ?"
+            description={<>Cette action supprimera le compte et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer le compte"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer ce compte ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera le compte et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent
-                                    variant="invisible"
-                                    text="Annuler"
-                                />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent
-                                    variant="primary"
-                                    leftIcon={<IconTrash />}
-                                    color="error"
-                                    text="Supprimer le compte"
-                                />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
index 52a62b3..875b093 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountItem.tsx
@@ -1,8 +1,8 @@
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css, cx } from "@arrhes/ui/utilities/cn.js"
-import { Link } from "@tanstack/react-router"
 import { ComponentProps, Fragment } from "react"
 import * as v from "valibot"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
 
 
 export function AccountItem(props: {
@@ -46,7 +46,7 @@ export function AccountItem(props: {
 
     return (
         <Fragment>
-            <Link
+            <LinkButton
                 to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes/$idAccount"
                 params={{
                     idOrganization: props.idOrganization,
@@ -91,7 +91,7 @@ export function AccountItem(props: {
                         </span>
                     </div>
                 </div>
-            </Link>
+            </LinkButton>
         </Fragment>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index 27ad540..f200f9e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -1,12 +1,13 @@
 import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconListNumbers } from "@tabler/icons-react"
 import { useState } from "react"
 import * as v from "valibot"
-import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
 import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
 import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
 import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
 import { AccountItem } from "./accountItem.tsx"
 import { sortAccounts } from "./sortAccounts.tsx"
 
@@ -26,12 +27,6 @@ export function AccountsTable(props: {
             }}
         >
             {(accounts) => {
-                // const filteredAccounts = accounts.filter((account) => {
-                //     const processedAccount = `${account.number} ${account.label}`.toLowerCase()
-                //     const processedFilter = globalFilter.toLowerCase()
-                //     return processedAccount.includes(processedFilter)
-                // })
-
                 const groupedAccounts = sortAccounts({
                     accounts: accounts,
                 })
@@ -54,16 +49,13 @@ export function AccountsTable(props: {
                             />
                         </InputDebounced>
                         <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            {
-                                (groupedAccounts.length !== 0)
-                                    ? (null)
-                                    : (
-                                        <FormatNull
-                                            text="Aucun compte n'a été trouvé"
-                                            className={css({ padding: "1rem" })}
-                                        />
-                                    )
-                            }
+                            {groupedAccounts.length === 0 && (
+                                <EmptyState
+                                    icon={<IconListNumbers size={48} />}
+                                    title={globalFilter ? "Aucun compte trouvé" : "Aucun compte"}
+                                    subtitle={globalFilter ? undefined : "Ajoutez un compte pour commencer"}
+                                />
+                            )}
                             {groupedAccounts.map((sortedAccount, index) => (
                                 <AccountItem
                                     key={sortedAccount.account.id}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
index a4b0acf..0d7f574 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetPage.tsx
@@ -9,7 +9,7 @@ import { FormatText } from "../../../../../../../../../components/formats/format
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+
 import { balanceSheetRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/balanceSheetRoute.tsx"
 import { DeleteOneBalanceSheet } from "./deleteOneBalanceSheet.tsx"
 import { UpdateOneBalanceSheet } from "./updateOneBalanceSheet.tsx"
@@ -19,106 +19,100 @@ export function BalanceSheetPage() {
     const params = useParams({ from: balanceSheetRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneBalanceSheetRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization,
-                idYear: params.idYear,
-                idBalanceSheet: params.idBalanceSheet,
-            }}
-        >
-            {(balanceSheet) => {
-                return (
-                    <Section.Root>
-                        <Section.Item className={css({ flexDirection: "row" })}>
-                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <LinkButton
-                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
-                                    params={{
-                                        idOrganization: balanceSheet.idOrganization,
-                                        idYear: balanceSheet.idYear,
-                                    }}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconChevronLeft />}
-                                        text="Retour"
-                                    />
-                                </LinkButton>
-                            </div>
-                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                                <UpdateOneBalanceSheet
-                                    balanceSheet={balanceSheet}
-                                >
-                                    <ButtonContent
-                                        variant="primary"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier"
-                                    />
-                                </UpdateOneBalanceSheet>
-                                <DeleteOneBalanceSheet
-                                    balanceSheet={balanceSheet}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        color="error"
-                                    />
-                                </DeleteOneBalanceSheet>
-                            </div>
-                        </Section.Item>
-                        <Section.Item className={css({ flexDirection: "column" })}>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Informations
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Numéro">
-                                        <FormatText>
-                                            {balanceSheet.number.toString()}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                    <DataBlock.Item label="Libellé">
-                                        <FormatText>
-                                            {balanceSheet.label}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                        <Section.Item>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Métadonnées
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Ajouté le">
-                                        <FormatDateTime date={balanceSheet.createdAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Ajouté par">
-                                                {!balanceSheet.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={balanceSheet.data.createdBy} />}
-                                            </DataBlock.Item> */}
-                                    <DataBlock.Item label="Modifié le">
-                                        <FormatDateTime date={balanceSheet.lastUpdatedAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Modifié par">
-                                                {!balanceSheet.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={balanceSheet.data.lastUpdatedBy} />}
-                                            </DataBlock.Item> */}
-                                    <DataBlock.Item label="Id">
-                                        <FormatText>
-                                            {balanceSheet.id}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                    </Section.Root>
-                )
-            }}
-        </DataWrapper>
+        <Section.Root>
+            <DataWrapper
+                routeDefinition={readOneBalanceSheetRouteDefinition}
+                body={{
+                    idOrganization: params.idOrganization,
+                    idYear: params.idYear,
+                    idBalanceSheet: params.idBalanceSheet,
+                }}
+            >
+                {(balanceSheet) => {
+                    return (
+                        <>
+                            <Section.Item className={css({ flexDirection: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan"
+                                        params={{
+                                            idOrganization: balanceSheet.idOrganization,
+                                            idYear: balanceSheet.idYear,
+                                        }}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconChevronLeft />}
+                                            text="Retour"
+                                        />
+                                    </LinkButton>
+                                </div>
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                                    <UpdateOneBalanceSheet
+                                        balanceSheet={balanceSheet}
+                                    >
+                                        <ButtonContent
+                                            variant="primary"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
+                                    </UpdateOneBalanceSheet>
+                                    <DeleteOneBalanceSheet
+                                        balanceSheet={balanceSheet}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            color="error"
+                                        />
+                                    </DeleteOneBalanceSheet>
+                                </div>
+                            </Section.Item>
+                            <Section.Item className={css({ flexDirection: "column" })}>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Informations" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Numéro">
+                                            <FormatText>
+                                                {balanceSheet.number.toString()}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                        <DataBlock.Item label="Libellé">
+                                            <FormatText>
+                                                {balanceSheet.label}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                            <Section.Item>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Métadonnées" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Ajouté le">
+                                            <FormatDateTime date={balanceSheet.createdAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Ajouté par">
+                                                    {!balanceSheet.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={balanceSheet.data.createdBy} />}
+                                                </DataBlock.Item> */}
+                                        <DataBlock.Item label="Modifié le">
+                                            <FormatDateTime date={balanceSheet.lastUpdatedAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Modifié par">
+                                                    {!balanceSheet.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={balanceSheet.data.lastUpdatedBy} />}
+                                                </DataBlock.Item> */}
+                                        <DataBlock.Item label="Id">
+                                            <FormatText>
+                                                {balanceSheet.id}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                        </>
+                    )
+                }}
+            </DataWrapper>
+        </Section.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
index eabea39..7525d53 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/$idBalanceSheet/deleteOneBalanceSheet.tsx
@@ -1,11 +1,8 @@
 import { deleteOneBalanceSheetRouteDefinition, readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneBalanceSheet(props: {
     balanceSheet: v.InferOutput<typeof returnedSchemas.balanceSheet>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneBalanceSheetRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneBalanceSheet(props: {
                 idYear: props.balanceSheet.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette ligne de bilan ?"
+            description={<>Cette action supprimera la ligne de bilan et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer la ligne de bilan"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette ligne de bilan ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera la ligne de bilan et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de bilan" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
index f2f32f1..011c707 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetRow.tsx
@@ -1,8 +1,8 @@
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
-import { Link } from "@tanstack/react-router"
 import { ComponentProps } from "react"
 import * as v from "valibot"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
 
 
 export function BalanceSheetRow(props: {
@@ -20,7 +20,7 @@ export function BalanceSheetRow(props: {
         }`
 
     return (
-        <Link
+        <LinkButton
             to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan/$idBalanceSheet"
             params={{
                 idOrganization: props.idOrganization,
@@ -84,6 +84,6 @@ export function BalanceSheetRow(props: {
                     </span>
                 </div>
             </div>
-        </Link>
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
index 7cb1328..a578945 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetTable.tsx
@@ -1,12 +1,13 @@
 import { readAllBalanceSheetsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconScale } from "@tabler/icons-react"
 import { useState } from "react"
 import * as v from "valibot"
-import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
 import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
 import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
 import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
 import { BalanceSheetItem } from "./balanceSheetItem.tsx"
 import { getBalanceSheetChildren } from "./getBalanceSheetChildren.tsx"
 
@@ -45,16 +46,13 @@ export function BalanceSheetTable(props: {
                             />
                         </InputDebounced>
                         <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            {
-                                (filteredBalanceSheets.length !== 0)
-                                    ? (null)
-                                    : (
-                                        <FormatNull
-                                            text="Aucune ligne de bilan n'a été trouvée"
-                                            className={css({ padding: "1rem" })}
-                                        />
-                                    )
-                            }
+                            {filteredBalanceSheets.length === 0 && (
+                                <EmptyState
+                                    icon={<IconScale size={48} />}
+                                    title={globalFilter ? "Aucune ligne trouvée" : "Aucune ligne de bilan"}
+                                    subtitle={globalFilter ? undefined : "Ajoutez une ligne pour commencer"}
+                                />
+                            )}
                             {filteredBalanceSheets.map((balanceSheet) => {
                                 const balanceSheetChildren = getBalanceSheetChildren({
                                     balanceSheet: balanceSheet,
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
index 4d2b39b..68bae61 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/deleteOneYear.tsx
@@ -1,23 +1,18 @@
 import { deleteOneYearRouteDefinition, readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../components/overlays/dialog/dialog.js"
-import { toast } from "../../../../../../../contexts/toasts/useToast.js"
-import { platformRouter } from "../../../../../../../routes/platformRouter.js"
-import { invalidateData } from "../../../../../../../utilities/invalidateData.js"
-import { postAPI } from "../../../../../../../utilities/postAPI.js"
+import { DeleteConfirmation } from "../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
+import { toast } from "../../../../../../../contexts/toasts/useToast.ts"
+import { platformRouter } from "../../../../../../../routes/platformRouter.tsx"
+import { invalidateData } from "../../../../../../../utilities/invalidateData.ts"
+import { postAPI } from "../../../../../../../utilities/postAPI.ts"
 
 
 export function DeleteOneYear(props: {
     year: v.InferOutput<typeof returnedSchemas.year>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneYearRouteDefinition,
@@ -47,52 +42,16 @@ export function DeleteOneYear(props: {
                 idOrganization: props.year.idOrganization
             }
         })
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cet exercice ?"
+            description={<>Cette action supprimera l'exercice et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer l'exercice"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cet exercice ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera l'exercice et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer l'exercice" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
index 38646f5..3be447d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/deleteOneIncomeStatement.tsx
@@ -1,11 +1,8 @@
 import { deleteOneIncomeStatementRouteDefinition, readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneIncomeStatement(props: {
     incomeStatement: v.InferOutput<typeof returnedSchemas.incomeStatement>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneIncomeStatementRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneIncomeStatement(props: {
                 idYear: props.incomeStatement.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette ligne de compte de résultat ?"
+            description={<>Cette action supprimera la ligne de compte de résultat et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer la ligne de compte de résultat"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette ligne de compte de résultat ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera la ligne de compte de résultat et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de compte de résultat" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
index 51cbf42..712c470 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementPage.tsx
@@ -9,7 +9,7 @@ import { FormatText } from "../../../../../../../../../components/formats/format
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+
 import { incomeStatementRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/$idIncomeStatement/incomeStatementRoute.tsx"
 import { DeleteOneIncomeStatement } from "./deleteOneIncomeStatement.tsx"
 import { UpdateOneIncomeStatement } from "./updateOneIncomeStatement.tsx"
@@ -19,106 +19,100 @@ export function IncomeStatementPage() {
     const params = useParams({ from: incomeStatementRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneIncomeStatementRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization,
-                idYear: params.idYear,
-                idIncomeStatement: params.idIncomeStatement,
-            }}
-        >
-            {(incomeStatement) => {
-                return (
-                    <Section.Root>
-                        <Section.Item className={css({ flexDirection: "row" })}>
-                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <LinkButton
-                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
-                                    params={{
-                                        idOrganization: incomeStatement.idOrganization,
-                                        idYear: incomeStatement.idYear,
-                                    }}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconChevronLeft />}
-                                        text="Retour"
-                                    />
-                                </LinkButton>
-                            </div>
-                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                                <UpdateOneIncomeStatement
-                                    incomeStatement={incomeStatement}
-                                >
-                                    <ButtonContent
-                                        variant="primary"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier"
-                                    />
-                                </UpdateOneIncomeStatement>
-                                <DeleteOneIncomeStatement
-                                    incomeStatement={incomeStatement}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        color="error"
-                                    />
-                                </DeleteOneIncomeStatement>
-                            </div>
-                        </Section.Item>
-                        <Section.Item className={css({ flexDirection: "column" })}>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Informations
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Numéro">
-                                        <FormatText>
-                                            {incomeStatement.number.toString()}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                    <DataBlock.Item label="Libellé">
-                                        <FormatText>
-                                            {incomeStatement.label}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                        <Section.Item>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Métadonnées
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Ajouté le">
-                                        <FormatDateTime date={incomeStatement.createdAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Ajouté par">
-                                                {!incomeStatement.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={incomeStatement.data.createdBy} />}
-                                            </DataBlock.Item> */}
-                                    <DataBlock.Item label="Modifié le">
-                                        <FormatDateTime date={incomeStatement.lastUpdatedAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Modifié par">
-                                                {!incomeStatement.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={incomeStatement.data.lastUpdatedBy} />}
-                                            </DataBlock.Item> */}
-                                    <DataBlock.Item label="Id">
-                                        <FormatText>
-                                            {incomeStatement.id}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                    </Section.Root>
-                )
-            }}
-        </DataWrapper>
+        <Section.Root>
+            <DataWrapper
+                routeDefinition={readOneIncomeStatementRouteDefinition}
+                body={{
+                    idOrganization: params.idOrganization,
+                    idYear: params.idYear,
+                    idIncomeStatement: params.idIncomeStatement,
+                }}
+            >
+                {(incomeStatement) => {
+                    return (
+                        <>
+                            <Section.Item className={css({ flexDirection: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat"
+                                        params={{
+                                            idOrganization: incomeStatement.idOrganization,
+                                            idYear: incomeStatement.idYear,
+                                        }}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconChevronLeft />}
+                                            text="Retour"
+                                        />
+                                    </LinkButton>
+                                </div>
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                                    <UpdateOneIncomeStatement
+                                        incomeStatement={incomeStatement}
+                                    >
+                                        <ButtonContent
+                                            variant="primary"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
+                                    </UpdateOneIncomeStatement>
+                                    <DeleteOneIncomeStatement
+                                        incomeStatement={incomeStatement}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            color="error"
+                                        />
+                                    </DeleteOneIncomeStatement>
+                                </div>
+                            </Section.Item>
+                            <Section.Item className={css({ flexDirection: "column" })}>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Informations" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Numéro">
+                                            <FormatText>
+                                                {incomeStatement.number.toString()}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                        <DataBlock.Item label="Libellé">
+                                            <FormatText>
+                                                {incomeStatement.label}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                            <Section.Item>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Métadonnées" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Ajouté le">
+                                            <FormatDateTime date={incomeStatement.createdAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Ajouté par">
+                                                    {!incomeStatement.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={incomeStatement.data.createdBy} />}
+                                                </DataBlock.Item> */}
+                                        <DataBlock.Item label="Modifié le">
+                                            <FormatDateTime date={incomeStatement.lastUpdatedAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Modifié par">
+                                                    {!incomeStatement.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={incomeStatement.data.lastUpdatedBy} />}
+                                                </DataBlock.Item> */}
+                                        <DataBlock.Item label="Id">
+                                            <FormatText>
+                                                {incomeStatement.id}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                        </>
+                    )
+                }}
+            </DataWrapper>
+        </Section.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
index 22ecd3f..6d75c1e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/computationIncomeStatementPage.tsx
@@ -11,7 +11,7 @@ import { Chip } from "../../../../../../../../../../../../components/layouts/chi
 import { DataBlock } from "../../../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../../../../components/layouts/title.tsx"
+
 import { computationIncomeStatementLayoutRoute } from "../../../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/$idComputationIncomeStatement/computationIncomeStatementLayoutRoute.tsx"
 import { DeleteOneComputationIncomeStatement } from "./deleteOneComputationIncomeStatement.tsx"
 import { UpdateOneComputationIncomeStatement } from "./updateOneComputationIncomeStatement.tsx"
@@ -72,11 +72,7 @@ export function ComputationIncomeStatementPage() {
                             </Section.Item>
                             <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Informations
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Informations" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Poste du compte de résultat">
                                             <DataWrapper
@@ -102,11 +98,7 @@ export function ComputationIncomeStatementPage() {
                                     </DataBlock.Content>
                                 </DataBlock.Root>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Métadonnées
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Métadonnées" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Ajouté le">
                                             <FormatDateTime date={computationIncomeStatement.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
index 117dc9c..9a2889a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/$idComputationIncomeStatement/deleteOneComputationIncomeStatement.tsx
@@ -1,11 +1,8 @@
 import { deleteOneComputationIncomeStatementRouteDefinition, readAllComputationIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneComputationIncomeStatement(props: {
     computationIncomeStatement: v.InferOutput<typeof returnedSchemas.computationIncomeStatement>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneComputationIncomeStatementRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneComputationIncomeStatement(props: {
                 idYear: props.computationIncomeStatement.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette ligne de compte de résultat ?"
+            description={<>Cette action supprimera la ligne de compte de résultat et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer la ligne de compte de résultat"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette ligne de compte de résultat ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera la ligne de compte de résultat et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de compte de résultat" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
index 776d72a..4efd926 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationIncomeStatements/computationIncomeStatementTable.tsx
@@ -1,14 +1,14 @@
 import { readAllComputationIncomeStatementsRouteDefinition, readOneIncomeStatementRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ButtonContent } from "@arrhes/ui"
-import { IconPlus } from "@tabler/icons-react"
+import { IconEye, IconPlus } from "@tabler/icons-react"
 import * as v from "valibot"
 import { FormatDateTime } from "../../../../../../../../../../../components/formats/formatDateTime.tsx"
 import { FormatText } from "../../../../../../../../../../../components/formats/formatText.tsx"
 import { Chip } from "../../../../../../../../../../../components/layouts/chip.tsx"
 import { DataTable } from "../../../../../../../../../../../components/layouts/dataTable.tsx"
 import { DataWrapper } from "../../../../../../../../../../../components/layouts/dataWrapper.tsx"
-import { platformRouter } from "../../../../../../../../../../../routes/platformRouter.tsx"
+import { LinkButton } from "../../../../../../../../../../../components/linkButton.tsx"
 import { CreateOneComputationIncomeStatement } from "./createOneComputationIncomeStatement.tsx"
 
 
@@ -30,6 +30,29 @@ export function ComputationIncomeStatementsTable(props: {
                         data={computationIncomeStatements}
                         isLoading={false}
                         columns={[
+                            {
+                                accessorKey: 'actions',
+                                header: ' ',
+                                cell: ({ row }) => (
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation/$idComputationIncomeStatement"
+                                        params={{
+                                            idOrganization: row.original.idOrganization,
+                                            idYear: row.original.idYear,
+                                            idComputation: row.original.idComputation,
+                                            idComputationIncomeStatement: row.original.id,
+                                        }}
+                                    >
+                                        <ButtonContent
+                                            variant="invisible"
+                                            leftIcon={<IconEye />}
+                                            text={undefined}
+                                        />
+                                    </LinkButton>
+                                ),
+                                enableSorting: false,
+                                enableGlobalFilter: false,
+                            },
                             {
                                 accessorKey: 'idStatement',
                                 header: 'Poste du compte de résultat',
@@ -68,17 +91,6 @@ export function ComputationIncomeStatementsTable(props: {
                                 filterFn: 'includesString'
                             }
                         ]}
-                        onRowClick={(row) => {
-                            platformRouter.navigate({
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation/$idComputationIncomeStatement",
-                                params: {
-                                    idOrganization: row.original.idOrganization,
-                                    idYear: row.original.idYear,
-                                    idComputation: row.original.idComputation,
-                                    idComputationIncomeStatement: row.original.id,
-                                }
-                            })
-                        }}
                     >
                         <CreateOneComputationIncomeStatement
                             computation={props.computation}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
index d35774c..1264d5d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationPage.tsx
@@ -10,7 +10,7 @@ import { FormatText } from "../../../../../../../../../../components/formats/for
 import { DataBlock } from "../../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../../components/layouts/title.tsx"
+
 import { computationLayoutRoute } from "../../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/computationLayoutRoute.tsx"
 import { ComputationIncomeStatementsTable } from "./computationIncomeStatements/computationIncomeStatementTable.tsx"
 import { DeleteOneComputation } from "./deleteOneComputation.tsx"
@@ -72,11 +72,7 @@ export function ComputationPage() {
                             </Section.Item>
                             <Section.Item className={css({ flexDirection: "column" })}>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Informations
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Informations" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Numéro">
                                             <FormatText>
@@ -91,11 +87,7 @@ export function ComputationPage() {
                                     </DataBlock.Content>
                                 </DataBlock.Root>
                                 <DataBlock.Root>
-                                    <DataBlock.Header>
-                                        <TitleComponent>
-                                            Métadonnées
-                                        </TitleComponent>
-                                    </DataBlock.Header>
+                                    <DataBlock.Header title="Métadonnées" />
                                     <DataBlock.Content>
                                         <DataBlock.Item label="Ajouté le">
                                             <FormatDateTime date={computation.createdAt} />
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
index c49216d..e8c7258 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/$idComputation/deleteOneComputation.tsx
@@ -1,11 +1,8 @@
 import { deleteOneComputationRouteDefinition, readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneComputation(props: {
     computation: v.InferOutput<typeof returnedSchemas.computation>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneComputationRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneComputation(props: {
                 idYear: props.computation.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette ligne de calcul ?"
+            description={<>Cette action supprimera la ligne de calcul et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer la ligne de calcul"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette ligne de calcul ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera la ligne de calcul et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la ligne de calcul" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
index cc57f7a..736711b 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/computations/computationsTable.tsx
@@ -1,10 +1,11 @@
 import { readAllComputationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
-import { Link } from "@tanstack/react-router"
+import { IconCalculator } from "@tabler/icons-react"
 import * as v from "valibot"
-import { FormatNull } from "../../../../../../../../../components/formats/formatNull.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../../components/layouts/emptyState.tsx"
+import { LinkButton } from "../../../../../../../../../components/linkButton.tsx"
 
 
 export function ComputationsTable(props: {
@@ -22,15 +23,17 @@ export function ComputationsTable(props: {
             {(computations) => {
                 if (computations.length === 0) {
                     return (
-                        <FormatNull
-                            text="Aucune ligne de calcul"
+                        <EmptyState
+                            icon={<IconCalculator size={48} />}
+                            title="Aucune ligne de calcul"
+                            subtitle="Ajoutez une ligne de calcul pour commencer"
                         />
                     )
                 }
                 return (
                     <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4" })}>
                         {computations.map((computation) => (
-                            <Link
+                            <LinkButton
                                 key={computation.id}
                                 to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/calculs/$idComputation"
                                 params={{
@@ -48,11 +51,11 @@ export function ComputationsTable(props: {
                                         {computation.label}
                                     </span>
                                 </div>
-                            </Link>
+                            </LinkButton>
                         ))}
                     </div>
                 )
             }}
         </DataWrapper>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
index 246f31b..ba2bbd5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementRow.tsx
@@ -1,8 +1,8 @@
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
-import { Link } from "@tanstack/react-router"
 import { ComponentProps } from "react"
 import * as v from "valibot"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
 
 
 export function IncomeStatementRow(props: {
@@ -20,7 +20,7 @@ export function IncomeStatementRow(props: {
         }`
 
     return (
-        <Link
+        <LinkButton
             to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat/$idIncomeStatement"
             params={{
                 idOrganization: props.idOrganization,
@@ -56,6 +56,6 @@ export function IncomeStatementRow(props: {
                     </span>
                 </div>
             </div>
-        </Link>
+        </LinkButton>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
index 1a2fe11..3b7b6d9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsTable.tsx
@@ -1,12 +1,13 @@
 import { readAllIncomeStatementsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconReportMoney } from "@tabler/icons-react"
 import { useState } from "react"
 import * as v from "valibot"
-import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
 import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
 import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
 import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
 import { getIncomeStatementChildren } from "./getIncomeStatementChildren.tsx"
 import { IncomeStatementItem } from "./incomeStatementItem.tsx"
 
@@ -43,16 +44,13 @@ export function IncomeStatementsTable(props: {
                             />
                         </InputDebounced>
                         <div className={css({ height: "fit-content", width: "fit-content", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            {
-                                (filteredIncomeStatements.length !== 0)
-                                    ? (null)
-                                    : (
-                                        <FormatNull
-                                            text="Aucune ligne de compte de résultat n'a été trouvée"
-                                            className={css({ padding: "1rem" })}
-                                        />
-                                    )
-                            }
+                            {filteredIncomeStatements.length === 0 && (
+                                <EmptyState
+                                    icon={<IconReportMoney size={48} />}
+                                    title={globalFilter ? "Aucune ligne trouvée" : "Aucune ligne de compte de résultat"}
+                                    subtitle={globalFilter ? undefined : "Ajoutez une ligne pour commencer"}
+                                />
+                            )}
                             {filteredIncomeStatements.map((incomeStatement) => {
                                 const incomeStatementChildren = getIncomeStatementChildren({
                                     incomeStatement: incomeStatement,
@@ -76,4 +74,4 @@ export function IncomeStatementsTable(props: {
             }}
         </DataWrapper>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
index 7670bbc..44126ec 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/deleteOneJournal.tsx
@@ -1,11 +1,8 @@
 import { deleteOneJournalRouteDefinition, readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneJournal(props: {
     journal: v.InferOutput<typeof returnedSchemas.journal>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneJournalRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneJournal(props: {
                 idYear: props.journal.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer ce journal ?"
+            description={<>Cette action supprimera le journal et toutes les données associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer le journal"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer ce journal ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera le journal et toutes les données associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer le journal" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
index deefa1e..9516cfe 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalPage.tsx
@@ -9,7 +9,7 @@ import { FormatText } from "../../../../../../../../../components/formats/format
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+
 import { journalRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/$idJournal/journalRoute.tsx"
 import { DeleteOneJournal } from "./deleteOneJournal.tsx"
 import { UpdateOneJournal } from "./updateOneJournal.tsx"
@@ -19,107 +19,101 @@ export function JournalPage() {
     const params = useParams({ from: journalRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneJournalRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization,
-                idYear: params.idYear,
-                idJournal: params.idJournal
-            }}
-        >
-            {(journal) => {
-                return (
-                    <Section.Root>
-                        <Section.Item className={css({ flexDirection: "row" })}>
-                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <LinkButton
-                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
-                                    params={{
-                                        idOrganization: journal.idOrganization,
-                                        idYear: journal.idYear,
-                                    }}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconChevronLeft />}
-                                        text="Retour"
-                                    />
-                                </LinkButton>
-                            </div>
-                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                                <UpdateOneJournal
-                                    journal={journal}
-                                >
-                                    <ButtonContent
-                                        variant="primary"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier"
-                                    />
-                                </UpdateOneJournal>
-                                <DeleteOneJournal
-                                    journal={journal}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        title="Supprimer"
-                                        color="error"
-                                    />
-                                </DeleteOneJournal>
-                            </div>
-                        </Section.Item>
-                        <Section.Item className={css({ flexDirection: "column" })}>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Informations
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Code">
-                                        <FormatText>
-                                            {journal.code}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                    <DataBlock.Item label="Libellé">
-                                        <FormatText>
-                                            {journal.label}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                        <Section.Item>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Métadonnées
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Ajouté le">
-                                        <FormatDateTime date={journal.createdAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Ajouté par">
+        <Section.Root>
+            <DataWrapper
+                routeDefinition={readOneJournalRouteDefinition}
+                body={{
+                    idOrganization: params.idOrganization,
+                    idYear: params.idYear,
+                    idJournal: params.idJournal
+                }}
+            >
+                {(journal) => {
+                    return (
+                        <>
+                            <Section.Item className={css({ flexDirection: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux"
+                                        params={{
+                                            idOrganization: journal.idOrganization,
+                                            idYear: journal.idYear,
+                                        }}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconChevronLeft />}
+                                            text="Retour"
+                                        />
+                                    </LinkButton>
+                                </div>
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                                    <UpdateOneJournal
+                                        journal={journal}
+                                    >
+                                        <ButtonContent
+                                            variant="primary"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
+                                    </UpdateOneJournal>
+                                    <DeleteOneJournal
+                                        journal={journal}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            title="Supprimer"
+                                            color="error"
+                                        />
+                                    </DeleteOneJournal>
+                                </div>
+                            </Section.Item>
+                            <Section.Item className={css({ flexDirection: "column" })}>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Informations" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Code">
+                                            <FormatText>
+                                                {journal.code}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                        <DataBlock.Item label="Libellé">
+                                            <FormatText>
+                                                {journal.label}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                            <Section.Item>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Métadonnées" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Ajouté le">
+                                            <FormatDateTime date={journal.createdAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Ajouté par">
                                                         {!journal.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={journal.data.createdBy} />}
                                                     </DataBlock.Item> */}
-                                    <DataBlock.Item label="Modifié le">
-                                        <FormatDateTime date={journal.lastUpdatedAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Modifié par">
+                                        <DataBlock.Item label="Modifié le">
+                                            <FormatDateTime date={journal.lastUpdatedAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Modifié par">
                                                         {!journal.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={journal.data.lastUpdatedBy} />}
                                                     </DataBlock.Item> */}
-                                    <DataBlock.Item label="Id">
-                                        <FormatText>
-                                            {journal.id}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                    </Section.Root>
-                )
-            }}
-        </DataWrapper>
+                                        <DataBlock.Item label="Id">
+                                            <FormatText>
+                                                {journal.id}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                        </>
+                    )
+                }}
+            </DataWrapper>
+        </Section.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalListTableRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalListTableRow.tsx
new file mode 100644
index 0000000..0b1d8bc
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalListTableRow.tsx
@@ -0,0 +1,64 @@
+import { schemas } from "@arrhes/application-metadata/schemas"
+import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import * as v from "valibot"
+import { formatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { Chip } from "../../../../../../../../components/layouts/chip.tsx"
+import { ListTable } from "../../../../../../../../components/layouts/listTable/listTable.tsx"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
+
+
+export function JournalListTableRow(props: {
+    journal: v.InferOutput<typeof schemas.journal>
+}) {
+    const createdAt = formatDate(props.journal.createdAt)
+
+    return (
+        <ListTable.Row>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    alignItems: "start",
+                    gap: "1rem"
+                })}>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "0.75rem" })}>
+                        <LinkButton
+                            to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux/$idJournal"
+                            params={{
+                                idOrganization: props.journal.idOrganization,
+                                idYear: props.journal.idYear,
+                                idJournal: props.journal.id
+                            }}
+                        >
+                            <LinkContent
+                                className={css({
+                                    fontSize: "base",
+                                    fontWeight: "semibold",
+                                    color: "primary",
+                                    textDecoration: "none",
+                                    _hover: { textDecoration: "underline" }
+                                })}
+                            >
+                                {props.journal.label ?? undefined}
+                            </LinkContent>
+                        </LinkButton>
+                    </div>
+                    <div className={css({ display: "flex", justifyContent: "end", alignItems: "start", gap: "0.5rem" })}>
+                        <Chip
+                            text={props.journal.code}
+                            color="neutral"
+                        />
+                    </div>
+                </div>
+                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
+                    <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                        {`Ajouté le ${createdAt}`}
+                    </span>
+                </div>
+            </div>
+        </ListTable.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsListTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsListTable.tsx
new file mode 100644
index 0000000..b351b09
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsListTable.tsx
@@ -0,0 +1,48 @@
+import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { schemas } from "@arrhes/application-metadata/schemas"
+import { IconBook } from "@tabler/icons-react"
+import * as v from "valibot"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
+import { ListTable } from "../../../../../../../../components/layouts/listTable/listTable.tsx"
+import { JournalListTableRow } from "./journalListTableRow.tsx"
+
+
+export function JournalsListTable(props: {
+    idOrganization: v.InferOutput<typeof schemas.organization>["id"]
+    idYear: v.InferOutput<typeof schemas.year>["id"]
+}) {
+    return (
+        <ListTable.Root>
+            <DataWrapper
+                routeDefinition={readAllJournalsRouteDefinition}
+                body={{
+                    idOrganization: props.idOrganization,
+                    idYear: props.idYear
+                }}
+            >
+                {(journals) => {
+                    const sortedJournals = journals.sort((a, b) => a.createdAt.localeCompare(b.createdAt))
+
+                    if (sortedJournals.length === 0) {
+                        return (
+                            <EmptyState
+                                icon={<IconBook size={48} />}
+                                title="Aucun journal"
+                                subtitle="Créez un journal pour commencer"
+                            />
+                        )
+                    }
+                    return (
+                        sortedJournals.map((journal) => (
+                            <JournalListTableRow
+                                key={journal.id}
+                                journal={journal}
+                            />
+                        ))
+                    )
+                }}
+            </DataWrapper>
+        </ListTable.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index bdd7f27..1d03bfe 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -1,15 +1,12 @@
-import { readAllJournalsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPlus } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
-import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
-import { Box } from "../../../../../../../../components/layouts/box.tsx"
-import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { useParams } from "@tanstack/react-router"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { journalsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsRoute.tsx"
 import { CreateOneJournal } from "./createOneJournal.tsx"
 import { GenerateJournals } from "./generateJournals.tsx"
+import { JournalsListTable } from "./journalsListTable.tsx"
 
 
 export function JournalsPage() {
@@ -40,48 +37,10 @@ export function JournalsPage() {
                         />
                     </GenerateJournals>
                 </div>
-                <Box>
-                    <DataWrapper
-                        routeDefinition={readAllJournalsRouteDefinition}
-                        body={{
-                            idOrganization: params.idOrganization,
-                            idYear: params.idYear
-                        }}
-                    >
-                        {(journals) => {
-                            const sortedJournals = journals.sort((a, b) => a.createdAt.localeCompare(b.createdAt))
-
-                            if (sortedJournals.length === 0) {
-                                return (
-                                    <FormatNull
-                                        text="Aucun journal"
-                                        className={css({ padding: "1rem" })}
-                                    />
-                                )
-                            }
-                            return (
-                                <div className={css({ height: "fit", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                                    {
-                                        sortedJournals.map((journal) => (
-                                            <Link
-                                                key={journal.id}
-                                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux/$idJournal"
-                                                params={{
-                                                    idOrganization: params.idOrganization,
-                                                    idYear: params.idYear,
-                                                    idJournal: journal.id
-                                                }}
-                                                className={css({ width: "100%", padding: "1rem", borderBottomWidth: "1px", borderColor: "neutral/10", _last: { borderStyle: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
-                                            >
-                                                {`${journal.label} (${journal.code})`}
-                                            </Link>
-                                        ))
-                                    }
-                                </div>
-                            )
-                        }}
-                    </DataWrapper>
-                </Box>
+                <JournalsListTable
+                    idOrganization={params.idOrganization}
+                    idYear={params.idYear}
+                />
             </Section.Item>
         </Section.Root>
     )
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
index 45fe9f3..3de039d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/deleteOneRecordLabel.tsx
@@ -1,11 +1,8 @@
 import { deleteOneRecordLabelRouteDefinition, readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
-import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconTrash } from "@tabler/icons-react"
-import { ComponentPropsWithRef, ReactElement, useState } from "react"
+import { ComponentPropsWithRef, ReactElement } from "react"
 import * as v from "valibot"
-import { Dialog } from "../../../../../../../../../components/overlays/dialog/dialog.tsx"
+import { DeleteConfirmation } from "../../../../../../../../../components/overlays/dialog/deleteConfirmation.tsx"
 import { toast } from "../../../../../../../../../contexts/toasts/useToast.ts"
 import { platformRouter } from "../../../../../../../../../routes/platformRouter.tsx"
 import { invalidateData } from "../../../../../../../../../utilities/invalidateData.ts"
@@ -16,8 +13,6 @@ export function DeleteOneRecordLabel(props: {
     recordLabel: v.InferOutput<typeof returnedSchemas.recordLabel>
     children: ReactElement<ComponentPropsWithRef<'div'>>
 }) {
-    const [open, setOpen] = useState(false)
-
     async function onSubmit() {
         const deleteResponse = await postAPI({
             routeDefinition: deleteOneRecordLabelRouteDefinition,
@@ -50,53 +45,16 @@ export function DeleteOneRecordLabel(props: {
                 idYear: props.recordLabel.idYear
             },
         })
-
-        setOpen(false)
-    }
-
-    async function onCancel() {
-        setOpen(false)
     }
 
     return (
-        <Dialog.Root
-            open={open}
-            onOpenChange={(value) => setOpen(value)}
+        <DeleteConfirmation
+            title="Voulez-vous supprimer cette catégorie ?"
+            description={<>Cette action supprimera la catégorie et toutes ses mentions associées.<br />Cette action est irréversible.</>}
+            submitText="Supprimer la catégorie"
+            onSubmit={onSubmit}
         >
-            <Dialog.Trigger
-                onClick={(event) => {
-                    setOpen(true)
-                    event.preventDefault()
-                }}
-            >
-                {props.children}
-            </Dialog.Trigger>
-            {(open === false)
-                ? (null)
-                : (
-                    <Dialog.Content>
-                        <Dialog.Header />
-                        <div className={css({ padding: "4", pt: "0", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "1" })}>
-                            <Dialog.Title>
-                                Voulez-vous supprimer cette catégorie ?
-                            </Dialog.Title>
-                            <Dialog.Description>
-                                Cette action supprimera la catégorie et toutes ses mentions associées.
-                                <br />
-                                Cette action est irréversible.
-                            </Dialog.Description>
-                        </div>
-                        <Dialog.Footer>
-                            <Button onClick={() => onCancel()}>
-                                <ButtonContent variant="invisible" text="Annuler" />
-                            </Button>
-                            <Button onClick={() => onSubmit()} hasLoader>
-                                <ButtonContent variant="primary" leftIcon={<IconTrash />} color="error" text="Supprimer la catégorie" />
-                            </Button>
-                        </Dialog.Footer>
-                    </Dialog.Content>
-                )
-            }
-        </Dialog.Root>
+            {props.children}
+        </DeleteConfirmation>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
index abe9e6d..54eccda 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelPage.tsx
@@ -9,7 +9,7 @@ import { FormatText } from "../../../../../../../../../components/formats/format
 import { DataBlock } from "../../../../../../../../../components/layouts/dataBlock/dataBlock.tsx"
 import { DataWrapper } from "../../../../../../../../../components/layouts/dataWrapper.tsx"
 import { Section } from "../../../../../../../../../components/layouts/section/section.tsx"
-import { TitleComponent } from "../../../../../../../../../components/layouts/title.tsx"
+
 import { recordLabelRoute } from "../../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/$idRecordLabel/recordLabelRoute.tsx"
 import { DeleteOneRecordLabel } from "./deleteOneRecordLabel.tsx"
 import { UpdateOneRecordLabel } from "./updateOneRecordLabel.tsx"
@@ -19,102 +19,96 @@ export function RecordLabelPage() {
     const params = useParams({ from: recordLabelRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneRecordLabelRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization,
-                idYear: params.idYear,
-                idRecordLabel: params.idRecordLabel
-            }}
-        >
-            {(recordLabel) => {
-                return (
-                    <Section.Root>
-                        <Section.Item className={css({ flexDirection: "row" })}>
-                            <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
-                                <LinkButton
-                                    to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
-                                    params={{
-                                        idOrganization: recordLabel.idOrganization,
-                                        idYear: recordLabel.idYear,
-                                    }}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconChevronLeft />}
-                                        text="Retour"
-                                    />
-                                </LinkButton>
-                            </div>
-                            <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                                <UpdateOneRecordLabel
-                                    recordLabel={recordLabel}
-                                >
-                                    <ButtonContent
-                                        variant="primary"
-                                        leftIcon={<IconPencil />}
-                                        text="Modifier"
-                                    />
-                                </UpdateOneRecordLabel>
-                                <DeleteOneRecordLabel
-                                    recordLabel={recordLabel}
-                                >
-                                    <ButtonContent
-                                        variant="default"
-                                        leftIcon={<IconTrash />}
-                                        title="Supprimer"
-                                        color="error"
-                                    />
-                                </DeleteOneRecordLabel>
-                            </div>
-                        </Section.Item>
-                        <Section.Item className={css({ flexDirection: "column" })}>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Informations
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Libellé">
-                                        <FormatText>
-                                            {recordLabel.label}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                        <Section.Item>
-                            <DataBlock.Root>
-                                <DataBlock.Header>
-                                    <TitleComponent>
-                                        Métadonnées
-                                    </TitleComponent>
-                                </DataBlock.Header>
-                                <DataBlock.Content>
-                                    <DataBlock.Item label="Ajouté le">
-                                        <FormatDateTime date={recordLabel.createdAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Ajouté par">
+        <Section.Root>
+            <DataWrapper
+                routeDefinition={readOneRecordLabelRouteDefinition}
+                body={{
+                    idOrganization: params.idOrganization,
+                    idYear: params.idYear,
+                    idRecordLabel: params.idRecordLabel
+                }}
+            >
+                {(recordLabel) => {
+                    return (
+                        <>
+                            <Section.Item className={css({ flexDirection: "row" })}>
+                                <div className={css({ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "2" })}>
+                                    <LinkButton
+                                        to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories"
+                                        params={{
+                                            idOrganization: recordLabel.idOrganization,
+                                            idYear: recordLabel.idYear,
+                                        }}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconChevronLeft />}
+                                            text="Retour"
+                                        />
+                                    </LinkButton>
+                                </div>
+                                <div className={css({ ml: "auto", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                                    <UpdateOneRecordLabel
+                                        recordLabel={recordLabel}
+                                    >
+                                        <ButtonContent
+                                            variant="primary"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
+                                    </UpdateOneRecordLabel>
+                                    <DeleteOneRecordLabel
+                                        recordLabel={recordLabel}
+                                    >
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            title="Supprimer"
+                                            color="error"
+                                        />
+                                    </DeleteOneRecordLabel>
+                                </div>
+                            </Section.Item>
+                            <Section.Item className={css({ flexDirection: "column" })}>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Informations" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Libellé">
+                                            <FormatText>
+                                                {recordLabel.label}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                            <Section.Item>
+                                <DataBlock.Root>
+                                    <DataBlock.Header title="Métadonnées" />
+                                    <DataBlock.Content>
+                                        <DataBlock.Item label="Ajouté le">
+                                            <FormatDateTime date={recordLabel.createdAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Ajouté par">
                                                         {!recordLabel.createdBy ? <FormatNull /> : <FormatUserWithFetch idUser={recordLabel.data.createdBy} />}
                                                     </DataBlock.Item> */}
-                                    <DataBlock.Item label="Modifié le">
-                                        <FormatDateTime date={recordLabel.lastUpdatedAt} />
-                                    </DataBlock.Item>
-                                    {/* <DataBlock.Item label="Modifié par">
+                                        <DataBlock.Item label="Modifié le">
+                                            <FormatDateTime date={recordLabel.lastUpdatedAt} />
+                                        </DataBlock.Item>
+                                        {/* <DataBlock.Item label="Modifié par">
                                                         {!recordLabel.lastUpdatedBy ? <FormatNull /> : <FormatUserWithFetch idUser={recordLabel.data.lastUpdatedBy} />}
                                                     </DataBlock.Item> */}
-                                    <DataBlock.Item label="Id">
-                                        <FormatText>
-                                            {recordLabel.id}
-                                        </FormatText>
-                                    </DataBlock.Item>
-                                </DataBlock.Content>
-                            </DataBlock.Root>
-                        </Section.Item>
-                    </Section.Root>
-                )
-            }}
-        </DataWrapper>
+                                        <DataBlock.Item label="Id">
+                                            <FormatText>
+                                                {recordLabel.id}
+                                            </FormatText>
+                                        </DataBlock.Item>
+                                    </DataBlock.Content>
+                                </DataBlock.Root>
+                            </Section.Item>
+                        </>
+                    )
+                }}
+            </DataWrapper>
+        </Section.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelListTableRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelListTableRow.tsx
new file mode 100644
index 0000000..d9cb10f
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelListTableRow.tsx
@@ -0,0 +1,57 @@
+import { schemas } from "@arrhes/application-metadata/schemas"
+import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import * as v from "valibot"
+import { formatDate } from "../../../../../../../../components/formats/formatDate.tsx"
+import { ListTable } from "../../../../../../../../components/layouts/listTable/listTable.tsx"
+import { LinkButton } from "../../../../../../../../components/linkButton.tsx"
+
+
+export function RecordLabelListTableRow(props: {
+    recordLabel: v.InferOutput<typeof schemas.recordLabel>
+}) {
+    const createdAt = formatDate(props.recordLabel.createdAt)
+
+    return (
+        <ListTable.Row>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    alignItems: "start",
+                    gap: "1rem"
+                })}>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "0.75rem" })}>
+                        <LinkButton
+                            to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories/$idRecordLabel"
+                            params={{
+                                idOrganization: props.recordLabel.idOrganization,
+                                idYear: props.recordLabel.idYear,
+                                idRecordLabel: props.recordLabel.id
+                            }}
+                        >
+                            <LinkContent
+                                className={css({
+                                    fontSize: "base",
+                                    fontWeight: "semibold",
+                                    color: "primary",
+                                    textDecoration: "none",
+                                    _hover: { textDecoration: "underline" }
+                                })}
+                            >
+                                {props.recordLabel.label ?? undefined}
+                            </LinkContent>
+                        </LinkButton>
+                    </div>
+                </div>
+                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
+                    <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                        {`Ajouté le ${createdAt}`}
+                    </span>
+                </div>
+            </div>
+        </ListTable.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsListTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsListTable.tsx
new file mode 100644
index 0000000..eb01612
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsListTable.tsx
@@ -0,0 +1,48 @@
+import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { schemas } from "@arrhes/application-metadata/schemas"
+import { IconTag } from "@tabler/icons-react"
+import * as v from "valibot"
+import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
+import { ListTable } from "../../../../../../../../components/layouts/listTable/listTable.tsx"
+import { RecordLabelListTableRow } from "./recordLabelListTableRow.tsx"
+
+
+export function RecordLabelsListTable(props: {
+    idOrganization: v.InferOutput<typeof schemas.organization>["id"]
+    idYear: v.InferOutput<typeof schemas.year>["id"]
+}) {
+    return (
+        <ListTable.Root>
+            <DataWrapper
+                routeDefinition={readAllRecordLabelsRouteDefinition}
+                body={{
+                    idOrganization: props.idOrganization,
+                    idYear: props.idYear
+                }}
+            >
+                {(recordLabels) => {
+                    const sortedRecordLabels = recordLabels.sort((a, b) => a.createdAt.localeCompare(b.createdAt))
+
+                    if (sortedRecordLabels.length === 0) {
+                        return (
+                            <EmptyState
+                                icon={<IconTag size={48} />}
+                                title="Aucune catégorie"
+                                subtitle="Ajoutez une catégorie pour commencer"
+                            />
+                        )
+                    }
+                    return (
+                        sortedRecordLabels.map((recordLabel) => (
+                            <RecordLabelListTableRow
+                                key={recordLabel.id}
+                                recordLabel={recordLabel}
+                            />
+                        ))
+                    )
+                }}
+            </DataWrapper>
+        </ListTable.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index f21200d..3c29133 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -1,14 +1,11 @@
-import { readAllRecordLabelsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPlus } from "@tabler/icons-react"
-import { Link, useParams } from "@tanstack/react-router"
-import { FormatNull } from "../../../../../../../../components/formats/formatNull.tsx"
-import { Box } from "../../../../../../../../components/layouts/box.tsx"
-import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
+import { useParams } from "@tanstack/react-router"
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { recordLabelsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx"
 import { CreateOneRecordLabel } from "./createOneRecordLabel.tsx"
+import { RecordLabelsListTable } from "./recordLabelsListTable.tsx"
 
 
 export function RecordLabelsPage() {
@@ -29,49 +26,11 @@ export function RecordLabelsPage() {
                         />
                     </CreateOneRecordLabel>
                 </div>
-                <Box>
-                    <DataWrapper
-                        routeDefinition={readAllRecordLabelsRouteDefinition}
-                        body={{
-                            idOrganization: params.idOrganization,
-                            idYear: params.idYear
-                        }}
-                    >
-                        {(recordLabels) => {
-                            const sortedRecordLabels = recordLabels.sort((a, b) => a.createdAt.localeCompare(b.createdAt))
-
-                            if (sortedRecordLabels.length === 0) {
-                                return (
-                                    <FormatNull
-                                        text="Aucune catégorie"
-                                        className={css({ padding: "1rem" })}
-                                    />
-                                )
-                            }
-                            return (
-                                <div className={css({ height: "fit-content", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                                    {
-                                        sortedRecordLabels.map((recordLabel) => (
-                                            <Link
-                                                key={recordLabel.id}
-                                                to="/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories/$idRecordLabel"
-                                                params={{
-                                                    idOrganization: params.idOrganization,
-                                                    idYear: params.idYear,
-                                                    idRecordLabel: recordLabel.id
-                                                }}
-                                                className={css({ width: "100%", padding: "1rem", borderBottom: "1px solid", borderColor: "neutral/10", _last: { borderBottom: "none" }, display: "flex", justifyContent: "flex-start", alignItems: "center", _hover: { backgroundColor: "neutral/5" }, cursor: "pointer" })}
-                                            >
-                                                {`${recordLabel.label}`}
-                                            </Link>
-                                        ))
-                                    }
-                                </div>
-                            )
-                        }}
-                    </DataWrapper>
-                </Box>
+                <RecordLabelsListTable
+                    idOrganization={params.idOrganization}
+                    idYear={params.idYear}
+                />
             </Section.Item>
         </Section.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
index 8f9c880..e60647f 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
@@ -1,8 +1,8 @@
-import { IconFileDiff, IconFileReport, IconLabel, IconNews, IconSettings, IconSitemap } from "@tabler/icons-react";
-import { useParams } from "@tanstack/react-router";
-import { Page } from "../../../../../../../components/layouts/page/page.tsx";
-import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.tsx";
-import { yearSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx";
+import { IconFileReport, IconSettings } from "@tabler/icons-react"
+import { useParams } from "@tanstack/react-router"
+import { Page } from "../../../../../../../components/layouts/page/page.tsx"
+import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.tsx"
+import { yearSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx"
 
 
 export function YearSettingsLayout() {
@@ -12,64 +12,70 @@ export function YearSettingsLayout() {
         <Page.Root>
             <Page.Content>
                 <SubPageLayout
-                    tabs={[
-                        {
-                            label: "Général",
-                            icon: <IconSettings />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
+                    sections={{
+                        settings: {
+                            title: "Paramètres",
+                            icon: <IconSettings size={14} />,
+                            items: [
+                                {
+                                    label: "Général",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Plan des comptes",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Journaux",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Catégories",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                            ]
                         },
-                        {
-                            label: "Plan des comptes",
-                            icon: <IconSitemap />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
+                        documents: {
+                            title: "Documents comptables",
+                            icon: <IconFileReport size={14} />,
+                            items: [
+                                {
+                                    label: "Bilan",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                                {
+                                    label: "Compte de résultat",
+                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+                                    params: {
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                    }
+                                },
+                            ]
                         },
-                        {
-                            label: "Journaux",
-                            icon: <IconNews />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                        {
-                            label: "Catégories",
-                            icon: <IconLabel />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                        {
-                            label: "Bilan",
-                            icon: <IconFileReport />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                        {
-                            label: "Compte de résultat",
-                            icon: <IconFileDiff />,
-                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
-                            params: {
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                            }
-                        },
-                    ]}
+                    }}
                 />
             </Page.Content>
         </Page.Root>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index f18dcc0..a7b23bd 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -3,8 +3,8 @@ import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Page } from "../../../../../../../components/layouts/page/page.tsx"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.tsx"
+import { SettingsSection } from "../../../../../../../components/layouts/settingsSection/settingsSection.tsx"
 import { yearSettingsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
 import { DeleteOneYear } from "./deleteOneYear.tsx"
 import { UpdateOneYear } from "./updateOneYear.tsx"
@@ -14,165 +14,58 @@ export function YearSettingsPage() {
     const params = useParams({ from: yearSettingsRoute.id })
 
     return (
-        <DataWrapper
-            routeDefinition={readOneYearRouteDefinition}
-            body={{
-                idOrganization: params.idOrganization,
-                idYear: params.idYear
-            }}
-        >
-            {(year) => {
-                return (
-                    <Page.Root>
-                        <Page.Header>
-                            <Page.Title>
-                                Paramètres de l'exercice
-                            </Page.Title>
-                            <Page.Description>
-                                Modifiez les informations générales et supprimez l'exercice si besoin.
-                            </Page.Description>
-                        </Page.Header>
-                        <Page.Content>
-                            <div className={css({
-                                width: "100%",
-                                display: "flex",
-                                flexDirection: "column",
-                                gap: "1.5rem"
-                            })}>
-                                <div className={css({
-                                    width: "100%",
-                                    display: "flex",
-                                    flexDirection: { base: "column", md: "row" },
-                                    gap: "1.5rem",
-                                    padding: "1.5rem",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    borderRadius: "lg",
-                                    backgroundColor: "white"
-                                })}>
-                                    <div className={css({
-                                        flex: "1",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        gap: "0.5rem"
-                                    })}>
-                                        <span className={css({ fontSize: "lg", fontWeight: "semibold" })}>
-                                            Informations générales
-                                        </span>
-                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
-                                            Modifiez le nom, la période et le statut de l'exercice.
-                                        </span>
-                                    </div>
-                                    <div className={css({
-                                        flex: "2",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        border: "1px solid",
-                                        borderColor: "neutral/10",
-                                        borderRadius: "md",
-                                        overflow: "hidden"
-                                    })}>
-                                        <div className={css({
-                                            width: "100%",
-                                            display: "flex",
-                                            justifyContent: "space-between",
-                                            alignItems: "center",
-                                            gap: "1rem",
-                                            paddingX: "1.25rem",
-                                            paddingY: "1rem",
-                                            backgroundColor: "white",
-                                            borderBottom: "1px solid",
-                                            borderBottomColor: "neutral/10"
-                                        })}>
-                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
-                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
-                                                    Modifier l'exercice
-                                                </span>
-                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                                                    Mettez à jour les informations principales.
-                                                </span>
-                                            </div>
-                                            <UpdateOneYear year={year}>
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconPencil />}
-                                                    text="Modifier"
-                                                />
-                                            </UpdateOneYear>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div className={css({
-                                    width: "100%",
-                                    display: "flex",
-                                    flexDirection: { base: "column", md: "row" },
-                                    gap: "1.5rem",
-                                    padding: "1.5rem",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    borderRadius: "lg",
-                                    backgroundColor: "white"
-                                })}>
-                                    <div className={css({
-                                        flex: "1",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        gap: "0.5rem"
-                                    })}>
-                                        <span className={css({ fontSize: "lg", fontWeight: "semibold", color: "error" })}>
-                                            Zone de danger
-                                        </span>
-                                        <span className={css({ fontSize: "sm", color: "neutral/60" })}>
-                                            Supprimez définitivement cet exercice et ses écritures.
-                                        </span>
-                                    </div>
-                                    <div className={css({
-                                        flex: "2",
-                                        minWidth: "0",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        border: "1px solid",
-                                        borderColor: "error/20",
-                                        borderRadius: "md",
-                                        overflow: "hidden"
-                                    })}>
-                                        <div className={css({
-                                            width: "100%",
-                                            display: "flex",
-                                            justifyContent: "space-between",
-                                            alignItems: "center",
-                                            gap: "1rem",
-                                            paddingX: "1.25rem",
-                                            paddingY: "1rem",
-                                            backgroundColor: "error/5"
-                                        })}>
-                                            <div className={css({ display: "flex", flexDirection: "column", gap: "0.25rem" })}>
-                                                <span className={css({ fontSize: "sm", fontWeight: "semibold" })}>
-                                                    Supprimer l'exercice
-                                                </span>
-                                                <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                                                    Cette action est irréversible.
-                                                </span>
-                                            </div>
-                                            <DeleteOneYear year={year}>
-                                                <ButtonContent
-                                                    variant="default"
-                                                    leftIcon={<IconTrash />}
-                                                    text="Supprimer"
-                                                    color="error"
-                                                />
-                                            </DeleteOneYear>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </Page.Content>
-                    </Page.Root>
-                )
-            }}
-        </DataWrapper>
+        <div className={css({
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem"
+        })}>
+            <DataWrapper
+                routeDefinition={readOneYearRouteDefinition}
+                body={{
+                    idOrganization: params.idOrganization,
+                    idYear: params.idYear
+                }}
+            >
+                {(year) => {
+                    return (
+                        <>
+                            <SettingsSection.Root>
+                                <SettingsSection.Header title="Informations générales" />
+                                <SettingsSection.Row
+                                    title="Modifier l'exercice"
+                                    description="Mettez à jour les informations principales."
+                                >
+                                    <UpdateOneYear year={year}>
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconPencil />}
+                                            text="Modifier"
+                                        />
+                                    </UpdateOneYear>
+                                </SettingsSection.Row>
+                            </SettingsSection.Root>
+                            <SettingsSection.Root variant="danger">
+                                <SettingsSection.Header title="Zone de danger" variant="danger" />
+                                <SettingsSection.Row
+                                    title="Supprimer l'exercice"
+                                    description="Cette action est irréversible."
+                                    variant="danger"
+                                >
+                                    <DeleteOneYear year={year}>
+                                        <ButtonContent
+                                            variant="default"
+                                            leftIcon={<IconTrash />}
+                                            text="Supprimer"
+                                            color="error"
+                                        />
+                                    </DeleteOneYear>
+                                </SettingsSection.Row>
+                            </SettingsSection.Root>
+                        </>
+                    )
+                }}
+            </DataWrapper>
+        </div>
     )
-}
\ No newline at end of file
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
deleted file mode 100644
index 7ee3c1d..0000000
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearCard.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { css, cx } from "@arrhes/ui/utilities/cn.js"
-import { IconCalendar, IconLock } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
-import * as v from "valibot"
-import { formatDate } from "../../../../../components/formats/formatDate.tsx"
-import { Chip } from "../../../../../components/layouts/chip.tsx"
-
-
-type Year = v.InferOutput<typeof readAllYearsRouteDefinition.schemas.return>[number]
-
-export function YearCard(props: {
-    year: Year
-    idOrganization: string
-}) {
-    const { year, idOrganization } = props
-
-    const startDate = formatDate(year.startingAt)
-    const endDate = formatDate(year.endingAt)
-
-    return (
-        <div className={cx(
-            css({ width: "100%", padding: "1rem", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
-            css({ borderBottom: "1px solid", borderBottomColor: "neutral/10", _last: { borderBottom: "none" } })
-        )}>
-            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
-                <div className={css({
-                    width: "100%",
-                    display: "flex",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    alignItems: "start",
-                    gap: "1rem"
-                })}>
-                    <div className={css({ display: "flex", alignItems: "center", gap: "0.75rem" })}>
-                        <div className={cx(
-                            css({ width: "2.5rem", height: "2.5rem", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "md" }),
-                            year.isClosed ? css({ backgroundColor: "neutral/10" }) : css({ backgroundColor: "success/5" })
-                        )}>
-                            {year.isClosed ? (
-                                <IconLock className={css({ width: "1.25rem", height: "1.25rem", color: "neutral/50" })} />
-                            ) : (
-                                <IconCalendar className={css({ width: "1.25rem", height: "1.25rem", color: "success/70" })} />
-                            )}
-                        </div>
-                        <Link
-                            to="/dashboard/organisations/$idOrganization/exercices/$idYear"
-                            params={{
-                                idOrganization: idOrganization,
-                                idYear: year.id
-                            }}
-                            className={css({
-                                fontSize: "base",
-                                fontWeight: "semibold",
-                                color: "primary",
-                                _hover: { textDecoration: "underline" }
-                            })}
-                        >
-                            {year.label}
-                        </Link>
-                    </div>
-                    <div className={css({ display: "flex", justifyContent: "end", alignItems: "start", gap: "0.5rem" })}>
-                        {year.isClosed ? (
-                            <Chip
-                                text="Clôturé"
-                                color="neutral"
-                            />
-                        ) : (
-                            <Chip
-                                text="En cours"
-                                color="success"
-                            />
-                        )}
-                    </div>
-                </div>
-                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
-                    <span className={css({ fontSize: "xs", color: "neutral/50" })}>
-                        {startDate} — {endDate}
-                    </span>
-                </div>
-            </div>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearListTableRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearListTableRow.tsx
new file mode 100644
index 0000000..e791393
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearListTableRow.tsx
@@ -0,0 +1,72 @@
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import * as v from "valibot"
+import { formatDate } from "../../../../../components/formats/formatDate.tsx"
+import { Chip } from "../../../../../components/layouts/chip.tsx"
+import { ListTable } from "../../../../../components/layouts/listTable/listTable.tsx"
+import { LinkButton } from "../../../../../components/linkButton.tsx"
+
+
+export function YearListTableRow(props: {
+    year: v.InferOutput<typeof readAllYearsRouteDefinition.schemas.return>[number]
+}) {
+
+    const startDate = formatDate(props.year.startingAt)
+    const endDate = formatDate(props.year.endingAt)
+
+    return (
+        <ListTable.Row>
+            <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
+                <div className={css({
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                    alignItems: "start",
+                    gap: "1rem"
+                })}>
+                    <div className={css({ display: "flex", alignItems: "center", gap: "0.75rem" })}>
+                        <LinkButton
+                            to="/dashboard/organisations/$idOrganization/exercices/$idYear"
+                            params={{
+                                idOrganization: props.year.idOrganization,
+                                idYear: props.year.id
+                            }}
+                        >
+                            <LinkContent
+                                className={css({
+                                    fontSize: "base",
+                                    fontWeight: "semibold",
+                                    color: "primary",
+                                    textDecoration: "none",
+                                    _hover: { textDecoration: "underline" }
+                                })}
+                            >
+                                {props.year.label}
+                            </LinkContent>
+                        </LinkButton>
+                    </div>
+                    <div className={css({ display: "flex", justifyContent: "end", alignItems: "start", gap: "0.5rem" })}>
+                        {props.year.isClosed ? (
+                            <Chip
+                                text="Clôturé"
+                                color="neutral"
+                            />
+                        ) : (
+                            <Chip
+                                text="En cours"
+                                color="success"
+                            />
+                        )}
+                    </div>
+                </div>
+                <div className={css({ display: "flex", alignItems: "center", gap: "0.5rem", flexWrap: "wrap" })}>
+                    <span className={css({ fontSize: "xs", color: "neutral/50" })}>
+                        {startDate} — {endDate}
+                    </span>
+                </div>
+            </div>
+        </ListTable.Row>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsListTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsListTable.tsx
new file mode 100644
index 0000000..288b43c
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsListTable.tsx
@@ -0,0 +1,44 @@
+import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { schemas } from "@arrhes/application-metadata/schemas"
+import { IconCalendarPlus } from "@tabler/icons-react"
+import * as v from "valibot"
+import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../../../components/layouts/emptyState.tsx"
+import { ListTable } from "../../../../../components/layouts/listTable/listTable.tsx"
+import { YearListTableRow } from "./yearListTableRow.tsx"
+
+
+export function YearsListTable(props: {
+    idOrganization: v.InferOutput<typeof schemas.organization>["id"]
+}) {
+    return (
+        <ListTable.Root>
+            <DataWrapper
+                routeDefinition={readAllYearsRouteDefinition}
+                body={{
+                    idOrganization: props.idOrganization
+                }}
+            >
+                {(years) => {
+                    if (years.length === 0) {
+                        return (
+                            <EmptyState
+                                icon={<IconCalendarPlus size={48} />}
+                                title="Aucun exercice"
+                                subtitle="Créez un exercice pour commencer"
+                            />
+                        )
+                    }
+                    return (
+                        years.map((year) => (
+                            <YearListTableRow
+                                key={year.id}
+                                year={year}
+                            />
+                        ))
+                    )
+                }}
+            </DataWrapper>
+        </ListTable.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
index c27a28b..ab8b656 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/yearsPage.tsx
@@ -1,14 +1,11 @@
-import { readAllYearsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconCalendarPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { FormatNull } from "../../../../../components/formats/formatNull.tsx"
-import { DataWrapper } from "../../../../../components/layouts/dataWrapper.tsx"
 import { Page } from "../../../../../components/layouts/page/page.tsx"
 import { yearsRoute } from "../../../../../routes/root/dashboard/organizations/$idOrganization/years/yearsRoute.tsx"
 import { CreateOneYear } from "./createOneYear.tsx"
-import { YearCard } from "./yearCard.tsx"
+import { YearsListTable } from "./yearsListTable.tsx"
 
 
 export function YearsPage() {
@@ -16,58 +13,28 @@ export function YearsPage() {
 
     return (
         <Page.Root>
+            {/* <Page.Header>
+                <Page.Title>
+                    Exercices fiscaux
+                </Page.Title>
+            </Page.Header> */}
             <Page.Content>
-                <div className={css({ width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", gap: "4" })}>
-                    <div className={css({ width: "100%", display: "flex", justifyContent: "space-between", alignItems: "center" })}>
-                        <span className={css({ fontSize: "2xl" })}>
-                            Exercices fiscaux
-                        </span>
-                        <CreateOneYear
-                            idOrganization={params.idOrganization}
-                        >
-                            <ButtonContent
-                                variant="default"
-                                leftIcon={<IconCalendarPlus />}
-                                text="Ajouter un exercice"
-                            />
-                        </CreateOneYear>
-                    </div>
-                    <DataWrapper
-                        routeDefinition={readAllYearsRouteDefinition}
-                        body={{
-                            idOrganization: params.idOrganization
-                        }}
+                <div
+                    className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "center" })}
+                >
+                    <CreateOneYear
+                        idOrganization={params.idOrganization}
                     >
-                        {(years) => {
-                            if (years.length === 0) {
-                                return (
-                                    <FormatNull
-                                        text="Aucun exercice"
-                                        className={css({ padding: "4", width: "100%" })}
-                                    />
-                                )
-                            }
-                            return (
-                                <div className={css({
-                                    width: "100%",
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    border: "1px solid",
-                                    borderColor: "neutral/10",
-                                    borderRadius: "lg",
-                                })}>
-                                    {years.map((year) => (
-                                        <YearCard
-                                            key={year.id}
-                                            year={year}
-                                            idOrganization={params.idOrganization}
-                                        />
-                                    ))}
-                                </div>
-                            )
-                        }}
-                    </DataWrapper>
+                        <ButtonContent
+                            variant="default"
+                            leftIcon={<IconCalendarPlus />}
+                            text="Ajouter un exercice"
+                        />
+                    </CreateOneYear>
                 </div>
+                <YearsListTable
+                    idOrganization={params.idOrganization}
+                />
             </Page.Content>
         </Page.Root>
     )
diff --git a/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
index e161917..b1b403e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/addNewOrganization.tsx
@@ -1,5 +1,4 @@
 import { addNewOrganizationRouteDefinition, getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { Button } from "@arrhes/ui"
 import { IconPlus } from "@tabler/icons-react"
 import { JSX, useState } from "react"
 import { Fragment } from "react/jsx-runtime"
@@ -28,9 +27,7 @@ export function AddNewOrganization(props: {
             onOpenChange={setOpen}
         >
             <Drawer.Trigger>
-                <Button>
-                    {props.children}
-                </Button>
+                {props.children}
             </Drawer.Trigger>
             <Drawer.Content>
                 <Drawer.Header
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationListTableRow.tsx
similarity index 62%
rename from packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
rename to packages/dashboard/src/features/dashboard/organizations/organizationListTableRow.tsx
index c15e5bd..ad9c357 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationCard.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationListTableRow.tsx
@@ -1,25 +1,23 @@
 import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
-import { css, cx } from "@arrhes/ui/utilities/cn.js"
-import { Link } from "@tanstack/react-router"
+import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import * as v from "valibot"
 import { Chip } from "../../../components/layouts/chip.tsx"
+import { ListTable } from "../../../components/layouts/listTable/listTable.tsx"
+import { LinkButton } from "../../../components/linkButton.tsx"
 
 
-type OrganizationUser = v.InferOutput<typeof getAllMyOrganizationsRouteDefinition.schemas.return>[number]
-
-export function OrganizationCard(props: {
-    organizationUser: OrganizationUser
+export function OrganizationListTableRow(props: {
+    organizationUser: v.InferOutput<typeof getAllMyOrganizationsRouteDefinition.schemas.return>[number]
 }) {
-    const { organizationUser } = props
-    const organization = organizationUser.organization
+    const organization = props.organizationUser.organization
 
-    const scopeLabel = organization.scope === "company" ? "Entreprise" : "Association"
+    const scopeLabel = (organization.scope === "company")
+        ? "Entreprise"
+        : "Association"
 
     return (
-        <div className={cx(
-            css({ width: "100%", padding: "1rem", display: "flex", justifyContent: "space-between", alignItems: "center", gap: "4" }),
-            css({ borderBottom: "1px solid", borderBottomColor: "neutral/10", _last: { borderBottom: "none", } }),
-        )}>
+        <ListTable.Row>
             <div className={css({ width: "100%", display: "flex", flexDirection: "column", gap: "0.5rem" })}>
                 <div
                     className={css({
@@ -31,20 +29,24 @@ export function OrganizationCard(props: {
                         gap: "1rem"
                     })}
                 >
-                    <Link
+                    <LinkButton
                         to="/dashboard/organisations/$idOrganization"
                         params={{
                             idOrganization: organization.id
                         }}
-                        className={css({
-                            fontSize: "base",
-                            fontWeight: "semibold",
-                            color: "primary",
-                            _hover: { textDecoration: "underline" },
-                        })}
                     >
-                        {organization.name}
-                    </Link>
+                        <LinkContent
+                            className={css({
+                                fontSize: "base",
+                                fontWeight: "semibold",
+                                color: "primary",
+                                textDecoration: "none",
+                                _hover: { textDecoration: "underline" },
+                            })}
+                        >
+                            {organization.name}
+                        </LinkContent>
+                    </LinkButton>
                     <div
                         className={css({
                             display: "flex",
@@ -53,13 +55,13 @@ export function OrganizationCard(props: {
                             gap: "0.5rem"
                         })}
                     >
-                        {organizationUser.isAdmin && (
+                        {props.organizationUser.isAdmin && (
                             <Chip
                                 text="Administrateur"
                                 color="success"
                             />
                         )}
-                        {organizationUser.status === "invited" && (
+                        {props.organizationUser.status === "invited" && (
                             <Chip
                                 text="En attente"
                                 color="warning"
@@ -79,6 +81,6 @@ export function OrganizationCard(props: {
                     )}
                 </div>
             </div>
-        </div>
+        </ListTable.Row>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationsListTable.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationsListTable.tsx
new file mode 100644
index 0000000..daee8c2
--- /dev/null
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationsListTable.tsx
@@ -0,0 +1,38 @@
+import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
+import { IconBuilding } from "@tabler/icons-react"
+import { DataWrapper } from "../../../components/layouts/dataWrapper.tsx"
+import { EmptyState } from "../../../components/layouts/emptyState.tsx"
+import { ListTable } from "../../../components/layouts/listTable/listTable.tsx"
+import { OrganizationListTableRow } from "./organizationListTableRow.tsx"
+
+
+export function OrganizationsListTable() {
+    return (
+        <ListTable.Root>
+            <DataWrapper
+                routeDefinition={getAllMyOrganizationsRouteDefinition}
+                body={{}}
+            >
+                {(organizationUsers) => {
+                    if (organizationUsers.length === 0) {
+                        return (
+                            <EmptyState
+                                icon={<IconBuilding size={48} />}
+                                title="Aucune organisation"
+                                subtitle="Créez une organisation pour commencer"
+                            />
+                        )
+                    }
+                    return (
+                        organizationUsers.map((organizationUser) => (
+                            <OrganizationListTableRow
+                                key={organizationUser.id}
+                                organizationUser={organizationUser}
+                            />
+                        ))
+                    )
+                }}
+            </DataWrapper>
+        </ListTable.Root>
+    )
+}
diff --git a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
index 7370ead..90a8f5f 100644
--- a/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/organizationsPage.tsx
@@ -1,79 +1,32 @@
-import { getAllMyOrganizationsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBuildingPlus } from "@tabler/icons-react"
-import { FormatNull } from "../../../components/formats/formatNull.tsx"
-import { DataWrapper } from "../../../components/layouts/dataWrapper.tsx"
 import { Page } from "../../../components/layouts/page/page.tsx"
 import { AddNewOrganization } from "./addNewOrganization.tsx"
-import { OrganizationCard } from "./organizationCard.tsx"
+import { OrganizationsListTable } from "./organizationsListTable.tsx"
 
 
 export function OrganizationsPage() {
     return (
         <Page.Root>
-            <Page.Header>
+            {/* <Page.Header>
                 <Page.Title>
                     Mes organisations
                 </Page.Title>
-            </Page.Header>
+            </Page.Header> */}
             <Page.Content>
                 <div
-                    className={css({
-                        width: "100%",
-                        display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "flex-start",
-                        alignItems: "flex-start",
-                        gap: "1rem"
-                    })}
+                    className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "center" })}
                 >
-                    <div
-                        className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "center" })}
-                    >
-                        <AddNewOrganization>
-                            <ButtonContent
-                                variant="default"
-                                leftIcon={<IconBuildingPlus />}
-                                text="Ajouter une organisation"
-                            />
-                        </AddNewOrganization>
-                    </div>
-                    <div
-                        className={css({
-                            width: "100%",
-                            display: "flex",
-                            flexDirection: "column",
-                            border: "1px solid",
-                            borderColor: "neutral/10",
-                            borderRadius: "lg",
-                        })}
-                    >
-                        <DataWrapper
-                            routeDefinition={getAllMyOrganizationsRouteDefinition}
-                            body={{}}
-                        >
-                            {(organizationUsers) => {
-                                if (organizationUsers.length === 0) {
-                                    return (
-                                        <FormatNull
-                                            text="Aucune organisation"
-                                            className={css({ padding: "1rem" })}
-                                        />
-                                    )
-                                }
-                                return (
-                                    organizationUsers.map((organizationUser) => (
-                                        <OrganizationCard
-                                            key={organizationUser.id}
-                                            organizationUser={organizationUser}
-                                        />
-                                    ))
-                                )
-                            }}
-                        </DataWrapper>
-                    </div>
+                    <AddNewOrganization>
+                        <ButtonContent
+                            variant="default"
+                            leftIcon={<IconBuildingPlus />}
+                            text="Créer une organisation"
+                        />
+                    </AddNewOrganization>
                 </div>
+                <OrganizationsListTable />
             </Page.Content>
         </Page.Root>
     )
diff --git a/packages/dashboard/src/features/docs/root/support.tsx b/packages/dashboard/src/features/docs/root/support.tsx
index 26332f0..d17707e 100644
--- a/packages/dashboard/src/features/docs/root/support.tsx
+++ b/packages/dashboard/src/features/docs/root/support.tsx
@@ -1,5 +1,5 @@
 import { IconBook, IconBrandGithub, IconMail } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
+import { LinkButton } from "../../../components/linkButton.js"
 import { css } from "../../../utilities/cn.js"
 
 
@@ -186,11 +186,10 @@ export function Support() {
                     flexDirection: "column",
                     gap: "0.75rem",
                 })}>
-                    <Link
+                    <LinkButton
                         to="/documentation/dashboard"
                         className={css({
-                            display: "flex",
-                            alignItems: "center",
+                            width: "100%",
                             gap: "0.75rem",
                             padding: "1rem",
                             borderRadius: "lg",
@@ -224,13 +223,12 @@ export function Support() {
                                 Apprenez à utiliser Arrhes efficacement
                             </p>
                         </div>
-                    </Link>
+                    </LinkButton>
 
-                    <Link
+                    <LinkButton
                         to="/documentation/comptabilite"
                         className={css({
-                            display: "flex",
-                            alignItems: "center",
+                            width: "100%",
                             gap: "0.75rem",
                             padding: "1rem",
                             borderRadius: "lg",
@@ -264,7 +262,7 @@ export function Support() {
                                 Les bases de la comptabilité expliquées simplement
                             </p>
                         </div>
-                    </Link>
+                    </LinkButton>
                 </div>
             </div>
 
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index aec4b92..88bf32e 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -61,15 +61,15 @@ export function SignInPage() {
                         })}
                     >
                         <LinkButton to="/">
-                            <Logo withText />
+                            <Logo />
                         </LinkButton>
                         <LinkButton
                             to="/documentation"
+                            title="Documentation"
                         >
                             <ButtonContent
                                 variant="invisible"
                                 leftIcon={<IconBook2 />}
-                                text="Documentation"
                                 className={css({ width: "100%", justifyContent: "center" })}
                             />
                         </LinkButton>
@@ -187,7 +187,7 @@ export function SignInPage() {
                         })}
                     >
                         <LinkButton
-                            to="/sign-up"
+                            to="/inscription"
                             className={css({ width: "100%" })}
                         >
                             <ButtonContent
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index cb478c0..d3dd4c1 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -61,15 +61,15 @@ export function SignUpPage() {
                         })}
                     >
                         <LinkButton to="/">
-                            <Logo withText />
+                            <Logo />
                         </LinkButton>
                         <LinkButton
                             to="/documentation"
+                            title="Documentation"
                         >
                             <ButtonContent
                                 variant="invisible"
                                 leftIcon={<IconBook2 />}
-                                text="Documentation"
                                 className={css({ width: "100%", justifyContent: "center" })}
                             />
                         </LinkButton>
@@ -213,7 +213,7 @@ export function SignUpPage() {
                         })}
                     >
                         <LinkButton
-                            to="/sign-in"
+                            to="/connexion"
                             className={css({ width: "100%" })}
                         >
                             <ButtonContent
diff --git a/packages/dashboard/src/features/website/featureItem.tsx b/packages/dashboard/src/features/website/featureItem.tsx
index 7c121cd..42a5f4e 100644
--- a/packages/dashboard/src/features/website/featureItem.tsx
+++ b/packages/dashboard/src/features/website/featureItem.tsx
@@ -6,6 +6,7 @@ export function FeatureItem(props: {
     icon: ReactNode
     text: string
     highlighted?: boolean
+    isDev?: boolean
 }) {
     return (
         <div
@@ -27,15 +28,41 @@ export function FeatureItem(props: {
             >
                 {props.icon}
             </div>
-            <span
+            <div
                 className={css({
-                    fontSize: "sm",
-                    color: props.highlighted ? "primary" : "neutral",
-                    fontWeight: props.highlighted ? "medium" : "normal",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                    flexWrap: "wrap",
                 })}
             >
-                {props.text}
-            </span>
+                {props.isDev && (
+                    <span
+                        className={css({
+                            fontSize: "xs",
+                            textTransform: "uppercase",
+                            letterSpacing: "wider",
+                            fontWeight: "medium",
+                            paddingX: "0.4rem",
+                            paddingY: "0.15rem",
+                            borderRadius: "full",
+                            backgroundColor: "success/5",
+                            color: "success",
+                        })}
+                    >
+                        en développement
+                    </span>
+                )}
+                <span
+                    className={css({
+                        fontSize: "sm",
+                        color: props.highlighted ? "primary" : "neutral",
+                        fontWeight: props.highlighted ? "medium" : "normal",
+                    })}
+                >
+                    {props.text}
+                </span>
+            </div>
         </div>
     )
 }
diff --git a/packages/dashboard/src/features/website/heroIllustration.tsx b/packages/dashboard/src/features/website/heroIllustration.tsx
index c0f6b08..1164d9c 100644
--- a/packages/dashboard/src/features/website/heroIllustration.tsx
+++ b/packages/dashboard/src/features/website/heroIllustration.tsx
@@ -2,6 +2,60 @@ import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function HeroIllustration() {
+    const dim = css({ color: "neutral/30" })
+    const muted = css({ color: "neutral/50" })
+    const text = css({ color: "neutral/80" })
+    const accent = css({ color: "primary" })
+    const accentDim = css({ color: "primary/50" })
+    const success = css({ color: "success" })
+    const error = css({ color: "error" })
+
+    return (
+        <div
+            className={css({
+                width: "fit-content",
+                height: "auto",
+                fontFamily: "mono",
+                fontSize: "xs",
+                lineHeight: "1.35",
+                color: "neutral/80",
+                whiteSpace: "pre",
+                userSelect: "none",
+            })}
+        >
+            {/* ── Top frame ── */}
+            <span className={dim}>{"╭──────────────────────────────────────╮\n"}</span>
+            <span className={dim}>{"│"}</span><span className={accent}>{" ◆ Arrhes"}</span><span className={muted}>{"         Exercice 2026       "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"├──────────────────────────────────────┤\n"}</span>
+
+            {/* ── KPI row ── */}
+            <span className={dim}>{"│"}</span><span className={muted}>{" Chiffre d'affaires"}</span><span className={text}>{"      42 850,00 €  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{" Charges"}</span><span className={text}>{"                 24 310,00 €  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{" Résultat net"}</span><span className={accent}>{"            18 540,00 €  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"├──────────────────────────────────────┤\n"}</span>
+
+            {/* ── Journal table ── */}
+            <span className={dim}>{"│"}</span><span className={muted}>{" Date     Libellé          D       C  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{" ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 15/01  Fact. FC001   1 200      ·    "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 15/01  "}</span><span className={muted}>{"  Prestation       ·   1 000  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 15/01  "}</span><span className={muted}>{"  TVA coll.        ·     200  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 03/02  Fact. FC002   3 600      ·    "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 03/02  "}</span><span className={muted}>{"  Marchandises     ·   3 000  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={text}>{" 03/02  "}</span><span className={muted}>{"  TVA coll.        ·     600  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{"                   ···                "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"├──────────────────────────────────────┤\n"}</span>
+
+            {/* ── Footer summary ── */}
+            <span className={dim}>{"│"}</span><span className={muted}>{" Solde banque "}</span><span className={text}>{"  8 530,00 €  "}</span><span className={success}>{"  ▲ +12%  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{" Clients      "}</span><span className={text}>{"  4 260,00 €  "}</span><span className={error}>{"  ▼  -8%  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"│"}</span><span className={muted}>{" Fournisseurs "}</span><span className={text}>{"  2 140,00 €  "}</span><span className={success}>{"  ▲  +4%  "}</span><span className={dim}>{"│\n"}</span>
+            <span className={dim}>{"╰──────────────────────────────────────╯"}</span>
+        </div>
+    )
+}
+
+export function LegacyHeroIllustration() {
     return (
         <svg
             viewBox="0 0 200 160"
diff --git a/packages/dashboard/src/features/website/pricing.tsx b/packages/dashboard/src/features/website/pricing.tsx
index 6bd2cea..77614cf 100644
--- a/packages/dashboard/src/features/website/pricing.tsx
+++ b/packages/dashboard/src/features/website/pricing.tsx
@@ -20,6 +20,7 @@ import { FeatureItem } from "./featureItem.tsx"
 export function Pricing() {
     return (
         <div className={css({
+            width: "100%",
             display: "grid",
             gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
             gap: "1.5rem",
@@ -78,12 +79,12 @@ export function Pricing() {
                     <FeatureItem icon={<IconUsers />} text="Multiple accès par organisation" />
                     <FeatureItem icon={<IconFileText />} text="Génération de la liasse fiscale" />
                     <FeatureItem icon={<IconFileText />} text="Export du Fichier des Écritures Comptable (FEC)" />
-                    <FeatureItem icon={<IconSettings />} text="[dev] Accès à l'API" />
-                    <FeatureItem icon={<IconCalculator />} text="[dev] Comptabilité analytique" />
+                    <FeatureItem icon={<IconSettings />} text="Accès à l'API" isDev />
+                    <FeatureItem icon={<IconCalculator />} text="Comptabilité analytique" isDev />
                 </div>
 
                 <LinkButton
-                    to="/sign-up"
+                    to="/inscription"
                 >
                     <ButtonContent
                         variant="default"
@@ -123,10 +124,10 @@ export function Pricing() {
                         })}>
                             Plan professionel
                         </h2>
-                        <Badge>Pour nous soutenir</Badge>
+                        <Badge>Soutenir le projet</Badge>
                     </div>
                     <span>
-                        20,00€ / mois (HT)
+                        30,00€ / mois (HT)
                     </span>
                     <p className={css({
                         fontSize: "sm",
@@ -143,11 +144,11 @@ export function Pricing() {
                     flex: "1"
                 })}>
                     <FeatureItem icon={<IconCheck />} text="Tout le plan gratuit" />
-                    <FeatureItem icon={<IconCloudUpload />} text="Stockage illimité de documents" highlighted />
+                    <FeatureItem icon={<IconCloudUpload />} text="Stockage de documents (jusqu'à 1To)" highlighted />
                     <FeatureItem icon={<IconSparkles />} text="Assistant IA" highlighted />
                     <FeatureItem icon={<IconLifebuoy />} text="Support prioritaire" highlighted />
                 </div>
-                {/* <LinkButton to="/sign-up">
+                {/* <LinkButton to="/inscription">
                         <ButtonContent
                             variant="primary"
                             text="Essayer gratuitement"
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
index 2043861..d640817 100644
--- a/packages/dashboard/src/features/website/websitePage.tsx
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -5,7 +5,6 @@ import {
     IconGavel,
     IconUser
 } from "@tabler/icons-react"
-import { Link } from "@tanstack/react-router"
 import { LinkButton } from "../../components/linkButton.js"
 import { css } from "../../utilities/cn.js"
 import { HeroIllustration } from "./heroIllustration.js"
@@ -53,11 +52,11 @@ export function WebsitePage() {
                         gap: "1rem",
                     })}
                 >
-                    <Link
+                    <LinkButton
                         to="/"
                     >
                         <Logo withText />
-                    </Link>
+                    </LinkButton>
                     <nav
                         className={css({
                             display: "flex",
@@ -114,7 +113,7 @@ export function WebsitePage() {
                         width: "100%",
                         maxWidth: "xl",
                         display: "flex",
-                        flexDirection: { base: "column", md: "row" },
+                        flexDirection: "row",
                         justifyContent: "space-between",
                         alignItems: "center",
                         gap: "3rem",
@@ -175,7 +174,7 @@ export function WebsitePage() {
                             gap: "0.5rem"
                         })}>
                             <LinkButton
-                                to="/sign-up"
+                                to="/inscription"
                             >
                                 <ButtonContent
                                     variant="primary"
@@ -201,8 +200,8 @@ export function WebsitePage() {
                             display: { base: "none", md: "flex" },
                             justifyContent: "center",
                             alignItems: "center",
-                            flex: "1",
-                            maxWidth: "20rem",
+                            // flex: "1",
+                            // maxWidth: "20rem",
                         })}
                     >
                         <HeroIllustration />
diff --git a/packages/dashboard/src/routes/catchRoute.tsx b/packages/dashboard/src/routes/catchRoute.tsx
index 1428e81..7c4be0f 100644
--- a/packages/dashboard/src/routes/catchRoute.tsx
+++ b/packages/dashboard/src/routes/catchRoute.tsx
@@ -1,7 +1,7 @@
-import { createRoute, redirect } from "@tanstack/react-router"
-import { rootLayoutRoute } from "./rootLayoutRoute.js"
-
-
+import { createRoute, redirect } from "@tanstack/react-router"
+import { rootLayoutRoute } from "./rootLayoutRoute.js"
+
+
 export const catchRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
     path: '$',
@@ -17,7 +17,7 @@ export const catchRoute = createRoute({
             })
         }
         throw redirect({
-            to: "/sign-in"
+            to: "/connexion"
         })
     }
 })
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
index c0ec814..a426c52 100644
--- a/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardLayoutRoute.tsx
@@ -13,7 +13,7 @@ export const dashboardLayoutRoute = createRoute({
     beforeLoad: ({ context }) => {
         if (context.isAuthenticated !== true) {
             throw redirect({
-                to: "/sign-in"
+                to: "/connexion"
             })
         }
     },
diff --git a/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts b/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
index 5e1f140..3490e33 100644
--- a/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
+++ b/packages/dashboard/src/routes/root/dashboard/dashboardTree.ts
@@ -6,8 +6,8 @@ import { organizationPathRoute } from "./organizations/$idOrganization/organizat
 import { organizationRoute } from "./organizations/$idOrganization/organizationRoute.tsx"
 import { organizationSettingsLayoutRoute } from "./organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx"
 import { organizationSettingsRoute } from "./organizations/$idOrganization/organizationSettings/organizationSettingsRoute.tsx"
-import { organizationUsersLayoutRoute } from "./organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx"
-import { organizationUsersRoute } from "./organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx"
+import { organizationUsersLayoutRoute } from "./organizations/$idOrganization/organizationUsers/organizationUsersLayoutRoute.tsx"
+import { organizationUsersRoute } from "./organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx"
 import { attachmentLayoutRoute } from "./organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentLayoutRoute.tsx"
 import { attachmentRoute } from "./organizations/$idOrganization/years/$idYear/attachments/$idAttachment/attachmentRoute.tsx"
 import { attachmentsLayoutRoute } from "./organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx"
@@ -76,11 +76,11 @@ export const dashboardTree: AnyRoute = dashboardLayoutRoute.addChildren([
                 yearsLayoutRoute.addChildren([
                     yearsRoute
                 ]),
+                organizationUsersLayoutRoute.addChildren([
+                    organizationUsersRoute
+                ]),
                 organizationSettingsLayoutRoute.addChildren([
                     organizationSettingsRoute,
-                    organizationUsersLayoutRoute.addChildren([
-                        organizationUsersRoute
-                    ])
                 ])
             ]),
             yearsPathRoute.addChildren([
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
index 331606d..59876fb 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.tsx
@@ -1,5 +1,4 @@
-import { createRoute } from "@tanstack/react-router"
-import { OrganizationSettingsLayout } from "../../../../../../features/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayout.js"
+import { createRoute, Outlet } from "@tanstack/react-router"
 import { organizationLayoutRoute } from "../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationLayoutRoute.js"
 
 
@@ -10,6 +9,6 @@ export const organizationSettingsLayoutRoute = createRoute({
         title: "Paramètres"
     }),
     component: () => (
-        <OrganizationSettingsLayout />
+        <Outlet />
     )
 })
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
deleted file mode 100644
index eb25c3e..0000000
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersRoute.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { OrganizationUsersPage } from "../../../../../../../features/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersPage.js"
-import { organizationUsersLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.js"
-
-
-export const organizationUsersRoute = createRoute({
-    getParentRoute: () => organizationUsersLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: undefined
-    }),
-    component: () => (
-        <OrganizationUsersPage />
-    )
-})
-
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersLayoutRoute.tsx
similarity index 51%
rename from packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersLayoutRoute.tsx
index efb34c7..b843acc 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationUsers/organizationUsersLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersLayoutRoute.tsx
@@ -1,9 +1,9 @@
 import { createRoute, Outlet } from "@tanstack/react-router"
-import { organizationSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/organizationSettings/organizationSettingsLayoutRoute.js"
+import { organizationLayoutRoute } from "../organizationLayoutRoute.tsx"
 
 
 export const organizationUsersLayoutRoute = createRoute({
-    getParentRoute: () => organizationSettingsLayoutRoute,
+    getParentRoute: () => organizationLayoutRoute,
     path: "/membres",
     beforeLoad: () => ({
         title: "Membres"
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx
new file mode 100644
index 0000000..2cecca2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersRoute.tsx
@@ -0,0 +1,16 @@
+import { createRoute } from "@tanstack/react-router"
+import { organizationUsersLayoutRoute } from "./organizationUsersLayoutRoute.js"
+import { OrganizationUsersPage } from "../../../../../../features/dashboard/organizations/$idOrganization/organizationUsers/organizationUsersPage.js"
+
+
+export const organizationUsersRoute = createRoute({
+    getParentRoute: () => organizationUsersLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: undefined
+    }),
+    component: () => (
+        <OrganizationUsersPage />
+    )
+})
+
diff --git a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
index f80b010..84ac350 100644
--- a/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.tsx
@@ -6,7 +6,7 @@ export const attachmentsLayoutRoute = createRoute({
     getParentRoute: () => yearLayoutRoute,
     path: "/fichiers",
     beforeLoad: () => ({
-        title: "Stockage de fichiers"
+        title: "Stockage"
     }),
     component: () => (
         <Outlet />
diff --git a/packages/dashboard/src/routes/root/signIn/signInRoute.tsx b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
index 59fb013..37c36cc 100644
--- a/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
+++ b/packages/dashboard/src/routes/root/signIn/signInRoute.tsx
@@ -6,7 +6,7 @@ import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 export const signInRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
-    path: '/sign-in',
+    path: '/connexion',
     pendingComponent: () => <CircularLoader />,
     beforeLoad: async ({ context }) => {
         if (context.isAuthenticated === true) {
diff --git a/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
index a9cc1b9..fc96cb1 100644
--- a/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
+++ b/packages/dashboard/src/routes/root/signUp/signUpRoute.tsx
@@ -6,7 +6,7 @@ import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 export const signUpRoute = createRoute({
     getParentRoute: () => rootLayoutRoute,
-    path: '/sign-up',
+    path: '/inscription',
     pendingComponent: () => (
         <CircularLoader />
     ),
diff --git a/packages/tools/src/seed/seed.ts b/packages/tools/src/seed/seed.ts
index c8ca949..6c29c27 100644
--- a/packages/tools/src/seed/seed.ts
+++ b/packages/tools/src/seed/seed.ts
@@ -451,142 +451,328 @@ async function seed() {
             // ==========================================
             console.log("Creating sample records and record rows...")
 
-            // Get some accounts for sample entries
-            const account512 = newAccounts.find(a => a.originalNumber === 512) // Banque
-            const account401 = newAccounts.find(a => a.originalNumber === 401) // Fournisseurs (we need to check if it exists)
-            const account411 = newAccounts.find(a => a.originalNumber === 411) // Clients
-            const account706 = newAccounts.find(a => a.originalNumber === 706) // Prestations de services
-            const account607 = newAccounts.find(a => a.originalNumber === 607) // Achats de marchandises
-            const account44566 = newAccounts.find(a => a.originalNumber === 44566) // TVA deductible
-            const account44571 = newAccounts.find(a => a.originalNumber === 44571) // TVA collectee
+            // Account lookup helper
+            const acc = (num: number) => newAccounts.find(a => a.originalNumber === num)
 
+            // Journal lookup
             const journalVT = journalByCode.get("VT")
             const journalAC = journalByCode.get("AC")
             const journalBQ = journalByCode.get("BQ")
-
-            const sampleRecords: {
-                record: typeof models.record.$inferInsert
-                rows: typeof models.recordRow.$inferInsert[]
-            }[] = []
-
-            // Sample sale record
-            if (journalVT && account411 && account706 && account44571) {
+            const journalOD = journalByCode.get("OD")
+
+            // Record label lookup by label text
+            const rlByLabel = new Map(newRecordLabels.map(rl => [rl.label, rl]))
+
+            // Helper: build a record + rows entry
+            function makeRecord(
+                journal: typeof newJournals[number],
+                label: string,
+                date: Date,
+                idRecordLabel: string | null,
+                rows: { idAccount: string; label: string; debit: string; credit: string }[]
+            ) {
                 const recordId = generateId()
-                sampleRecords.push({
+                return {
                     record: {
                         id: recordId,
                         idOrganization: populatedOrganization.id,
                         idYear: newYear.id,
-                        idJournal: journalVT.id,
+                        idJournal: journal.id,
                         idAttachment: null,
-                        idRecordLabel: newRecordLabels[2].id, // Vente client
-                        label: "Facture client FC001",
-                        date: new Date(currentDate.getFullYear(), 0, 15).toISOString(),
+                        idRecordLabel: idRecordLabel,
+                        label: label,
+                        date: date.toISOString(),
                         createdAt: createdAt,
-                    },
-                    rows: [
-                        {
-                            id: generateId(),
-                            idOrganization: populatedOrganization.id,
-                            idYear: newYear.id,
-                            idRecord: recordId,
-                            idAccount: account411.id,
-                            isComputedForJournalReport: false,
-                            isComputedForLedgerReport: false,
-                            isComputedForBalanceReport: false,
-                            isComputedForBalanceSheetReport: false,
-                            isComputedForIncomeStatementReport: false,
-                            label: "Client - Facture FC001",
-                            debit: "1200.00",
-                            credit: "0.00",
-                            createdAt: createdAt,
-                        },
-                        {
-                            id: generateId(),
-                            idOrganization: populatedOrganization.id,
-                            idYear: newYear.id,
-                            idRecord: recordId,
-                            idAccount: account706.id,
-                            isComputedForJournalReport: false,
-                            isComputedForLedgerReport: false,
-                            isComputedForBalanceReport: false,
-                            isComputedForBalanceSheetReport: false,
-                            isComputedForIncomeStatementReport: false,
-                            label: "Prestation de services",
-                            debit: "0.00",
-                            credit: "1000.00",
-                            createdAt: createdAt,
-                        },
-                        {
-                            id: generateId(),
-                            idOrganization: populatedOrganization.id,
-                            idYear: newYear.id,
-                            idRecord: recordId,
-                            idAccount: account44571.id,
-                            isComputedForJournalReport: false,
-                            isComputedForLedgerReport: false,
-                            isComputedForBalanceReport: false,
-                            isComputedForBalanceSheetReport: false,
-                            isComputedForIncomeStatementReport: false,
-                            label: "TVA collectee",
-                            debit: "0.00",
-                            credit: "200.00",
-                            createdAt: createdAt,
-                        },
-                    ],
-                })
-            }
-
-            // Sample bank receipt record
-            if (journalBQ && account512 && account411) {
-                const recordId = generateId()
-                sampleRecords.push({
-                    record: {
-                        id: recordId,
+                    } satisfies typeof models.record.$inferInsert,
+                    rows: rows.map((r) => ({
+                        id: generateId(),
                         idOrganization: populatedOrganization.id,
                         idYear: newYear.id,
-                        idJournal: journalBQ.id,
-                        idAttachment: null,
-                        idRecordLabel: null,
-                        label: "Encaissement client",
-                        date: new Date(currentDate.getFullYear(), 1, 1).toISOString(),
+                        idRecord: recordId,
+                        idAccount: r.idAccount,
+                        isComputedForJournalReport: false,
+                        isComputedForLedgerReport: false,
+                        isComputedForBalanceReport: false,
+                        isComputedForBalanceSheetReport: false,
+                        isComputedForIncomeStatementReport: false,
+                        label: r.label,
+                        debit: r.debit,
+                        credit: r.credit,
                         createdAt: createdAt,
-                    },
-                    rows: [
-                        {
-                            id: generateId(),
-                            idOrganization: populatedOrganization.id,
-                            idYear: newYear.id,
-                            idRecord: recordId,
-                            idAccount: account512.id,
-                            isComputedForJournalReport: false,
-                            isComputedForLedgerReport: false,
-                            isComputedForBalanceReport: false,
-                            isComputedForBalanceSheetReport: false,
-                            isComputedForIncomeStatementReport: false,
-                            label: "Encaissement FC001",
-                            debit: "1200.00",
-                            credit: "0.00",
-                            createdAt: createdAt,
-                        },
-                        {
-                            id: generateId(),
-                            idOrganization: populatedOrganization.id,
-                            idYear: newYear.id,
-                            idRecord: recordId,
-                            idAccount: account411.id,
-                            isComputedForJournalReport: false,
-                            isComputedForLedgerReport: false,
-                            isComputedForBalanceReport: false,
-                            isComputedForBalanceSheetReport: false,
-                            isComputedForIncomeStatementReport: false,
-                            label: "Reglement client",
-                            debit: "0.00",
-                            credit: "1200.00",
-                            createdAt: createdAt,
-                        },
-                    ],
-                })
+                    } satisfies typeof models.recordRow.$inferInsert)),
+                }
+            }
+
+            const y = currentDate.getFullYear()
+            const sampleRecords: ReturnType<typeof makeRecord>[] = []
+
+            // ---- SALES (VT) ----
+            if (journalVT && acc(411) && acc(706) && acc(707) && acc(44571)) {
+                // FC001 — Prestation de services (January)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC001", new Date(y, 0, 15),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC001", debit: "1200.00", credit: "0.00" },
+                    { idAccount: acc(706)!.id, label: "Prestation de services", debit: "0.00", credit: "1000.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "200.00" },
+                ]))
+                // FC002 — Vente de marchandises (February)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC002", new Date(y, 1, 3),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC002", debit: "3600.00", credit: "0.00" },
+                    { idAccount: acc(707)!.id, label: "Vente de marchandises", debit: "0.00", credit: "3000.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "600.00" },
+                ]))
+                // FC003 — Prestation (March)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC003", new Date(y, 2, 10),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC003", debit: "2400.00", credit: "0.00" },
+                    { idAccount: acc(706)!.id, label: "Prestation de services", debit: "0.00", credit: "2000.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "400.00" },
+                ]))
+                // FC004 — Vente de marchandises (May)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC004", new Date(y, 4, 20),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC004", debit: "960.00", credit: "0.00" },
+                    { idAccount: acc(707)!.id, label: "Vente de marchandises", debit: "0.00", credit: "800.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "160.00" },
+                ]))
+                // FC005 — Prestation (July)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC005", new Date(y, 6, 8),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC005", debit: "5400.00", credit: "0.00" },
+                    { idAccount: acc(706)!.id, label: "Prestation de services", debit: "0.00", credit: "4500.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "900.00" },
+                ]))
+                // FC006 — Vente (September)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC006", new Date(y, 8, 12),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC006", debit: "1800.00", credit: "0.00" },
+                    { idAccount: acc(707)!.id, label: "Vente de marchandises", debit: "0.00", credit: "1500.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "300.00" },
+                ]))
+                // FC007 — Prestation (November)
+                sampleRecords.push(makeRecord(journalVT, "Facture client FC007", new Date(y, 10, 5),
+                    rlByLabel.get("Vente client")?.id ?? null, [
+                    { idAccount: acc(411)!.id, label: "Client - Facture FC007", debit: "3000.00", credit: "0.00" },
+                    { idAccount: acc(706)!.id, label: "Prestation de services", debit: "0.00", credit: "2500.00" },
+                    { idAccount: acc(44571)!.id, label: "TVA collectee 20%", debit: "0.00", credit: "500.00" },
+                ]))
+            }
+
+            // ---- PURCHASES (AC) ----
+            if (journalAC && acc(401) && acc(44566)) {
+                // Achat de marchandises (January)
+                if (acc(607)) {
+                    sampleRecords.push(makeRecord(journalAC, "Facture fournisseur FF001", new Date(y, 0, 10),
+                        rlByLabel.get("Facture fournisseur")?.id ?? null, [
+                        { idAccount: acc(607)!.id, label: "Achats de marchandises", debit: "2500.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "500.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Fournisseur - FF001", debit: "0.00", credit: "3000.00" },
+                    ]))
+                }
+                // Loyer mensuel — January to June (monthly)
+                if (acc(613)) {
+                    for (let m = 0; m < 6; m++) {
+                        sampleRecords.push(makeRecord(journalAC, `Loyer bureau - ${String(m + 1).padStart(2, "0")}/${y}`, new Date(y, m, 1),
+                            rlByLabel.get("Loyer mensuel")?.id ?? null, [
+                            { idAccount: acc(613)!.id, label: "Loyer bureau mensuel", debit: "1500.00", credit: "0.00" },
+                            { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "300.00", credit: "0.00" },
+                            { idAccount: acc(401)!.id, label: "Bailleur - loyer", debit: "0.00", credit: "1800.00" },
+                        ]))
+                    }
+                }
+                // Fournitures de bureau (March)
+                if (acc(606)) {
+                    sampleRecords.push(makeRecord(journalAC, "Facture fournitures bureau", new Date(y, 2, 18),
+                        rlByLabel.get("Facture fournisseur")?.id ?? null, [
+                        { idAccount: acc(606)!.id, label: "Fournitures de bureau", debit: "350.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "70.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Fournisseur - fournitures", debit: "0.00", credit: "420.00" },
+                    ]))
+                }
+                // Assurance annuelle (January)
+                if (acc(616)) {
+                    sampleRecords.push(makeRecord(journalAC, "Prime assurance RC Pro", new Date(y, 0, 5),
+                        null, [
+                        { idAccount: acc(616)!.id, label: "Assurance RC Pro annuelle", debit: "1800.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Assureur", debit: "0.00", credit: "1800.00" },
+                    ]))
+                }
+                // Honoraires comptable (April)
+                if (acc(622)) {
+                    sampleRecords.push(makeRecord(journalAC, "Honoraires expert-comptable T1", new Date(y, 3, 15),
+                        null, [
+                        { idAccount: acc(622)!.id, label: "Honoraires comptable", debit: "2000.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "400.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Expert-comptable", debit: "0.00", credit: "2400.00" },
+                    ]))
+                }
+                // Abonnement internet — January to June (monthly)
+                if (acc(626)) {
+                    for (let m = 0; m < 6; m++) {
+                        sampleRecords.push(makeRecord(journalAC, `Abonnement internet - ${String(m + 1).padStart(2, "0")}/${y}`, new Date(y, m, 5),
+                            rlByLabel.get("Abonnement internet")?.id ?? null, [
+                            { idAccount: acc(626)!.id, label: "Abonnement internet", debit: "49.00", credit: "0.00" },
+                            { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "9.80", credit: "0.00" },
+                            { idAccount: acc(401)!.id, label: "FAI - abonnement", debit: "0.00", credit: "58.80" },
+                        ]))
+                    }
+                }
+                // Déplacement professionnel (June)
+                if (acc(625)) {
+                    sampleRecords.push(makeRecord(journalAC, "Frais deplacement salon professionnel", new Date(y, 5, 22),
+                        null, [
+                        { idAccount: acc(625)!.id, label: "Deplacement salon Paris", debit: "450.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 10%", debit: "45.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Agence de voyage", debit: "0.00", credit: "495.00" },
+                    ]))
+                }
+                // Achat marchandises supplémentaire (August)
+                if (acc(607)) {
+                    sampleRecords.push(makeRecord(journalAC, "Facture fournisseur FF002", new Date(y, 7, 5),
+                        rlByLabel.get("Facture fournisseur")?.id ?? null, [
+                        { idAccount: acc(607)!.id, label: "Achats de marchandises", debit: "4200.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "840.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "Fournisseur - FF002", debit: "0.00", credit: "5040.00" },
+                    ]))
+                }
+            }
+
+            // ---- SALAIRES (OD) ----
+            if (journalOD && acc(641) && acc(645) && acc(421) && acc(431)) {
+                // Monthly payroll — January to June
+                for (let m = 0; m < 6; m++) {
+                    const monthStr = String(m + 1).padStart(2, "0")
+                    sampleRecords.push(makeRecord(journalOD, `Salaires ${monthStr}/${y}`, new Date(y, m, 28),
+                        rlByLabel.get("Salaires")?.id ?? null, [
+                        { idAccount: acc(641)!.id, label: "Remunerations brutes", debit: "3500.00", credit: "0.00" },
+                        { idAccount: acc(421)!.id, label: "Salaire net a payer", debit: "0.00", credit: "2730.00" },
+                        { idAccount: acc(431)!.id, label: "Cotisations salariales URSSAF", debit: "0.00", credit: "770.00" },
+                    ]))
+                    sampleRecords.push(makeRecord(journalOD, `Charges sociales ${monthStr}/${y}`, new Date(y, m, 28),
+                        rlByLabel.get("Charges sociales")?.id ?? null, [
+                        { idAccount: acc(645)!.id, label: "Charges patronales", debit: "1540.00", credit: "0.00" },
+                        { idAccount: acc(431)!.id, label: "Cotisations patronales URSSAF", debit: "0.00", credit: "1540.00" },
+                    ]))
+                }
+            }
+
+            // ---- BANK (BQ) — Receipts and payments ----
+            if (journalBQ && acc(512)) {
+                // Client payments (matching sales invoices)
+                if (acc(411)) {
+                    sampleRecords.push(makeRecord(journalBQ, "Encaissement client FC001", new Date(y, 1, 1),
+                        null, [
+                        { idAccount: acc(512)!.id, label: "Encaissement FC001", debit: "1200.00", credit: "0.00" },
+                        { idAccount: acc(411)!.id, label: "Reglement client FC001", debit: "0.00", credit: "1200.00" },
+                    ]))
+                    sampleRecords.push(makeRecord(journalBQ, "Encaissement client FC002", new Date(y, 2, 5),
+                        null, [
+                        { idAccount: acc(512)!.id, label: "Encaissement FC002", debit: "3600.00", credit: "0.00" },
+                        { idAccount: acc(411)!.id, label: "Reglement client FC002", debit: "0.00", credit: "3600.00" },
+                    ]))
+                    sampleRecords.push(makeRecord(journalBQ, "Encaissement client FC003", new Date(y, 3, 2),
+                        null, [
+                        { idAccount: acc(512)!.id, label: "Encaissement FC003", debit: "2400.00", credit: "0.00" },
+                        { idAccount: acc(411)!.id, label: "Reglement client FC003", debit: "0.00", credit: "2400.00" },
+                    ]))
+                    sampleRecords.push(makeRecord(journalBQ, "Encaissement client FC005", new Date(y, 7, 1),
+                        null, [
+                        { idAccount: acc(512)!.id, label: "Encaissement FC005", debit: "5400.00", credit: "0.00" },
+                        { idAccount: acc(411)!.id, label: "Reglement client FC005", debit: "0.00", credit: "5400.00" },
+                    ]))
+                }
+                // Supplier payments
+                if (acc(401)) {
+                    sampleRecords.push(makeRecord(journalBQ, "Reglement fournisseur FF001", new Date(y, 1, 10),
+                        null, [
+                        { idAccount: acc(401)!.id, label: "Reglement fournisseur FF001", debit: "3000.00", credit: "0.00" },
+                        { idAccount: acc(512)!.id, label: "Paiement FF001", debit: "0.00", credit: "3000.00" },
+                    ]))
+                    // Loyer payments — January to June
+                    for (let m = 0; m < 6; m++) {
+                        sampleRecords.push(makeRecord(journalBQ, `Paiement loyer ${String(m + 1).padStart(2, "0")}/${y}`, new Date(y, m, 5),
+                            rlByLabel.get("Loyer mensuel")?.id ?? null, [
+                            { idAccount: acc(401)!.id, label: "Reglement bailleur", debit: "1800.00", credit: "0.00" },
+                            { idAccount: acc(512)!.id, label: "Paiement loyer", debit: "0.00", credit: "1800.00" },
+                        ]))
+                    }
+                    // Assurance payment
+                    sampleRecords.push(makeRecord(journalBQ, "Paiement assurance RC Pro", new Date(y, 0, 20),
+                        null, [
+                        { idAccount: acc(401)!.id, label: "Reglement assureur", debit: "1800.00", credit: "0.00" },
+                        { idAccount: acc(512)!.id, label: "Paiement assurance", debit: "0.00", credit: "1800.00" },
+                    ]))
+                    // Internet payments — January to June
+                    for (let m = 0; m < 6; m++) {
+                        sampleRecords.push(makeRecord(journalBQ, `Paiement internet ${String(m + 1).padStart(2, "0")}/${y}`, new Date(y, m, 10),
+                            rlByLabel.get("Abonnement internet")?.id ?? null, [
+                            { idAccount: acc(401)!.id, label: "Reglement FAI", debit: "58.80", credit: "0.00" },
+                            { idAccount: acc(512)!.id, label: "Paiement abonnement internet", debit: "0.00", credit: "58.80" },
+                        ]))
+                    }
+                    // Honoraires payment
+                    sampleRecords.push(makeRecord(journalBQ, "Paiement honoraires comptable", new Date(y, 4, 10),
+                        null, [
+                        { idAccount: acc(401)!.id, label: "Reglement expert-comptable", debit: "2400.00", credit: "0.00" },
+                        { idAccount: acc(512)!.id, label: "Paiement honoraires", debit: "0.00", credit: "2400.00" },
+                    ]))
+                    // Deplacement payment
+                    sampleRecords.push(makeRecord(journalBQ, "Paiement frais deplacement", new Date(y, 6, 2),
+                        null, [
+                        { idAccount: acc(401)!.id, label: "Reglement agence voyage", debit: "495.00", credit: "0.00" },
+                        { idAccount: acc(512)!.id, label: "Paiement deplacement", debit: "0.00", credit: "495.00" },
+                    ]))
+                    // FF002 payment
+                    sampleRecords.push(makeRecord(journalBQ, "Reglement fournisseur FF002", new Date(y, 8, 1),
+                        null, [
+                        { idAccount: acc(401)!.id, label: "Reglement fournisseur FF002", debit: "5040.00", credit: "0.00" },
+                        { idAccount: acc(512)!.id, label: "Paiement FF002", debit: "0.00", credit: "5040.00" },
+                    ]))
+                }
+                // Salary payments — January to June
+                if (acc(421)) {
+                    for (let m = 0; m < 6; m++) {
+                        sampleRecords.push(makeRecord(journalBQ, `Virement salaire ${String(m + 1).padStart(2, "0")}/${y}`, new Date(y, m + 1, 1),
+                            rlByLabel.get("Salaires")?.id ?? null, [
+                            { idAccount: acc(421)!.id, label: "Paiement salaire net", debit: "2730.00", credit: "0.00" },
+                            { idAccount: acc(512)!.id, label: "Virement salaire", debit: "0.00", credit: "2730.00" },
+                        ]))
+                    }
+                }
+                // Social charges payments — quarterly
+                if (acc(431)) {
+                    for (const quarter of [0, 3]) {
+                        const qLabel = quarter === 0 ? "T1" : "T2"
+                        sampleRecords.push(makeRecord(journalBQ, `Paiement cotisations URSSAF ${qLabel}`, new Date(y, quarter + 3, 15),
+                            rlByLabel.get("Charges sociales")?.id ?? null, [
+                            { idAccount: acc(431)!.id, label: `Reglement URSSAF ${qLabel}`, debit: "6930.00", credit: "0.00" },
+                            { idAccount: acc(512)!.id, label: `Paiement URSSAF ${qLabel}`, debit: "0.00", credit: "6930.00" },
+                        ]))
+                    }
+                }
+                // Electricite — bimonthly
+                if (acc(606) && acc(401)) {
+                    for (const m of [1, 3, 5]) {
+                        sampleRecords.push(makeRecord(journalBQ, `Prelevement electricite`, new Date(y, m, 15),
+                            rlByLabel.get("Electricite")?.id ?? null, [
+                            { idAccount: acc(401)!.id, label: "Fournisseur electricite", debit: "180.00", credit: "0.00" },
+                            { idAccount: acc(512)!.id, label: "Paiement electricite", debit: "0.00", credit: "180.00" },
+                        ]))
+                    }
+                }
+            }
+
+            // ---- ELECTRICITE purchases (AC) ----
+            if (journalAC && acc(606) && acc(44566) && acc(401)) {
+                for (const m of [1, 3, 5]) {
+                    sampleRecords.push(makeRecord(journalAC, `Facture electricite bimestrielle`, new Date(y, m, 10),
+                        rlByLabel.get("Electricite")?.id ?? null, [
+                        { idAccount: acc(606)!.id, label: "Electricite bureau", debit: "150.00", credit: "0.00" },
+                        { idAccount: acc(44566)!.id, label: "TVA deductible 20%", debit: "30.00", credit: "0.00" },
+                        { idAccount: acc(401)!.id, label: "EDF", debit: "0.00", credit: "180.00" },
+                    ]))
+                }
             }
 
             // Insert records
@@ -607,7 +793,7 @@ async function seed() {
             console.log(`- ${newComputations.length} computations created`)
             console.log(`- ${newComputationIncomeStatements.length} computation-income statement links created`)
             console.log(`- ${newRecordLabels.length} record labels created`)
-            console.log(`- ${sampleRecords.length} sample records created`)
+            console.log(`- ${sampleRecords.length} sample records created (${sampleRecords.reduce((sum, r) => sum + r.rows.length, 0)} record rows)`)
         })
 
     } catch (error) {
diff --git a/packages/ui/panda.config.ts b/packages/ui/panda.config.ts
index 9ef3fa4..e59faf6 100644
--- a/packages/ui/panda.config.ts
+++ b/packages/ui/panda.config.ts
@@ -44,7 +44,7 @@ export default defineConfig({
                 error: { value: "#C91D1D" },
                 warning: { value: "#E8B130" },
                 information: { value: "#309be8" },
-                primary: { value: "#005b96" },
+                primary: { value: "#041E42" },
             },
             fonts: {
                 mono: { value: '"Sometype Mono", monospace' },
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
index b442900..2dcbb4c 100644
--- a/packages/ui/src/components/buttons/buttonContent.tsx
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -318,7 +318,7 @@ export function ButtonContent(props: {
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap",
                             fontSize: "0.875rem",
-                            lineHeight: "1",
+                            lineHeight: "1rem",
                         }),
                         textActiveStyles,
                         variant === "primary"
diff --git a/packages/ui/src/components/layouts/circularLoader.tsx b/packages/ui/src/components/layouts/circularLoader.tsx
index 5d08166..fb8e89d 100644
--- a/packages/ui/src/components/layouts/circularLoader.tsx
+++ b/packages/ui/src/components/layouts/circularLoader.tsx
@@ -1,5 +1,5 @@
 import { IconLoader2 } from "@tabler/icons-react"
-import { cx, css } from "../../utilities/cn.ts"
+import { css, cx } from "../../utilities/cn.ts"
 
 
 export function CircularLoader(props: {
@@ -13,7 +13,7 @@ export function CircularLoader(props: {
                 display: "flex",
                 justifyContent: "flex-start",
                 alignItems: "center",
-                gap: "2",
+                gap: "0.5rem",
             }),
             props.className
         )}>

From 33e885346df470a08cf2c3c97df74257b654a3ba Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Thu, 12 Feb 2026 17:06:31 +0100
Subject: [PATCH 21/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(dashboard):?=
 =?UTF-8?q?=20restructure=20documentation=20and=20improve=20layout=20syste?=
 =?UTF-8?q?m?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- change license from MIT to AGPL-3.0-only and add license
  field to package.json
- rebuild documentation routing with nested layout routes
  (general, accounting, dashboard sections) replacing flat
  route structure
- remove old doc pages (api, ai, comptabilite, guide,
  root) and replace with new page components using
  consistent naming convention (e.g. rootAccountingDocPage,
  gettingStartedDashboardDocPage)
- move sectionTab and sidebarNavigation from components/
  subdirectory to docs/ feature directory
- add new doc components: docRoot, docLastUpdate,
  docTextSection
- add new dashboard doc pages: years, attachments
- add new general doc pages: whitepaper, features, legal,
  privacy, terms, support, pricing
- use UTF-8 characters in documentation route paths
  (comptabilité, écritures, démarrage, etc.)
- wrap report and settings pages with Page.Root/
  Page.Content layout components
- refactor subPageLayout to center content with maxWidth
  and fix active route matching with path normalization
- update document components (docExample, docList,
  docNextPage, docSection, docDefinition) to use explicit
  CSS units and flex layout instead of spacing tokens
- replace IconCheck with text symbols in docList, use
  ButtonContent in docNextPage
- move paddingY from pageRoot to pageContent, reduce
  listTableRow padding
- add scrollbar-gutter: stable to html element
- set 30s default staleTime for react-query
- use percentage-based width in rootLayout instead of dvw
  units
- comment out flex styles in linkButton component
---
 LICENSE                                       | 682 +++++++++++++++++-
 package.json                                  |   1 +
 packages/dashboard/src/assets/css/root.css    |   6 +-
 .../src/components/document/docDefinition.tsx |   5 +-
 .../src/components/document/docExample.tsx    |  59 +-
 .../src/components/document/docLastUpdate.tsx |  18 +
 .../src/components/document/docList.tsx       |  69 +-
 .../src/components/document/docNextPage.tsx   |  68 +-
 .../src/components/document/docRoot.tsx       |  19 +
 .../src/components/document/docSection.tsx    |  20 +-
 .../components/document/docTextSection.tsx    |  54 ++
 .../layouts/listTable/listTableRow.tsx        |   2 +-
 .../components/layouts/page/pageContent.tsx   |   7 +-
 .../src/components/layouts/page/pageRoot.tsx  |   1 -
 .../src/components/layouts/subPageLayout.tsx  | 222 +++---
 .../dashboard/src/components/linkButton.tsx   |   6 +-
 .../src/contexts/data/queryClient.ts          |   8 +-
 .../balanceReport/balanceReportPage.tsx       |  75 +-
 .../balanceSheetReportPage.tsx                | 155 ++--
 .../incomeStatementReportPage.tsx             | 177 ++---
 .../journalReport/journalReportPage.tsx       |  75 +-
 .../reports/ledgerReport/ledgerReportPage.tsx |  75 +-
 .../years/$idYear/reports/reportsLayout.tsx   | 114 ++-
 .../yearSettings/accounts/accountsPage.tsx    |  69 +-
 .../yearSettings/accounts/accountsTable.tsx   | 124 ++--
 .../balanceSheets/balanceSheetsPage.tsx       | 121 ++--
 .../incomeStatements/incomeStatementsPage.tsx | 149 ++--
 .../yearSettings/journals/journalsPage.tsx    |  63 +-
 .../recordLabels/recordLabelsPage.tsx         |  43 +-
 .../yearSettings/yearSettingsLayout.tsx       | 129 ++--
 .../$idYear/yearSettings/yearSettingsPage.tsx |  11 +-
 .../accountsAccountingDocPage.tsx}            |   4 +-
 .../introductionAccountingDocPage.tsx}        |  15 +-
 .../recordsAccountingDocPage.tsx}             |  17 +-
 .../reportsAccountingDocPage.tsx}             |  15 +-
 .../docs/accounting/rootAccountingDocPage.tsx |  44 ++
 .../src/features/docs/ai/analyse.tsx          | 249 -------
 .../src/features/docs/ai/assistant.tsx        | 245 -------
 .../dashboard/src/features/docs/aiIndex.tsx   | 151 ----
 .../features/docs/api/authentification.tsx    | 191 -----
 .../src/features/docs/api/comptes.tsx         | 313 --------
 .../src/features/docs/api/ecritures.tsx       | 318 --------
 .../src/features/docs/api/erreurs.tsx         | 275 -------
 .../src/features/docs/api/exercices.tsx       | 259 -------
 .../src/features/docs/api/organisations.tsx   | 253 -------
 .../dashboard/src/features/docs/apiIndex.tsx  | 206 ------
 .../src/features/docs/comptabiliteIndex.tsx   |  55 --
 .../dashboard/attachmentsDashboardDocPage.tsx |  20 +
 ...tsx => gettingStartedDashboardDocPage.tsx} |  37 +-
 ....tsx => organizationsDashboardDocPage.tsx} |  65 +-
 ...itures.tsx => recordsDashboardDocPage.tsx} |  11 +-
 ...pports.tsx => reportsDashboardDocPage.tsx} |  13 +-
 .../docs/dashboard/rootDashboardDocPage.tsx   | 103 +++
 .../docs/dashboard/yearsDashboardDocPage.tsx  |  73 ++
 .../src/features/docs/dashboardIndex.tsx      | 120 ---
 .../src/features/docs/docSections.tsx         |  29 +-
 .../src/features/docs/documentationLayout.tsx |  12 +-
 .../features/featureCard.tsx                  |   3 +-
 .../features/featuresGeneralDocPage.tsx}      |  17 +-
 .../legalGeneralDocPage.tsx}                  | 131 ++--
 .../features/docs/general/pricing/faqItem.tsx |  31 +
 .../general/pricing/pricingGeneralDocPage.tsx |  74 ++
 .../privacyGeneralDocPage.tsx}                | 154 ++--
 .../rootGeneralDocPage.tsx}                   |  60 +-
 .../supportGeneralDocPage.tsx}                | 116 ++-
 .../termsGeneralDocPage.tsx}                  | 132 ++--
 .../docs/general/whitepaperGeneralDocPage.tsx | 111 +++
 .../src/features/docs/root/pricing/tarifs.tsx | 145 ----
 .../docs/{components => }/sectionTab.tsx      |   2 +-
 .../{components => }/sidebarNavigation.tsx    |   5 +-
 .../dashboard/src/features/rootLayout.tsx     |   4 +-
 .../src/features/website/pricing.tsx          |   4 +-
 .../src/features/website/websitePage.tsx      |   8 +-
 ...Route.tsx => accountingDocLayoutRoute.tsx} |   4 +-
 .../docs/accounting/accountingIndexRoute.tsx  |  15 -
 .../accounting/accountsAccountingDocRoute.tsx |  15 +
 .../root/docs/accounting/accountsRoute.tsx    |  15 -
 .../root/docs/accounting/documentsRoute.tsx   |  15 -
 .../introductionAccountingDocRoute.tsx        |  15 +
 .../accounting/recordsAccountingDocRoute.tsx  |  15 +
 .../root/docs/accounting/recordsRoute.tsx     |  15 -
 .../accounting/reportsAccountingDocRoute.tsx  |  15 +
 .../accounting/rootAccountingDocRoute.tsx     |  15 +
 .../src/routes/root/docs/ai/aiIndexRoute.tsx  |  15 -
 .../src/routes/root/docs/ai/aiLayoutRoute.tsx |  11 -
 .../src/routes/root/docs/ai/analyseRoute.tsx  |  15 -
 .../routes/root/docs/ai/assistantRoute.tsx    |  15 -
 .../routes/root/docs/api/apiIndexRoute.tsx    |  15 -
 .../root/docs/api/authentificationRoute.tsx   |  15 -
 .../src/routes/root/docs/api/comptesRoute.tsx |  15 -
 .../routes/root/docs/api/ecrituresRoute.tsx   |  15 -
 .../src/routes/root/docs/api/erreursRoute.tsx |  15 -
 .../routes/root/docs/api/exercicesRoute.tsx   |  15 -
 .../root/docs/api/organisationsRoute.tsx      |  15 -
 .../attachmentsDashboardDocRoute.tsx          |  15 +
 .../dashboardDocLayoutRoute.tsx}              |   2 +-
 .../gettingStartedDashboardDocRoute.tsx       |  15 +
 .../organizationsDashboardDocRoute.tsx        |  15 +
 .../dashboard/recordsDashboardDocRoute.tsx    |  15 +
 .../dashboard/reportsDashboardDocRoute.tsx    |  15 +
 .../docs/dashboard/rootDashboardDocRoute.tsx  |  15 +
 .../docs/dashboard/yearsDashboardDocRoute.tsx |  15 +
 .../src/routes/root/docs/docsLayoutRoute.tsx  |   2 +-
 .../src/routes/root/docs/docsRootRoute.tsx    |  15 -
 .../src/routes/root/docs/docsTree.ts          | 101 ++-
 .../src/routes/root/docs/general/cguRoute.tsx |  15 -
 .../docs/general/confidentialiteRoute.tsx     |  15 -
 .../docs/general/fonctionnalitesRoute.tsx     |  15 -
 .../docs/general/mentionsLegalesRoute.tsx     |  15 -
 .../routes/root/docs/general/supportRoute.tsx |  15 -
 .../routes/root/docs/general/tarifsRoute.tsx  |  15 -
 .../routes/root/docs/guide/demarrageRoute.tsx |  15 -
 .../root/docs/guide/guideIndexRoute.tsx       |  15 -
 .../root/docs/guide/organisationsRoute.tsx    |  15 -
 .../routes/root/docs/guide/rapportsRoute.tsx  |  15 -
 .../root/docs/guide/recordRowsRoute.tsx       |  15 -
 .../docs/root/featuresGeneralDocRoute.tsx     |  15 +
 .../generalDocLayoutRoute.tsx}                |   4 +-
 .../root/docs/root/legalGeneralDocRoute.tsx   |  15 +
 .../root/docs/root/pricingGeneralDocRoute.tsx |  15 +
 .../root/docs/root/privacyGeneralDocRoute.tsx |  15 +
 .../root/docs/root/rootGeneralDocRoute.tsx    |  15 +
 .../root/docs/root/supportGeneralDocRoute.tsx |  15 +
 .../root/docs/root/termsGeneralDocRoute.tsx   |  15 +
 .../docs/root/whitepaperGeneralDocRoute.tsx   |  15 +
 125 files changed, 2830 insertions(+), 4701 deletions(-)
 create mode 100644 packages/dashboard/src/components/document/docLastUpdate.tsx
 create mode 100644 packages/dashboard/src/components/document/docRoot.tsx
 create mode 100644 packages/dashboard/src/components/document/docTextSection.tsx
 rename packages/dashboard/src/features/docs/{comptabilite/comptes.tsx => accounting/accountsAccountingDocPage.tsx} (99%)
 rename packages/dashboard/src/features/docs/{comptabilite/introduction.tsx => accounting/introductionAccountingDocPage.tsx} (95%)
 rename packages/dashboard/src/features/docs/{comptabilite/ecritures.tsx => accounting/recordsAccountingDocPage.tsx} (97%)
 rename packages/dashboard/src/features/docs/{comptabilite/documents.tsx => accounting/reportsAccountingDocPage.tsx} (98%)
 create mode 100644 packages/dashboard/src/features/docs/accounting/rootAccountingDocPage.tsx
 delete mode 100644 packages/dashboard/src/features/docs/ai/analyse.tsx
 delete mode 100644 packages/dashboard/src/features/docs/ai/assistant.tsx
 delete mode 100644 packages/dashboard/src/features/docs/aiIndex.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/authentification.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/comptes.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/ecritures.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/erreurs.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/exercices.tsx
 delete mode 100644 packages/dashboard/src/features/docs/api/organisations.tsx
 delete mode 100644 packages/dashboard/src/features/docs/apiIndex.tsx
 delete mode 100644 packages/dashboard/src/features/docs/comptabiliteIndex.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
 rename packages/dashboard/src/features/docs/dashboard/{demarrage.tsx => gettingStartedDashboardDocPage.tsx} (78%)
 rename packages/dashboard/src/features/docs/dashboard/{organisations.tsx => organizationsDashboardDocPage.tsx} (56%)
 rename packages/dashboard/src/features/docs/dashboard/{ecritures.tsx => recordsDashboardDocPage.tsx} (95%)
 rename packages/dashboard/src/features/docs/dashboard/{rapports.tsx => reportsDashboardDocPage.tsx} (95%)
 create mode 100644 packages/dashboard/src/features/docs/dashboard/rootDashboardDocPage.tsx
 create mode 100644 packages/dashboard/src/features/docs/dashboard/yearsDashboardDocPage.tsx
 delete mode 100644 packages/dashboard/src/features/docs/dashboardIndex.tsx
 rename packages/dashboard/src/features/docs/{root => general}/features/featureCard.tsx (96%)
 rename packages/dashboard/src/features/docs/{root/features/featuresPage.tsx => general/features/featuresGeneralDocPage.tsx} (93%)
 rename packages/dashboard/src/features/docs/{root/mentionsLegales.tsx => general/legalGeneralDocPage.tsx} (52%)
 create mode 100644 packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
 create mode 100644 packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
 rename packages/dashboard/src/features/docs/{root/confidentialite.tsx => general/privacyGeneralDocPage.tsx} (61%)
 rename packages/dashboard/src/features/docs/{documentationIndex.tsx => general/rootGeneralDocPage.tsx} (52%)
 rename packages/dashboard/src/features/docs/{root/support.tsx => general/supportGeneralDocPage.tsx} (77%)
 rename packages/dashboard/src/features/docs/{root/cgu.tsx => general/termsGeneralDocPage.tsx} (62%)
 create mode 100644 packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
 delete mode 100644 packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
 rename packages/dashboard/src/features/docs/{components => }/sectionTab.tsx (93%)
 rename packages/dashboard/src/features/docs/{components => }/sidebarNavigation.tsx (94%)
 rename packages/dashboard/src/routes/root/docs/accounting/{accountingLayoutRoute.tsx => accountingDocLayoutRoute.tsx} (72%)
 delete mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountsAccountingDocRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/recordsAccountingDocRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/reportsAccountingDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/rootAccountingDocRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/attachmentsDashboardDocRoute.tsx
 rename packages/dashboard/src/routes/root/docs/{guide/guideLayoutRoute.tsx => dashboard/dashboardDocLayoutRoute.tsx} (81%)
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/gettingStartedDashboardDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/organizationsDashboardDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/recordsDashboardDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/reportsDashboardDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/rootDashboardDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/dashboard/yearsDashboardDocRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
 delete mode 100644 packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/featuresGeneralDocRoute.tsx
 rename packages/dashboard/src/routes/root/docs/{api/apiLayoutRoute.tsx => root/generalDocLayoutRoute.tsx} (75%)
 create mode 100644 packages/dashboard/src/routes/root/docs/root/legalGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/pricingGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/privacyGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/rootGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/supportGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/termsGeneralDocRoute.tsx
 create mode 100644 packages/dashboard/src/routes/root/docs/root/whitepaperGeneralDocRoute.tsx

diff --git a/LICENSE b/LICENSE
index b7f2345..1b19e53 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,21 +1,661 @@
-MIT License
-
-Copyright (c) 2025 Arrhes
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    Arrhes - Open source double-entry accounting for French associations and SMEs.
+    Copyright (C) 2025 Arrhes
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
diff --git a/package.json b/package.json
index e605d18..e785666 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "arrhes",
   "version": "1.0.0",
   "private": true,
+  "license": "AGPL-3.0-only",
   "scripts": {
     "dev": "pnpm --recursive --if-present --parallel --filter='./packages/**' run dev",
     "build": "pnpm --recursive --if-present --filter='./packages/**' run build"
diff --git a/packages/dashboard/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
index 009ed44..e77742e 100644
--- a/packages/dashboard/src/assets/css/root.css
+++ b/packages/dashboard/src/assets/css/root.css
@@ -1 +1,5 @@
-@layer reset, base, tokens, recipes, utilities;
\ No newline at end of file
+@layer reset, base, tokens, recipes, utilities;
+
+html {
+    scrollbar-gutter: stable;
+}
\ No newline at end of file
diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
index ba9055c..84e43d6 100644
--- a/packages/dashboard/src/components/document/docDefinition.tsx
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -8,8 +8,8 @@ export function DocDefinition(props: {
 }) {
     return (
         <div className={css({
-            padding: "5",
-            borderRadius: "xl",
+            padding: "1rem",
+            borderRadius: "lg",
             backgroundColor: "white",
             border: "1px solid",
             borderColor: "neutral/10",
@@ -20,7 +20,6 @@ export function DocDefinition(props: {
                 fontWeight: "semibold",
                 color: "neutral",
                 fontSize: "sm",
-                mb: "1"
             })}>
                 {props.term}
             </dt>
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
index 0bd2da7..f4f50ac 100644
--- a/packages/dashboard/src/components/document/docExample.tsx
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -7,48 +7,47 @@ export function DocExample(props: {
     children: React.ReactNode
 }) {
     return (
-        <div className={css({
-            padding: "5",
-            borderRadius: "xl",
-            border: "1px solid",
-            borderColor: "information/20",
-            backgroundColor: "information/5"
-        })}>
+        <div
+            className={css({
+                padding: "1rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "information/20",
+                backgroundColor: "information/5",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "start",
+                gap: "1rem",
+            })}
+        >
             {props.title && (
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "2",
-                    mb: "3"
-                })}>
+                <div
+                    className={css({
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "0.5rem",
+                    })}
+                >
                     <IconInfoCircle className={css({
-                        width: "4",
-                        height: "4",
+                        flexShrink: "0",
+                        width: "1.5rem",
+                        height: "1.5rem",
                         color: "information"
                     })} />
                     <span className={css({
-                        fontSize: "sm",
+                        fontSize: "md",
                         fontWeight: "semibold",
                         color: "information"
                     })}>
-                        Exemple : {props.title}
+                        {props.title}
                     </span>
                 </div>
             )}
             <div className={css({
-                fontSize: "sm",
-                color: "neutral/80",
-                lineHeight: "1.6",
-                "& ol": {
-                    spaceY: "2",
-                    pl: "0",
-                    listStyle: "none"
-                },
-                "& ol li": {
-                    display: "flex",
-                    alignItems: "flex-start",
-                    gap: "2"
-                }
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "start",
+                gap: "0.5rem",
             })}>
                 {props.children}
             </div>
diff --git a/packages/dashboard/src/components/document/docLastUpdate.tsx b/packages/dashboard/src/components/document/docLastUpdate.tsx
new file mode 100644
index 0000000..de01913
--- /dev/null
+++ b/packages/dashboard/src/components/document/docLastUpdate.tsx
@@ -0,0 +1,18 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocLastUpdate(props: {
+    date: string
+}) {
+    return (
+        <div className={css({
+            padding: "1rem",
+            borderRadius: "lg",
+            backgroundColor: "background",
+            fontSize: "sm",
+            color: "neutral/60",
+        })}>
+            Dernière mise à jour : {props.date}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docList.tsx b/packages/dashboard/src/components/document/docList.tsx
index f0337c0..58db9c4 100644
--- a/packages/dashboard/src/components/document/docList.tsx
+++ b/packages/dashboard/src/components/document/docList.tsx
@@ -1,4 +1,3 @@
-import { IconCheck } from "@tabler/icons-react"
 import { ReactNode } from "react"
 import { css } from "../../utilities/cn.js"
 
@@ -7,38 +6,48 @@ export function DocList(props: {
     items: ReactNode[]
     variant?: "bullet" | "check"
 }) {
-    const variant = props.variant ?? "bullet"
+    const variant = props.variant ?? "check"
 
     return (
-        <ul className={css({ spaceY: "2" })}>
+        <ul
+            className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.25rem"
+            })}
+        >
             {props.items.map((item, index) => (
-                <li key={index} className={css({
-                    display: "flex",
-                    alignItems: "flex-start",
-                    gap: "3",
-                    color: "neutral/70",
-                    fontSize: "sm",
-                    lineHeight: "1.6"
-                })}>
-                    {variant === "check" ? (
-                        <IconCheck className={css({
-                            width: "4",
-                            height: "4",
-                            color: "success",
-                            marginTop: "0.5",
-                            flexShrink: 0
-                        })} />
-                    ) : (
-                        <span className={css({
-                            width: "1.5",
-                            height: "1.5",
-                            borderRadius: "100%",
-                            backgroundColor: "neutral/30",
-                            marginTop: "2",
-                            flexShrink: 0
-                        })} />
-                    )}
-                    <span>{item}</span>
+                <li
+                    key={index}
+                    className={css({
+                        display: "flex",
+                        alignItems: "flex-start",
+                        gap: "0.25rem",
+                        color: "neutral/70",
+                        fontSize: "sm",
+                        lineHeight: "1.6"
+                    })}
+                >
+                    {
+                        (variant === "check")
+                            ? (
+                                <span className={css({
+                                    color: "neutral/50",
+                                })}>
+                                    ✓
+                                </span>
+                            )
+                            : (
+                                <span className={css({
+                                    color: "neutral/50",
+                                })}>
+                                    •
+                                </span>
+                            )
+                    }
+                    <span>
+                        {item}
+                    </span>
                 </li>
             ))}
         </ul>
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
index 0317531..8b5e720 100644
--- a/packages/dashboard/src/components/document/docNextPage.tsx
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -1,7 +1,8 @@
-import { IconArrowRight } from "@tabler/icons-react"
-import { LinkButton } from "../linkButton.js"
+import { ButtonContent } from "@arrhes/ui"
+import { IconChevronRight } from "@tabler/icons-react"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export function DocNextPage(props: {
@@ -10,55 +11,28 @@ export function DocNextPage(props: {
 }) {
     return (
         <div className={css({
-            marginTop: "12",
-            pt: "8",
-            borderTop: "1px solid",
-            borderColor: "neutral/10"
+            marginTop: "1rem",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "start",
+            gap: "0.5rem",
         })}>
+            <span className={css({
+                fontSize: "xs",
+                fontWeight: "medium",
+                color: "neutral/40",
+                textTransform: "uppercase",
+                letterSpacing: "wider",
+            })}>
+                Page suivante
+            </span>
             <LinkButton
                 to={props.to}
-                className={css({
-                    width: "100%",
-                    justifyContent: "space-between",
-                    padding: "5",
-                    borderRadius: "xl",
-                    border: "1px solid",
-                    borderColor: "neutral/10",
-                    backgroundColor: "white",
-                    transition: "all 0.2s",
-                    _hover: {
-                        borderColor: "primary/30",
-                        boxShadow: "sm",
-                        transform: "translateX(4px)"
-                    }
-                })}
             >
-                <div>
-                    <span className={css({
-                        display: "block",
-                        fontSize: "xs",
-                        fontWeight: "medium",
-                        color: "neutral/40",
-                        textTransform: "uppercase",
-                        letterSpacing: "wider",
-                        mb: "1"
-                    })}>
-                        Page suivante
-                    </span>
-                    <span className={css({
-                        display: "block",
-                        fontSize: "md",
-                        fontWeight: "semibold",
-                        color: "neutral"
-                    })}>
-                        {props.label}
-                    </span>
-                </div>
-                <IconArrowRight className={css({
-                    width: "5",
-                    height: "5",
-                    color: "primary"
-                })} />
+                <ButtonContent
+                    text={props.label}
+                    rightIcon={<IconChevronRight />}
+                />
             </LinkButton>
         </div>
     )
diff --git a/packages/dashboard/src/components/document/docRoot.tsx b/packages/dashboard/src/components/document/docRoot.tsx
new file mode 100644
index 0000000..16db027
--- /dev/null
+++ b/packages/dashboard/src/components/document/docRoot.tsx
@@ -0,0 +1,19 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { ReactNode } from "react"
+
+
+export function DocRoot(props: {
+    children: ReactNode
+}) {
+    return (
+        <div
+            className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "2rem"
+            })}
+        >
+            {props.children}
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docSection.tsx b/packages/dashboard/src/components/document/docSection.tsx
index 370952b..63bd632 100644
--- a/packages/dashboard/src/components/document/docSection.tsx
+++ b/packages/dashboard/src/components/document/docSection.tsx
@@ -10,22 +10,30 @@ export function DocSection(props: {
         .replace(/\s+/g, '-')
 
     return (
-        <section className={css({ mb: "10" })}>
+        <section
+            className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+            })}
+        >
             <h2
                 id={id}
                 className={css({
                     fontSize: "xl",
                     fontWeight: "semibold",
                     color: "neutral",
-                    mb: "4",
-                    pb: "2",
-                    borderBottom: "1px solid",
-                    borderColor: "neutral/10"
                 })}
             >
                 {props.title}
             </h2>
-            <div className={css({ spaceY: "4" })}>
+            <div
+                className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1rem",
+                })}
+            >
                 {props.children}
             </div>
         </section>
diff --git a/packages/dashboard/src/components/document/docTextSection.tsx b/packages/dashboard/src/components/document/docTextSection.tsx
new file mode 100644
index 0000000..26dba9c
--- /dev/null
+++ b/packages/dashboard/src/components/document/docTextSection.tsx
@@ -0,0 +1,54 @@
+import { css } from "../../utilities/cn.js"
+
+
+export function DocTextSection(props: {
+    title: string
+    children: React.ReactNode
+}) {
+    return (
+        <section className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+        })}>
+            <h2 className={css({
+                fontSize: "md",
+                fontWeight: "semibold",
+                color: "neutral",
+            })}>
+                {props.title}
+            </h2>
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "relaxed",
+                "& p": {
+                    margin: 0
+                },
+                "& ul, & ol": {
+                    margin: 0,
+                    paddingLeft: "1.5rem"
+                },
+                "& li": {
+                    marginBottom: "0.25rem"
+                },
+                "& strong": {
+                    color: "neutral",
+                    fontWeight: "medium"
+                },
+                "& code": {
+                    backgroundColor: "neutral/5",
+                    padding: "0.125rem 0.375rem",
+                    borderRadius: "sm",
+                    fontFamily: "mono",
+                    fontSize: "xs"
+                }
+            })}>
+                {props.children}
+            </div>
+        </section>
+    )
+}
diff --git a/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
index b3204be..6171f6e 100644
--- a/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
+++ b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
@@ -11,7 +11,7 @@ export function ListTableRow(props: {
             className={cx(
                 css({
                     width: "100%",
-                    padding: "2rem",
+                    padding: "1.5rem",
                     display: "flex",
                     justifyContent: "space-between",
                     alignItems: "center",
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index d22b645..1bba78a 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -2,12 +2,10 @@ import { ComponentProps, ReactElement } from "react"
 import { css, cx } from "../../../utilities/cn.js"
 
 
-type PageContent = {
+export function PageContent(props: {
     className?: ComponentProps<'div'>['className']
     children: ReactElement | ReactElement[]
-}
-
-export function PageContent(props: PageContent) {
+}) {
     return (
         <div
             className={cx(
@@ -15,6 +13,7 @@ export function PageContent(props: PageContent) {
                     width: "100%",
                     maxWidth: "xl",
                     height: "fit",
+                    paddingY: "2rem",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index a52c09d..ebf44f2 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -13,7 +13,6 @@ export function PageRoot(props: {
                     width: "100%",
                     flexShrink: "0",
                     flex: "1",
-                    paddingY: "4rem",
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "flex-start",
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index 25df6ff..b4c4106 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -6,19 +6,16 @@ import { css } from "../../utilities/cn.js"
 import { LinkButton } from "../linkButton.js"
 
 
-export interface SubPageSection {
-    title: string
-    icon: ReactNode
-    items: Array<{
-        label: string
-        to: ValidRoutes
-        params: ValidParams
-    }>
-}
-
-
 export function SubPageLayout(props: {
-    sections: Record<string, SubPageSection> | undefined
+    sections: Record<string, {
+        title: string
+        icon: ReactNode
+        items: Array<{
+            label: string
+            to: ValidRoutes
+            params: ValidParams
+        }>
+    }> | undefined
 }) {
     const routeMatches = useMatches()
     const currentPath = useRouterState({
@@ -26,106 +23,119 @@ export function SubPageLayout(props: {
     })
 
     return (
-        <div className={css({
-            flex: "1",
-            flexShrink: "1",
-            width: "100%",
-            maxWidth: "100%",
-            height: "fit",
-            display: "flex",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-        })}>
-            {
-                props.sections === undefined
-                    ? (null)
-                    : (
-                        <aside className={css({
-                            width: "16rem",
-                            flexShrink: 0,
-                            display: "flex",
-                            flexDirection: "column",
-                            justifyContent: "flex-start",
-                            alignItems: "stretch",
-                            gap: "0.5rem",
-                            borderRight: "1px solid",
-                            borderRightColor: "neutral/10",
-                            backgroundColor: "white",
-                            position: "sticky",
-                            top: "0",
-                            height: "fit-content",
-                            maxHeight: "100vh",
-                            overflowY: "auto",
-                            paddingRight: "4",
-                            paddingY: "2",
-                            paddingLeft: 0,
-                        })}>
-                            {Object.entries(props.sections).map(([key, section]) => (
-                                <div key={key} className={css({ marginBottom: "0.5rem" })}>
-                                    <div className={css({
-                                        display: "flex",
-                                        alignItems: "center",
-                                        gap: "0.5rem",
-                                        padding: "0.5rem",
-                                        fontSize: "xs",
-                                        fontWeight: "semibold",
-                                        color: "neutral/40",
-                                        textTransform: "uppercase",
-                                        letterSpacing: "wider",
-                                    })}>
-                                        {section.icon}
-                                        {section.title}
-                                    </div>
-                                    <div className={css({
-                                        marginTop: "0.25rem",
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        gap: "0.25rem",
-                                    })}>
-                                        {section.items.map((item) => {
-                                            const matchRoute = [...routeMatches].reverse().find((match) => match.fullPath.includes(item.to ?? ""))
-                                            const isActive = (matchRoute === undefined)
-                                                ? false
-                                                : currentPath === matchRoute.routeId
-
-                                            return (
-                                                <LinkButton
-                                                    key={item.to}
-                                                    to={item.to}
-                                                    params={item.params}
-                                                    className={css({ width: "100%" })}
-                                                >
-                                                    <ButtonContent
-                                                        variant="invisible"
-                                                        text={item.label}
-                                                        isActive={isActive}
-                                                        className={css({
-                                                            width: "100%",
-                                                            justifyContent: "start",
-                                                        })}
-                                                    />
-                                                </LinkButton>
-                                            )
-                                        })}
-                                    </div>
-                                </div>
-                            ))}
-                        </aside>
-                    )
-            }
+        <div
+            className={css({
+                width: "100%",
+                flexShrink: "0",
+                flex: "1",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                overflowY: "auto",
+            })}
+        >
             <div className={css({
+                flex: "1",
                 flexShrink: "1",
-                minH: "fit",
-                minWidth: "0",
                 width: "100%",
-                maxWidth: "100%",
+                maxWidth: "xl",
+                height: "fit",
                 display: "flex",
-                flexDirection: "column",
                 justifyContent: "flex-start",
-                alignItems: "stretch",
-                paddingLeft: "2rem"
+                alignItems: "flex-start",
             })}>
-                <Outlet />
+                {
+                    props.sections === undefined
+                        ? (null)
+                        : (
+                            <aside className={css({
+                                minWidth: "16rem",
+                                flexShrink: 0,
+                                display: "flex",
+                                flexDirection: "column",
+                                justifyContent: "flex-start",
+                                alignItems: "stretch",
+                                gap: "0.5rem",
+                                borderRight: "1px solid",
+                                borderRightColor: "neutral/10",
+                                backgroundColor: "white",
+                                position: "sticky",
+                                top: "0",
+                                height: "fit-content",
+                                maxHeight: "100vh",
+                                overflowY: "auto",
+                                padding: "1rem",
+                                paddingLeft: 0,
+                            })}>
+                                {Object.entries(props.sections).map(([key, section]) => (
+                                    <div key={key} className={css({ marginBottom: "0.5rem" })}>
+                                        <div className={css({
+                                            display: "flex",
+                                            alignItems: "center",
+                                            gap: "0.5rem",
+                                            padding: "0.5rem",
+                                            fontSize: "xs",
+                                            fontWeight: "semibold",
+                                            color: "neutral/40",
+                                            textTransform: "uppercase",
+                                            letterSpacing: "wider",
+                                        })}>
+                                            {section.icon}
+                                            {section.title}
+                                        </div>
+                                        <div className={css({
+                                            marginTop: "0.25rem",
+                                            display: "flex",
+                                            flexDirection: "column",
+                                            gap: "0.25rem",
+                                        })}>
+                                        {section.items.map((item) => {
+                                            const normalizedTo = (item.to ?? "").replace(/\/+$/, "")
+                                            const matchRoute = [...routeMatches].reverse().find((match) => match.fullPath.replace(/\/+$/, "") === normalizedTo)
+                                            const isActive = (matchRoute === undefined)
+                                                ? false
+                                                : currentPath === matchRoute.routeId
+
+                                                return (
+                                                    <LinkButton
+                                                        key={item.to}
+                                                        to={item.to}
+                                                        params={item.params}
+                                                        className={css({ width: "100%" })}
+                                                    >
+                                                        <ButtonContent
+                                                            variant="invisible"
+                                                            text={item.label}
+                                                            isActive={isActive}
+                                                            className={css({
+                                                                width: "100%",
+                                                                justifyContent: "start",
+                                                            })}
+                                                        />
+                                                    </LinkButton>
+                                                )
+                                            })}
+                                        </div>
+                                    </div>
+                                ))}
+                            </aside>
+                        )
+                }
+                <div className={css({
+                    flexShrink: "1",
+                    minH: "fit",
+                    minWidth: "0",
+                    width: "100%",
+                    maxWidth: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "flex-start",
+                    alignItems: "stretch",
+                    paddingLeft: "2rem"
+                })}>
+                    <Outlet />
+                </div>
             </div>
         </div>
     )
diff --git a/packages/dashboard/src/components/linkButton.tsx b/packages/dashboard/src/components/linkButton.tsx
index 4fa8be5..02266f3 100644
--- a/packages/dashboard/src/components/linkButton.tsx
+++ b/packages/dashboard/src/components/linkButton.tsx
@@ -32,9 +32,9 @@ export function LinkButton(props: {
             rel={props.rel}
             className={cx(
                 css({
-                    display: "flex",
-                    justifyContent: "flex-start",
-                    alignItems: "center",
+                    // display: "flex",
+                    // justifyContent: "flex-start",
+                    // alignItems: "center",
                     width: "fit-content",
                     maxWidth: "100%",
                     _disabled: { cursor: "not-allowed", pointerEvents: "none" },
diff --git a/packages/dashboard/src/contexts/data/queryClient.ts b/packages/dashboard/src/contexts/data/queryClient.ts
index 19503e5..5b0b690 100644
--- a/packages/dashboard/src/contexts/data/queryClient.ts
+++ b/packages/dashboard/src/contexts/data/queryClient.ts
@@ -1,4 +1,10 @@
 import { QueryClient } from "@tanstack/react-query"
 
 
-export const dataClient = new QueryClient({})
+export const dataClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 30 * 1000,
+        }
+    }
+})
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
index f5351d4..318797a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReport/balanceReportPage.tsx
@@ -5,46 +5,51 @@ import { DataWrapper } from "../../../../../../../../components/layouts/dataWrap
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { balanceReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceReportRoute.tsx"
 import { BalanceReportTable } from "./balanceReportTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function BalanceReportPage() {
     const params = useParams({ from: balanceReportRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <DataWrapper
-                    routeDefinition={readAllAccountsRouteDefinition}
-                    body={{
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    }}
-                >
-                    {(accounts) => {
-                        return (
-                            <DataWrapper
-                                routeDefinition={readAllRecordRowsRouteDefinition}
-                                body={{
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                    idRecord: undefined,
-                                }}
-                            >
-                                {(recordRows) => {
-                                    return (
-                                        <Box>
-                                            <BalanceReportTable
-                                                recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceReport === true)}
-                                                accounts={accounts}
-                                            />
-                                        </Box>
-                                    )
-                                }}
-                            </DataWrapper>
-                        )
-                    }}
-                </DataWrapper>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <DataWrapper
+                            routeDefinition={readAllAccountsRouteDefinition}
+                            body={{
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }}
+                        >
+                            {(accounts) => {
+                                return (
+                                    <DataWrapper
+                                        routeDefinition={readAllRecordRowsRouteDefinition}
+                                        body={{
+                                            idOrganization: params.idOrganization,
+                                            idYear: params.idYear,
+                                            idRecord: undefined,
+                                        }}
+                                    >
+                                        {(recordRows) => {
+                                            return (
+                                                <Box>
+                                                    <BalanceReportTable
+                                                        recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceReport === true)}
+                                                        accounts={accounts}
+                                                    />
+                                                </Box>
+                                            )
+                                        }}
+                                    </DataWrapper>
+                                )
+                            }}
+                        </DataWrapper>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
index e1ab866..1a2bce5 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/balanceSheetReport/balanceSheetReportPage.tsx
@@ -11,86 +11,91 @@ import { balanceSheetReportRoute } from "../../../../../../../../routes/root/das
 import { BalanceSheetAssetsReportTable } from "./balanceSheetAsset/balanceSheetAssetsReportTable.tsx"
 import { BalanceSheetLiabilitiesReportTable } from "./balanceSheetLiability/balanceSheetLiabilitiesReportTable.tsx"
 import { DownloadBalanceSheetReport } from "./downloadBalanceSheetReport.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function BalanceSheetReportPage() {
     const params = useParams({ from: balanceSheetReportRoute.id })
 
     return (
-        <Section.Root>
-            <DataWrapper
-                routeDefinition={readAllAccountsRouteDefinition}
-                body={{
-                    idOrganization: params.idOrganization,
-                    idYear: params.idYear,
-                }}
-            >
-                {(accounts) => {
-                    return (
-                        <DataWrapper
-                            routeDefinition={readAllRecordRowsRouteDefinition}
-                            body={{
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                                idRecord: undefined,
-                            }}
-                        >
-                            {(recordRows) => {
-                                return (
-                                    <DataWrapper
-                                        routeDefinition={readAllBalanceSheetsRouteDefinition}
-                                        body={{
-                                            idOrganization: params.idOrganization,
-                                            idYear: params.idYear,
-                                        }}
-                                    >
-                                        {(balanceSheets) => {
-                                            return (
-                                                <Section.Item>
-                                                    <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
-                                                        <DownloadBalanceSheetReport
-                                                            idOrganization={params.idOrganization}
-                                                            idYear={params.idYear}
-                                                        >
-                                                            <ButtonContent
-                                                                leftIcon={<IconDownload />}
-                                                                text="Télécharger en pdf"
-                                                                variant="default"
-                                                            />
-                                                        </DownloadBalanceSheetReport>
-                                                    </div>
-                                                    <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
-                                                        <Box className={css({ gap: "4" })}>
-                                                            <TitleComponent className={css({ padding: "4" })}>
-                                                                Actif
-                                                            </TitleComponent>
-                                                            <BalanceSheetAssetsReportTable
-                                                                balanceSheets={balanceSheets.filter((balanceSheet) => balanceSheet.side === "asset")}
-                                                                recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceSheetReport === true)}
-                                                                accounts={accounts.filter((account) => account.type === "balance-sheet")}
-                                                            />
-                                                        </Box>
-                                                        <Box className={css({ gap: "4" })}>
-                                                            <TitleComponent className={css({ padding: "4" })}>
-                                                                Passif
-                                                            </TitleComponent>
-                                                            <BalanceSheetLiabilitiesReportTable
-                                                                balanceSheets={balanceSheets.filter((balanceSheet) => balanceSheet.side === "liability")}
-                                                                recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceSheetReport === true)}
-                                                                accounts={accounts.filter((account) => account.type === "balance-sheet")}
-                                                            />
-                                                        </Box>
-                                                    </div>
-                                                </Section.Item>
-                                            )
-                                        }}
-                                    </DataWrapper>
-                                )
-                            }}
-                        </DataWrapper>
-                    )
-                }}
-            </DataWrapper>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <DataWrapper
+                        routeDefinition={readAllAccountsRouteDefinition}
+                        body={{
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        }}
+                    >
+                        {(accounts) => {
+                            return (
+                                <DataWrapper
+                                    routeDefinition={readAllRecordRowsRouteDefinition}
+                                    body={{
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                        idRecord: undefined,
+                                    }}
+                                >
+                                    {(recordRows) => {
+                                        return (
+                                            <DataWrapper
+                                                routeDefinition={readAllBalanceSheetsRouteDefinition}
+                                                body={{
+                                                    idOrganization: params.idOrganization,
+                                                    idYear: params.idYear,
+                                                }}
+                                            >
+                                                {(balanceSheets) => {
+                                                    return (
+                                                        <Section.Item>
+                                                            <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
+                                                                <DownloadBalanceSheetReport
+                                                                    idOrganization={params.idOrganization}
+                                                                    idYear={params.idYear}
+                                                                >
+                                                                    <ButtonContent
+                                                                        leftIcon={<IconDownload />}
+                                                                        text="Télécharger en pdf"
+                                                                        variant="default"
+                                                                    />
+                                                                </DownloadBalanceSheetReport>
+                                                            </div>
+                                                            <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "start", gap: "4", flexWrap: "wrap" })}>
+                                                                <Box className={css({ gap: "4" })}>
+                                                                    <TitleComponent className={css({ padding: "4" })}>
+                                                                        Actif
+                                                                    </TitleComponent>
+                                                                    <BalanceSheetAssetsReportTable
+                                                                        balanceSheets={balanceSheets.filter((balanceSheet) => balanceSheet.side === "asset")}
+                                                                        recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceSheetReport === true)}
+                                                                        accounts={accounts.filter((account) => account.type === "balance-sheet")}
+                                                                    />
+                                                                </Box>
+                                                                <Box className={css({ gap: "4" })}>
+                                                                    <TitleComponent className={css({ padding: "4" })}>
+                                                                        Passif
+                                                                    </TitleComponent>
+                                                                    <BalanceSheetLiabilitiesReportTable
+                                                                        balanceSheets={balanceSheets.filter((balanceSheet) => balanceSheet.side === "liability")}
+                                                                        recordRows={recordRows.filter((recordRow) => recordRow.isComputedForBalanceSheetReport === true)}
+                                                                        accounts={accounts.filter((account) => account.type === "balance-sheet")}
+                                                                    />
+                                                                </Box>
+                                                            </div>
+                                                        </Section.Item>
+                                                    )
+                                                }}
+                                            </DataWrapper>
+                                        )
+                                    }}
+                                </DataWrapper>
+                            )
+                        }}
+                    </DataWrapper>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
index a59e19d..e47e8da 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReport/incomeStatementReportPage.tsx
@@ -9,97 +9,102 @@ import { Section } from "../../../../../../../../components/layouts/section/sect
 import { incomeStatementReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/incomeStatementReportRoute.tsx"
 import { DownloadIncomeStatementReport } from "./downloadIncomeStatementReport.tsx"
 import { IncomeStatementsReportTable } from "./incomeStatementsReportTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function IncomeStatementReportPage() {
     const params = useParams({ from: incomeStatementReportRoute.id })
 
     return (
-        <Section.Root>
-            <DataWrapper
-                routeDefinition={readAllAccountsRouteDefinition}
-                body={{
-                    idOrganization: params.idOrganization,
-                    idYear: params.idYear,
-                }}
-            >
-                {(accounts) => {
-                    return (
-                        <DataWrapper
-                            routeDefinition={readAllRecordRowsRouteDefinition}
-                            body={{
-                                idOrganization: params.idOrganization,
-                                idYear: params.idYear,
-                                idRecord: undefined,
-                            }}
-                        >
-                            {(recordRows) => {
-                                return (
-                                    <DataWrapper
-                                        routeDefinition={readAllIncomeStatementsRouteDefinition}
-                                        body={{
-                                            idOrganization: params.idOrganization,
-                                            idYear: params.idYear,
-                                        }}
-                                    >
-                                        {(incomeStatements) => {
-                                            return (
-                                                <DataWrapper
-                                                    routeDefinition={readAllComputationsRouteDefinition}
-                                                    body={{
-                                                        idOrganization: params.idOrganization,
-                                                        idYear: params.idYear,
-                                                    }}
-                                                >
-                                                    {(computations) => {
-                                                        return (
-                                                            <DataWrapper
-                                                                routeDefinition={readAllComputationIncomeStatementsRouteDefinition}
-                                                                body={{
-                                                                    idOrganization: params.idOrganization,
-                                                                    idYear: params.idYear,
-                                                                }}
-                                                            >
-                                                                {(computationIncomeStatements) => {
-                                                                    return (
-                                                                        <Section.Item>
-                                                                            <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
-                                                                                <DownloadIncomeStatementReport
-                                                                                    idOrganization={params.idOrganization}
-                                                                                    idYear={params.idYear}
-                                                                                >
-                                                                                    <ButtonContent
-                                                                                        leftIcon={<IconDownload />}
-                                                                                        text="Télécharger en pdf"
-                                                                                        variant="default"
-                                                                                    />
-                                                                                </DownloadIncomeStatementReport>
-                                                                            </div>
-                                                                            <Box>
-                                                                                <IncomeStatementsReportTable
-                                                                                    incomeStatements={incomeStatements}
-                                                                                    computations={computations}
-                                                                                    computationIncomeStatements={computationIncomeStatements}
-                                                                                    recordRows={recordRows.filter((recordRow) => recordRow.isComputedForIncomeStatementReport === true)}
-                                                                                    accounts={accounts.filter((account) => account.type === "income-statement")}
-                                                                                />
-                                                                            </Box>
-                                                                        </Section.Item>
-                                                                    )
-                                                                }}
-                                                            </DataWrapper>
-                                                        )
-                                                    }}
-                                                </DataWrapper>
-                                            )
-                                        }}
-                                    </DataWrapper>
-                                )
-                            }}
-                        </DataWrapper>
-                    )
-                }}
-            </DataWrapper>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <DataWrapper
+                        routeDefinition={readAllAccountsRouteDefinition}
+                        body={{
+                            idOrganization: params.idOrganization,
+                            idYear: params.idYear,
+                        }}
+                    >
+                        {(accounts) => {
+                            return (
+                                <DataWrapper
+                                    routeDefinition={readAllRecordRowsRouteDefinition}
+                                    body={{
+                                        idOrganization: params.idOrganization,
+                                        idYear: params.idYear,
+                                        idRecord: undefined,
+                                    }}
+                                >
+                                    {(recordRows) => {
+                                        return (
+                                            <DataWrapper
+                                                routeDefinition={readAllIncomeStatementsRouteDefinition}
+                                                body={{
+                                                    idOrganization: params.idOrganization,
+                                                    idYear: params.idYear,
+                                                }}
+                                            >
+                                                {(incomeStatements) => {
+                                                    return (
+                                                        <DataWrapper
+                                                            routeDefinition={readAllComputationsRouteDefinition}
+                                                            body={{
+                                                                idOrganization: params.idOrganization,
+                                                                idYear: params.idYear,
+                                                            }}
+                                                        >
+                                                            {(computations) => {
+                                                                return (
+                                                                    <DataWrapper
+                                                                        routeDefinition={readAllComputationIncomeStatementsRouteDefinition}
+                                                                        body={{
+                                                                            idOrganization: params.idOrganization,
+                                                                            idYear: params.idYear,
+                                                                        }}
+                                                                    >
+                                                                        {(computationIncomeStatements) => {
+                                                                            return (
+                                                                                <Section.Item>
+                                                                                    <div className={css({ width: "100%", display: "flex", justifyContent: "end", alignItems: "start", gap: "2" })}>
+                                                                                        <DownloadIncomeStatementReport
+                                                                                            idOrganization={params.idOrganization}
+                                                                                            idYear={params.idYear}
+                                                                                        >
+                                                                                            <ButtonContent
+                                                                                                leftIcon={<IconDownload />}
+                                                                                                text="Télécharger en pdf"
+                                                                                                variant="default"
+                                                                                            />
+                                                                                        </DownloadIncomeStatementReport>
+                                                                                    </div>
+                                                                                    <Box>
+                                                                                        <IncomeStatementsReportTable
+                                                                                            incomeStatements={incomeStatements}
+                                                                                            computations={computations}
+                                                                                            computationIncomeStatements={computationIncomeStatements}
+                                                                                            recordRows={recordRows.filter((recordRow) => recordRow.isComputedForIncomeStatementReport === true)}
+                                                                                            accounts={accounts.filter((account) => account.type === "income-statement")}
+                                                                                        />
+                                                                                    </Box>
+                                                                                </Section.Item>
+                                                                            )
+                                                                        }}
+                                                                    </DataWrapper>
+                                                                )
+                                                            }}
+                                                        </DataWrapper>
+                                                    )
+                                                }}
+                                            </DataWrapper>
+                                        )
+                                    }}
+                                </DataWrapper>
+                            )
+                        }}
+                    </DataWrapper>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
index 84efec8..f035d43 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReport/journalReportPage.tsx
@@ -5,46 +5,51 @@ import { DataWrapper } from "../../../../../../../../components/layouts/dataWrap
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { journalReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/journalReportRoute.tsx"
 import { JournalReportTable } from "./journalReportTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function JournalReportPage() {
     const params = useParams({ from: journalReportRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <DataWrapper
-                    routeDefinition={readAllRecordsRouteDefinition}
-                    body={{
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    }}
-                >
-                    {(records) => {
-                        return (
-                            <DataWrapper
-                                routeDefinition={readAllRecordRowsRouteDefinition}
-                                body={{
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                    idRecord: undefined
-                                }}
-                            >
-                                {(recordRows) => {
-                                    return (
-                                        <Box>
-                                            <JournalReportTable
-                                                records={records}
-                                                recordRows={recordRows.filter((recordRow) => recordRow.isComputedForJournalReport === true)}
-                                            />
-                                        </Box>
-                                    )
-                                }}
-                            </DataWrapper>
-                        )
-                    }}
-                </DataWrapper>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <DataWrapper
+                            routeDefinition={readAllRecordsRouteDefinition}
+                            body={{
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }}
+                        >
+                            {(records) => {
+                                return (
+                                    <DataWrapper
+                                        routeDefinition={readAllRecordRowsRouteDefinition}
+                                        body={{
+                                            idOrganization: params.idOrganization,
+                                            idYear: params.idYear,
+                                            idRecord: undefined
+                                        }}
+                                    >
+                                        {(recordRows) => {
+                                            return (
+                                                <Box>
+                                                    <JournalReportTable
+                                                        records={records}
+                                                        recordRows={recordRows.filter((recordRow) => recordRow.isComputedForJournalReport === true)}
+                                                    />
+                                                </Box>
+                                            )
+                                        }}
+                                    </DataWrapper>
+                                )
+                            }}
+                        </DataWrapper>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
index 9a51d0b..7760e73 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReport/ledgerReportPage.tsx
@@ -5,46 +5,51 @@ import { DataWrapper } from "../../../../../../../../components/layouts/dataWrap
 import { Section } from "../../../../../../../../components/layouts/section/section.tsx"
 import { ledgerReportRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/ledgerReportRoute.tsx"
 import { LedgerReportTable } from "./ledgerReportTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function LedgerReportPage() {
     const params = useParams({ from: ledgerReportRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <DataWrapper
-                    routeDefinition={readAllAccountsRouteDefinition}
-                    body={{
-                        idOrganization: params.idOrganization,
-                        idYear: params.idYear,
-                    }}
-                >
-                    {(accounts) => {
-                        return (
-                            <DataWrapper
-                                routeDefinition={readAllRecordRowsRouteDefinition}
-                                body={{
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                    idRecord: undefined,
-                                }}
-                            >
-                                {(recordRows) => {
-                                    return (
-                                        <Box>
-                                            <LedgerReportTable
-                                                recordRows={recordRows.filter((recordRow) => recordRow.isComputedForLedgerReport === true)}
-                                                accounts={accounts}
-                                            />
-                                        </Box>
-                                    )
-                                }}
-                            </DataWrapper>
-                        )
-                    }}
-                </DataWrapper>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <DataWrapper
+                            routeDefinition={readAllAccountsRouteDefinition}
+                            body={{
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }}
+                        >
+                            {(accounts) => {
+                                return (
+                                    <DataWrapper
+                                        routeDefinition={readAllRecordRowsRouteDefinition}
+                                        body={{
+                                            idOrganization: params.idOrganization,
+                                            idYear: params.idYear,
+                                            idRecord: undefined,
+                                        }}
+                                    >
+                                        {(recordRows) => {
+                                            return (
+                                                <Box>
+                                                    <LedgerReportTable
+                                                        recordRows={recordRows.filter((recordRow) => recordRow.isComputedForLedgerReport === true)}
+                                                        accounts={accounts}
+                                                    />
+                                                </Box>
+                                            )
+                                        }}
+                                    </DataWrapper>
+                                )
+                            }}
+                        </DataWrapper>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
index 834e953..3aff80d 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
@@ -10,64 +10,62 @@ export function ReportsLayout() {
 
     return (
         <Page.Root>
-            <Page.Content>
-                <SubPageLayout
-                    sections={{
-                        journals: {
-                            title: "Journaux",
-                            icon: <IconBook size={14} />,
-                            items: [
-                                {
-                                    label: "Livre-journal",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Grand livre",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                            ]
-                        },
-                        summaries: {
-                            title: "Synthèses",
-                            icon: <IconChartBar size={14} />,
-                            items: [
-                                {
-                                    label: "Balance",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Bilan",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Compte de résultat",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                            ]
-                        },
-                    }}
-                />
-            </Page.Content>
+            <SubPageLayout
+                sections={{
+                    journals: {
+                        title: "Journaux",
+                        icon: <IconBook size={14} />,
+                        items: [
+                            {
+                                label: "Livre-journal",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
+                                params: {
+                                    idOrganization: params.idOrganization,
+                                    idYear: params.idYear,
+                                }
+                            },
+                            {
+                                label: "Grand livre",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
+                                params: {
+                                    idOrganization: params.idOrganization,
+                                    idYear: params.idYear,
+                                }
+                            },
+                        ]
+                    },
+                    summaries: {
+                        title: "Synthèses",
+                        icon: <IconChartBar size={14} />,
+                        items: [
+                            {
+                                label: "Balance",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
+                                params: {
+                                    idOrganization: params.idOrganization,
+                                    idYear: params.idYear,
+                                }
+                            },
+                            {
+                                label: "Bilan",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
+                                params: {
+                                    idOrganization: params.idOrganization,
+                                    idYear: params.idYear,
+                                }
+                            },
+                            {
+                                label: "Compte de résultat",
+                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
+                                params: {
+                                    idOrganization: params.idOrganization,
+                                    idYear: params.idYear,
+                                }
+                            },
+                        ]
+                    },
+                }}
+            />
         </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
index cf9bde1..7d85938 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsPage.tsx
@@ -8,43 +8,48 @@ import { accountsRoute } from "../../../../../../../../routes/root/dashboard/org
 import { AccountsTable } from "./accountsTable.tsx"
 import { CreateOneAccount } from "./createOneAccount.tsx"
 import { GenerateAccounts } from "./generateAccounts.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function AccountsPage() {
     const params = useParams({ from: accountsRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                    <CreateOneAccount
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter un compte"
-                        />
-                    </CreateOneAccount>
-                    <GenerateAccounts
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconPlus />}
-                            text="Générer les comptes par défaut"
-                        />
-                    </GenerateAccounts>
-                </div>
-                <Box className={css({ maxH: "640px" })}>
-                    <AccountsTable
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    />
-                </Box>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                            <CreateOneAccount
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter un compte"
+                                />
+                            </CreateOneAccount>
+                            <GenerateAccounts
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconPlus />}
+                                    text="Générer les comptes par défaut"
+                                />
+                            </GenerateAccounts>
+                        </div>
+                        <Box className={css({ maxH: "640px" })}>
+                            <AccountsTable
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            />
+                        </Box>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
index f200f9e..40566f7 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/accounts/accountsTable.tsx
@@ -1,13 +1,15 @@
 import { readAllAccountsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
+import { CircularLoader } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconListNumbers } from "@tabler/icons-react"
-import { useState } from "react"
+import { useMemo, useState } from "react"
 import * as v from "valibot"
+import { FormatError } from "../../../../../../../../components/formats/formatError.tsx"
 import { InputDebounced } from "../../../../../../../../components/inputs/inputDebounced.tsx"
 import { InputText } from "../../../../../../../../components/inputs/inputText.tsx"
-import { DataWrapper } from "../../../../../../../../components/layouts/dataWrapper.tsx"
 import { EmptyState } from "../../../../../../../../components/layouts/emptyState.tsx"
+import { useDataFromAPI } from "../../../../../../../../utilities/useHTTPData.ts"
 import { AccountItem } from "./accountItem.tsx"
 import { sortAccounts } from "./sortAccounts.tsx"
 
@@ -18,60 +20,70 @@ export function AccountsTable(props: {
 }) {
     const [globalFilter, setGlobalFilter] = useState("")
 
-    return (
-        <DataWrapper
-            routeDefinition={readAllAccountsRouteDefinition}
-            body={{
-                idOrganization: props.idOrganization,
-                idYear: props.idYear
-            }}
-        >
-            {(accounts) => {
-                const groupedAccounts = sortAccounts({
-                    accounts: accounts,
-                })
-                    .filter((sortedAccount) => {
-                        const processedAccount = `${sortedAccount.account.number} ${sortedAccount.account.label}`.toLowerCase()
-                        const processedFilter = globalFilter.toLowerCase()
-                        return processedAccount.includes(processedFilter)
-                    })
-                    .sort((a, b) => a.account.number.toString().localeCompare(b.account.number.toString()))
+    const response = useDataFromAPI({
+        routeDefinition: readAllAccountsRouteDefinition,
+        body: {
+            idOrganization: props.idOrganization,
+            idYear: props.idYear
+        }
+    })
+
+    const groupedAccounts = useMemo(() => {
+        if (response.data === undefined) return []
+        return sortAccounts({ accounts: response.data })
+            .filter((sortedAccount) => {
+                const processedAccount = `${sortedAccount.account.number} ${sortedAccount.account.label}`.toLowerCase()
+                const processedFilter = globalFilter.toLowerCase()
+                return processedAccount.includes(processedFilter)
+            })
+            .sort((a, b) => a.account.number.toString().localeCompare(b.account.number.toString()))
+    }, [response.data, globalFilter])
 
-                return (
-                    <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4", gap: "4" })}>
-                        <InputDebounced
-                            value={globalFilter ?? ""}
-                            onChange={(value) => setGlobalFilter(value ?? "")}
-                        >
-                            <InputText
-                                placeholder="Recherche"
-                                className={css({ maxWidth: "320px" })}
-                            />
-                        </InputDebounced>
-                        <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
-                            {groupedAccounts.length === 0 && (
-                                <EmptyState
-                                    icon={<IconListNumbers size={48} />}
-                                    title={globalFilter ? "Aucun compte trouvé" : "Aucun compte"}
-                                    subtitle={globalFilter ? undefined : "Ajoutez un compte pour commencer"}
-                                />
-                            )}
-                            {groupedAccounts.map((sortedAccount, index) => (
-                                <AccountItem
-                                    key={sortedAccount.account.id}
-                                    idOrganization={props.idOrganization}
-                                    idYear={props.idYear}
-                                    account={sortedAccount.account}
-                                    level={sortedAccount.level}
-                                    displayIndexes={[]}
-                                    currentIndex={index}
-                                    length={groupedAccounts.length}
-                                />
-                            ))}
-                        </div>
-                    </div>
-                )
-            }}
-        </DataWrapper>
+    return (
+        <div className={css({ height: "fit", width: "fit", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start", padding: "4", gap: "4" })}>
+            <InputDebounced
+                value={globalFilter ?? ""}
+                onChange={(value) => setGlobalFilter(value ?? "")}
+            >
+                <InputText
+                    placeholder="Recherche"
+                    className={css({ maxWidth: "320px" })}
+                />
+            </InputDebounced>
+            <div className={css({ height: "fit", width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "flex-start" })}>
+                {response.data === undefined ? (
+                    response.isPending ? (
+                        <CircularLoader
+                            text="Chargement des données..."
+                            className={css({ padding: "1rem" })}
+                        />
+                    ) : (
+                        <FormatError
+                            text="Erreur lors de la récupération des données."
+                            className={css({ padding: "1rem" })}
+                        />
+                    )
+                ) : groupedAccounts.length === 0 ? (
+                    <EmptyState
+                        icon={<IconListNumbers size={48} />}
+                        title={globalFilter ? "Aucun compte trouvé" : "Aucun compte"}
+                        subtitle={globalFilter ? undefined : "Ajoutez un compte pour commencer"}
+                    />
+                ) : (
+                    groupedAccounts.map((sortedAccount, index) => (
+                        <AccountItem
+                            key={sortedAccount.account.id}
+                            idOrganization={props.idOrganization}
+                            idYear={props.idYear}
+                            account={sortedAccount.account}
+                            level={sortedAccount.level}
+                            displayIndexes={[]}
+                            currentIndex={index}
+                            length={groupedAccounts.length}
+                        />
+                    ))
+                )}
+            </div>
+        </div>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
index ae278c0..c4bade3 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/balanceSheets/balanceSheetsPage.tsx
@@ -10,69 +10,74 @@ import { BalanceSheetTable } from "./balanceSheetTable.tsx"
 import { ConnectAccountsToBalanceSheets } from "./connectAccountsToBalanceSheets.tsx"
 import { CreateOneBalanceSheet } from "./createOneBalanceSheet.tsx"
 import { GenerateBalanceSheets } from "./generateBalanceSheets.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function BalanceSheetsPage() {
     const params = useParams({ from: balanceSheetsRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
-                    <CreateOneBalanceSheet
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter une ligne de bilan"
-                        />
-                    </CreateOneBalanceSheet>
-                    <GenerateBalanceSheets
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconPlus />}
-                            text="Générer les lignes de bilan par défaut"
-                        />
-                    </GenerateBalanceSheets>
-                    <ConnectAccountsToBalanceSheets
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconLine />}
-                            text="Connecter les comptes aux lignes de bilan par défaut"
-                        />
-                    </ConnectAccountsToBalanceSheets>
-                </div>
-                <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
-                    <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
-                        <TitleComponent>
-                            Actif
-                        </TitleComponent>
-                        <BalanceSheetTable
-                            idOrganization={params.idOrganization}
-                            idYear={params.idYear}
-                            filter={(balanceSheet) => balanceSheet.side === "asset"}
-                        />
-                    </Box>
-                    <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
-                        <TitleComponent>
-                            Passif
-                        </TitleComponent>
-                        <BalanceSheetTable
-                            idOrganization={params.idOrganization}
-                            idYear={params.idYear}
-                            filter={(balanceSheet) => balanceSheet.side === "liability"}
-                        />
-                    </Box>
-                </div>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                            <CreateOneBalanceSheet
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter une ligne de bilan"
+                                />
+                            </CreateOneBalanceSheet>
+                            <GenerateBalanceSheets
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconPlus />}
+                                    text="Générer les lignes de bilan par défaut"
+                                />
+                            </GenerateBalanceSheets>
+                            <ConnectAccountsToBalanceSheets
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconLine />}
+                                    text="Connecter les comptes aux lignes de bilan par défaut"
+                                />
+                            </ConnectAccountsToBalanceSheets>
+                        </div>
+                        <div className={css({ width: "100%", display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "flex-start", gap: "2", flexWrap: "wrap" })}>
+                            <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
+                                <TitleComponent>
+                                    Actif
+                                </TitleComponent>
+                                <BalanceSheetTable
+                                    idOrganization={params.idOrganization}
+                                    idYear={params.idYear}
+                                    filter={(balanceSheet) => balanceSheet.side === "asset"}
+                                />
+                            </Box>
+                            <Box className={css({ padding: "4", gap: "4", maxH: "[640px]" })}>
+                                <TitleComponent>
+                                    Passif
+                                </TitleComponent>
+                                <BalanceSheetTable
+                                    idOrganization={params.idOrganization}
+                                    idYear={params.idYear}
+                                    filter={(balanceSheet) => balanceSheet.side === "liability"}
+                                />
+                            </Box>
+                        </div>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
index 537cc92..ef928b9 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/incomeStatements/incomeStatementsPage.tsx
@@ -12,83 +12,88 @@ import { ConnectAccountsToIncomeStatements } from "./connectAccountsToIncomeStat
 import { CreateOneIncomeStatement } from "./createOneIncomeStatement.tsx"
 import { GenerateIncomeStatements } from "./generateIncomeStatement.tsx"
 import { IncomeStatementsTable } from "./incomeStatementsTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function IncomeStatementsPage() {
     const params = useParams({ from: incomeStatementsRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
-                    <CreateOneIncomeStatement
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter une ligne de compte de résultat"
-                        />
-                    </CreateOneIncomeStatement>
-                    <GenerateIncomeStatements
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconPlus />}
-                            text="Générer les lignes de compte de résultat par défaut"
-                        />
-                    </GenerateIncomeStatements>
-                    <ConnectAccountsToIncomeStatements
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconLine />}
-                            text="Connecter les comptes aux lignes de compte de résultat par défaut"
-                        />
-                    </ConnectAccountsToIncomeStatements>
-                </div>
-                <Box className={css({ maxH: "[640px]" })}>
-                    <IncomeStatementsTable
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    />
-                </Box>
-            </Section.Item>
-            <Section.Item>
-                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "flex-start", gap: "2" })}>
-                    <CreateOneComputation
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter une ligne de calcul"
-                        />
-                    </CreateOneComputation>
-                    <GenerateComputations
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconPlus />}
-                            text="Générer les calculs par défaut"
-                        />
-                    </GenerateComputations>
-                </div>
-                <Box className={css({ maxH: "[640px]" })}>
-                    <ComputationsTable
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    />
-                </Box>
-            </Section.Item>
-        </Section.Root>
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <div className={css({ minWidth: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2", flexWrap: "wrap" })}>
+                            <CreateOneIncomeStatement
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter une ligne de compte de résultat"
+                                />
+                            </CreateOneIncomeStatement>
+                            <GenerateIncomeStatements
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconPlus />}
+                                    text="Générer les lignes de compte de résultat par défaut"
+                                />
+                            </GenerateIncomeStatements>
+                            <ConnectAccountsToIncomeStatements
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconLine />}
+                                    text="Connecter les comptes aux lignes de compte de résultat par défaut"
+                                />
+                            </ConnectAccountsToIncomeStatements>
+                        </div>
+                        <Box className={css({ maxH: "[640px]" })}>
+                            <IncomeStatementsTable
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            />
+                        </Box>
+                    </Section.Item>
+                    <Section.Item>
+                        <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "flex-start", gap: "2" })}>
+                            <CreateOneComputation
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter une ligne de calcul"
+                                />
+                            </CreateOneComputation>
+                            <GenerateComputations
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconPlus />}
+                                    text="Générer les calculs par défaut"
+                                />
+                            </GenerateComputations>
+                        </div>
+                        <Box className={css({ maxH: "[640px]" })}>
+                            <ComputationsTable
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            />
+                        </Box>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
\ No newline at end of file
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
index 1d03bfe..3eca918 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/journals/journalsPage.tsx
@@ -7,41 +7,46 @@ import { journalsRoute } from "../../../../../../../../routes/root/dashboard/org
 import { CreateOneJournal } from "./createOneJournal.tsx"
 import { GenerateJournals } from "./generateJournals.tsx"
 import { JournalsListTable } from "./journalsListTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function JournalsPage() {
     const params = useParams({ from: journalsRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                    <CreateOneJournal
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter un journal"
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                            <CreateOneJournal
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter un journal"
+                                />
+                            </CreateOneJournal>
+                            <GenerateJournals
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="default"
+                                    leftIcon={<IconPlus />}
+                                    text="Générer les journaux par défaut"
+                                />
+                            </GenerateJournals>
+                        </div>
+                        <JournalsListTable
+                            idOrganization={params.idOrganization}
+                            idYear={params.idYear}
                         />
-                    </CreateOneJournal>
-                    <GenerateJournals
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="default"
-                            leftIcon={<IconPlus />}
-                            text="Générer les journaux par défaut"
-                        />
-                    </GenerateJournals>
-                </div>
-                <JournalsListTable
-                    idOrganization={params.idOrganization}
-                    idYear={params.idYear}
-                />
-            </Section.Item>
-        </Section.Root>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
index 3c29133..cbdb5ef 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsPage.tsx
@@ -6,31 +6,36 @@ import { Section } from "../../../../../../../../components/layouts/section/sect
 import { recordLabelsRoute } from "../../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/recordLabels/recordLabelsRoute.tsx"
 import { CreateOneRecordLabel } from "./createOneRecordLabel.tsx"
 import { RecordLabelsListTable } from "./recordLabelsListTable.tsx"
+import { Page } from "../../../../../../../../components/layouts/page/page.tsx"
 
 
 export function RecordLabelsPage() {
     const params = useParams({ from: recordLabelsRoute.id })
 
     return (
-        <Section.Root>
-            <Section.Item>
-                <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
-                    <CreateOneRecordLabel
-                        idOrganization={params.idOrganization}
-                        idYear={params.idYear}
-                    >
-                        <ButtonContent
-                            variant="primary"
-                            leftIcon={<IconPlus />}
-                            text="Ajouter une catégorie"
+        <Page.Root>
+            <Page.Content>
+                <Section.Root>
+                    <Section.Item>
+                        <div className={css({ width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "2" })}>
+                            <CreateOneRecordLabel
+                                idOrganization={params.idOrganization}
+                                idYear={params.idYear}
+                            >
+                                <ButtonContent
+                                    variant="primary"
+                                    leftIcon={<IconPlus />}
+                                    text="Ajouter une catégorie"
+                                />
+                            </CreateOneRecordLabel>
+                        </div>
+                        <RecordLabelsListTable
+                            idOrganization={params.idOrganization}
+                            idYear={params.idYear}
                         />
-                    </CreateOneRecordLabel>
-                </div>
-                <RecordLabelsListTable
-                    idOrganization={params.idOrganization}
-                    idYear={params.idYear}
-                />
-            </Section.Item>
-        </Section.Root>
+                    </Section.Item>
+                </Section.Root>
+            </Page.Content>
+        </Page.Root>
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
index e60647f..54ddea6 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayout.tsx
@@ -1,6 +1,5 @@
 import { IconFileReport, IconSettings } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Page } from "../../../../../../../components/layouts/page/page.tsx"
 import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.tsx"
 import { yearSettingsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsLayoutRoute.tsx"
 
@@ -9,73 +8,69 @@ export function YearSettingsLayout() {
     const params = useParams({ from: yearSettingsLayoutRoute.id })
 
     return (
-        <Page.Root>
-            <Page.Content>
-                <SubPageLayout
-                    sections={{
-                        settings: {
-                            title: "Paramètres",
-                            icon: <IconSettings size={14} />,
-                            items: [
-                                {
-                                    label: "Général",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Plan des comptes",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Journaux",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Catégories",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                            ]
+        <SubPageLayout
+            sections={{
+                settings: {
+                    title: "Paramètres",
+                    icon: <IconSettings size={14} />,
+                    items: [
+                        {
+                            label: "Général",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
                         },
-                        documents: {
-                            title: "Documents comptables",
-                            icon: <IconFileReport size={14} />,
-                            items: [
-                                {
-                                    label: "Bilan",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                                {
-                                    label: "Compte de résultat",
-                                    to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
-                                    params: {
-                                        idOrganization: params.idOrganization,
-                                        idYear: params.idYear,
-                                    }
-                                },
-                            ]
+                        {
+                            label: "Plan des comptes",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/comptes",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
                         },
-                    }}
-                />
-            </Page.Content>
-        </Page.Root>
+                        {
+                            label: "Journaux",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/journaux",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                        {
+                            label: "Catégories",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/catégories",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                    ]
+                },
+                documents: {
+                    title: "Documents comptables",
+                    icon: <IconFileReport size={14} />,
+                    items: [
+                        {
+                            label: "Bilan",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/bilan",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                        {
+                            label: "Compte de résultat",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/paramètres/compte-de-résultat",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                    ]
+                },
+            }}
+        />
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index a7b23bd..26345b0 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -1,9 +1,9 @@
 import { readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
-import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.tsx"
+import { Page } from "../../../../../../../components/layouts/page/page.tsx"
 import { SettingsSection } from "../../../../../../../components/layouts/settingsSection/settingsSection.tsx"
 import { yearSettingsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
 import { DeleteOneYear } from "./deleteOneYear.tsx"
@@ -14,12 +14,7 @@ export function YearSettingsPage() {
     const params = useParams({ from: yearSettingsRoute.id })
 
     return (
-        <div className={css({
-            width: "100%",
-            display: "flex",
-            flexDirection: "column",
-            gap: "1rem"
-        })}>
+        <Page.Content>
             <DataWrapper
                 routeDefinition={readOneYearRouteDefinition}
                 body={{
@@ -66,6 +61,6 @@ export function YearSettingsPage() {
                     )
                 }}
             </DataWrapper>
-        </div>
+        </Page.Content>
     )
 }
diff --git a/packages/dashboard/src/features/docs/comptabilite/comptes.tsx b/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
similarity index 99%
rename from packages/dashboard/src/features/docs/comptabilite/comptes.tsx
rename to packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
index 940142a..2b07edd 100644
--- a/packages/dashboard/src/features/docs/comptabilite/comptes.tsx
+++ b/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
@@ -10,7 +10,7 @@ import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function ComptabiliteComptes() {
+export function AccountsAccountingDocPage() {
     return (
         <div className={css({
             display: "flex",
@@ -251,7 +251,7 @@ export function ComptabiliteComptes() {
             </DocTip>
 
             <DocNextPage
-                to="/documentation/comptabilite/ecritures"
+                to="/documentation/comptabilité/écritures"
                 label="Les écritures comptables"
             />
         </div>
diff --git a/packages/dashboard/src/features/docs/comptabilite/introduction.tsx b/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
similarity index 95%
rename from packages/dashboard/src/features/docs/comptabilite/introduction.tsx
rename to packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
index c3e4528..24cc650 100644
--- a/packages/dashboard/src/features/docs/comptabilite/introduction.tsx
+++ b/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
@@ -5,18 +5,15 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function ComptabiliteIntroduction() {
+export function IntroductionAccountingDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             <DocHeader
                 title="Introduction à la comptabilité"
                 description="Comprendre les fondamentaux de la comptabilité"
@@ -117,7 +114,7 @@ export function ComptabiliteIntroduction() {
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
                     Ces concepts sont directement appliqués dans Arrhes. Lorsque vous{" "}
-                    <DocLink to="/documentation/dashboard/ecritures">saisissez une écriture</DocLink>,
+                    <DocLink to="/documentation/dashboard/écritures">saisissez une écriture</DocLink>,
                     le logiciel vous demande de spécifier les comptes à débiter et à créditer,
                     et vérifie automatiquement que l'équilibre est respecté.
                 </DocParagraph>
@@ -129,9 +126,9 @@ export function ComptabiliteIntroduction() {
             </DocTip>
 
             <DocNextPage
-                to="/documentation/comptabilite/comptes"
+                to="/documentation/comptabilité/comptes"
                 label="Les comptes comptables"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx b/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
similarity index 97%
rename from packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
rename to packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
index 867b498..a1ff679 100644
--- a/packages/dashboard/src/features/docs/comptabilite/ecritures.tsx
+++ b/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
@@ -5,19 +5,16 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function ComptabiliteEcritures() {
+export function RecordsAccountingDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             <DocHeader
                 title="Les écritures comptables"
                 description="Enregistrer les opérations dans les comptes"
@@ -30,7 +27,7 @@ export function ComptabiliteEcritures() {
                     en langage comptable.
                 </DocParagraph>
                 <DocParagraph>
-                    Comme vu dans l'<DocLink to="/documentation/comptabilite/introduction">introduction</DocLink>,
+                    Comme vu dans l'<DocLink to="/documentation/comptabilité/introduction">introduction</DocLink>,
                     chaque écriture respecte le principe de la partie double : elle affecte au moins
                     deux comptes et le total des débits égale le total des crédits.
                 </DocParagraph>
@@ -254,7 +251,7 @@ export function ComptabiliteEcritures() {
 
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
-                    Dans Arrhes, la <DocLink to="/documentation/dashboard/ecritures">saisie des écritures</DocLink>{" "}
+                    Dans Arrhes, la <DocLink to="/documentation/dashboard/écritures">saisie des écritures</DocLink>{" "}
                     est simplifiée. Le logiciel vérifie automatiquement l'équilibre débit/crédit
                     et vous guide dans le choix des comptes. Vous pouvez également créer des modèles
                     d'écritures pour les opérations répétitives.
@@ -267,9 +264,9 @@ export function ComptabiliteEcritures() {
             </DocTip>
 
             <DocNextPage
-                to="/documentation/comptabilite/documents"
+                to="/documentation/comptabilité/documents"
                 label="Les documents comptables"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/comptabilite/documents.tsx b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
similarity index 98%
rename from packages/dashboard/src/features/docs/comptabilite/documents.tsx
rename to packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
index 733e2ab..6b6b65c 100644
--- a/packages/dashboard/src/features/docs/comptabilite/documents.tsx
+++ b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
@@ -5,19 +5,16 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function ComptabiliteDocuments() {
+export function ReportsAccountingDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             <DocHeader
                 title="Les documents comptables"
                 description="Les états de synthèse et leur signification"
@@ -283,7 +280,7 @@ export function ComptabiliteDocuments() {
             <DocSection title="Lien avec Arrhes">
                 <DocParagraph>
                     Arrhes génère automatiquement tous ces documents à partir de vos écritures.
-                    Consultez le guide sur les <DocLink to="/documentation/dashboard/rapports">rapports</DocLink>{" "}
+                    Consultez le guide sur les <DocLink to="/documentation/dashboard/documents">rapports</DocLink>{" "}
                     pour apprendre à générer et interpréter ces documents dans le logiciel.
                 </DocParagraph>
             </DocSection>
@@ -294,9 +291,9 @@ export function ComptabiliteDocuments() {
             </DocTip>
 
             <DocNextPage
-                to="/documentation/dashboard/demarrage"
+                to="/documentation/dashboard/démarrage"
                 label="Guide : Démarrer avec Arrhes"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/accounting/rootAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/rootAccountingDocPage.tsx
new file mode 100644
index 0000000..758ee16
--- /dev/null
+++ b/packages/dashboard/src/features/docs/accounting/rootAccountingDocPage.tsx
@@ -0,0 +1,44 @@
+import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconChevronRight } from "@tabler/icons-react"
+import { DocRoot } from "../../../components/document/docRoot.tsx"
+import { LinkButton } from "../../../components/linkButton.tsx"
+
+
+export function RootAccountingDocPage() {
+    return (
+        <DocRoot>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Comptabilité
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Apprenez les bases de la comptabilité française.
+                </p>
+            </div>
+
+            <LinkButton
+                to="/documentation/comptabilité/comptes"
+            >
+                <ButtonContent
+                    variant="outline"
+                    text="Commencer directement"
+                    rightIcon={<IconChevronRight />}
+                />
+            </LinkButton>
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/ai/analyse.tsx b/packages/dashboard/src/features/docs/ai/analyse.tsx
deleted file mode 100644
index d257da6..0000000
--- a/packages/dashboard/src/features/docs/ai/analyse.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import {
-    IconAlertTriangle,
-    IconChartBar,
-    IconChartPie,
-    IconTrendingUp
-} from "@tabler/icons-react"
-import type { ReactNode } from "react"
-import { css } from "../../../utilities/cn.js"
-
-
-export function AiAnalyse() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Analyse des données
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    L'IA analyse vos données comptables pour vous fournir des insights et détecter des anomalies.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Section title="Fonctionnalités d'analyse">
-                    <p>
-                        Notre système d'analyse utilise l'intelligence artificielle pour examiner vos données
-                        comptables et vous fournir des informations utiles pour piloter votre activité.
-                    </p>
-                </Section>
-
-                <div className={css({
-                    display: "grid",
-                    gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
-                    gap: "1rem",
-                })}>
-                    <FeatureCard
-                        icon={<IconAlertTriangle />}
-                        title="Détection d'anomalies"
-                        description="L'IA identifie les écritures inhabituelles, les doublons potentiels et les erreurs de saisie courantes."
-                    />
-                    <FeatureCard
-                        icon={<IconTrendingUp />}
-                        title="Tendances et prévisions"
-                        description="Analysez l'évolution de vos indicateurs clés et anticipez les tendances futures."
-                    />
-                    <FeatureCard
-                        icon={<IconChartPie />}
-                        title="Répartition des charges"
-                        description="Visualisez automatiquement la répartition de vos dépenses par catégorie et par période."
-                    />
-                    <FeatureCard
-                        icon={<IconChartBar />}
-                        title="Comparaisons"
-                        description="Comparez vos résultats avec les périodes précédentes ou avec des moyennes sectorielles."
-                    />
-                </div>
-
-                <Section title="Détection d'anomalies">
-                    <p>
-                        Le système analyse automatiquement vos écritures pour détecter :
-                    </p>
-                    <ul className={css({
-                        margin: 0,
-                        paddingLeft: "1.5rem",
-                        "& li": { marginBottom: "0.25rem" }
-                    })}>
-                        <li><strong>Doublons :</strong> Écritures similaires qui pourraient être des erreurs</li>
-                        <li><strong>Montants inhabituels :</strong> Écritures dont le montant sort de la normale</li>
-                        <li><strong>Écritures déséquilibrées :</strong> Écritures dont le total débit ne correspond pas au total crédit</li>
-                        <li><strong>Comptes non conformes :</strong> Utilisation de comptes inappropriés pour certaines opérations</li>
-                        <li><strong>Dates incohérentes :</strong> Écritures datées en dehors de l'exercice courant</li>
-                    </ul>
-                </Section>
-
-                <Section title="Rapports automatiques">
-                    <p>
-                        L'IA génère automatiquement des rapports d'analyse à intervalles réguliers :
-                    </p>
-                    <ul className={css({
-                        margin: 0,
-                        paddingLeft: "1.5rem",
-                        "& li": { marginBottom: "0.25rem" }
-                    })}>
-                        <li><strong>Rapport hebdomadaire :</strong> Synthèse des écritures de la semaine et anomalies détectées</li>
-                        <li><strong>Rapport mensuel :</strong> Analyse des indicateurs clés et comparaison avec le mois précédent</li>
-                        <li><strong>Rapport de clôture :</strong> Vérifications avant la clôture d'un exercice</li>
-                    </ul>
-                </Section>
-
-                <Section title="Configuration">
-                    <p>
-                        Vous pouvez personnaliser les analyses selon vos besoins :
-                    </p>
-                    <ul className={css({
-                        margin: 0,
-                        paddingLeft: "1.5rem",
-                        "& li": { marginBottom: "0.25rem" }
-                    })}>
-                        <li>Définir des seuils d'alerte personnalisés</li>
-                        <li>Activer ou désactiver certains types de détection</li>
-                        <li>Configurer la fréquence des rapports automatiques</li>
-                        <li>Choisir les destinataires des notifications</li>
-                    </ul>
-                </Section>
-
-                <div className={css({
-                    padding: "1.5rem",
-                    borderRadius: "lg",
-                    backgroundColor: "information/8",
-                    border: "1px solid",
-                    borderColor: "information/20"
-                })}>
-                    <p className={css({
-                        fontSize: "sm",
-                        color: "neutral/80",
-                        lineHeight: "relaxed",
-                        margin: 0
-                    })}>
-                        <span className={css({ fontWeight: "semibold", color: "neutral" })}>Disponibilité : </span>
-                        Les fonctionnalités d'analyse IA sont disponibles avec le forfait Pro.
-                        Les utilisateurs du forfait gratuit ont accès à un aperçu limité des analyses.
-                    </p>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& strong": {
-                    color: "neutral",
-                    fontWeight: "medium"
-                }
-            })}>
-                {props.children}
-            </div>
-        </section>
-    )
-}
-
-
-function FeatureCard(props: {
-    icon: ReactNode
-    title: string
-    description: string
-}) {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                width: "2.5rem",
-                height: "2.5rem",
-                borderRadius: "md",
-                backgroundColor: "primary/10",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                color: "primary",
-                "& svg": {
-                    width: "1.25rem",
-                    height: "1.25rem"
-                }
-            })}>
-                {props.icon}
-            </div>
-            <h3 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-                margin: 0
-            })}>
-                {props.title}
-            </h3>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/60",
-                lineHeight: "relaxed",
-                margin: 0
-            })}>
-                {props.description}
-            </p>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/ai/assistant.tsx b/packages/dashboard/src/features/docs/ai/assistant.tsx
deleted file mode 100644
index 155a5a2..0000000
--- a/packages/dashboard/src/features/docs/ai/assistant.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import {
-    IconBulb,
-    IconFileText,
-    IconMessage,
-    IconSparkles
-} from "@tabler/icons-react"
-import type { ReactNode } from "react"
-import { css } from "../../../utilities/cn.js"
-
-
-export function AiAssistant() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Assistant comptable
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Un assistant IA pour vous aider dans vos tâches comptables quotidiennes.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Section title="Présentation">
-                    <p>
-                        L'assistant comptable d'Arrhes utilise l'intelligence artificielle pour vous
-                        accompagner dans la gestion de votre comptabilité. Il comprend le langage naturel
-                        et peut répondre à vos questions, vous suggérer des écritures et vous aider à
-                        résoudre des problèmes courants.
-                    </p>
-                </Section>
-
-                <div className={css({
-                    display: "grid",
-                    gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
-                    gap: "1rem",
-                })}>
-                    <FeatureCard
-                        icon={<IconMessage />}
-                        title="Questions en langage naturel"
-                        description="Posez vos questions comme vous le feriez à un expert-comptable. L'assistant comprend le contexte et vous répond de manière précise."
-                    />
-                    <FeatureCard
-                        icon={<IconSparkles />}
-                        title="Suggestions d'écritures"
-                        description="L'assistant peut suggérer des écritures comptables basées sur vos descriptions ou vos documents importés."
-                    />
-                    <FeatureCard
-                        icon={<IconBulb />}
-                        title="Aide contextuelle"
-                        description="Obtenez de l'aide adaptée à la page où vous vous trouvez et aux données que vous consultez."
-                    />
-                    <FeatureCard
-                        icon={<IconFileText />}
-                        title="Explication des normes"
-                        description="L'assistant vous explique les règles comptables françaises et vous guide dans leur application."
-                    />
-                </div>
-
-                <Section title="Exemples de questions">
-                    <div className={css({
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "0.5rem",
-                    })}>
-                        <ExampleQuestion>
-                            Comment comptabiliser l'achat d'un ordinateur à 1200 EUR HT ?
-                        </ExampleQuestion>
-                        <ExampleQuestion>
-                            Quelle est la différence entre une charge et une immobilisation ?
-                        </ExampleQuestion>
-                        <ExampleQuestion>
-                            Peux-tu m'expliquer le lettrage des comptes clients ?
-                        </ExampleQuestion>
-                        <ExampleQuestion>
-                            Comment enregistrer une facture avec TVA déductible ?
-                        </ExampleQuestion>
-                        <ExampleQuestion>
-                            Quel compte utiliser pour les frais de déplacement ?
-                        </ExampleQuestion>
-                    </div>
-                </Section>
-
-                <Section title="Limites">
-                    <div className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "warning/8",
-                        border: "1px solid",
-                        borderColor: "warning/20",
-                    })}>
-                        <p className={css({ margin: 0 })}>
-                            <strong>Important :</strong> L'assistant IA est un outil d'aide à la décision.
-                            Il ne remplace pas l'expertise d'un professionnel comptable. Pour les situations
-                            complexes ou les décisions importantes, nous vous recommandons de consulter
-                            un expert-comptable.
-                        </p>
-                    </div>
-                </Section>
-
-                <Section title="Confidentialité">
-                    <p>
-                        Vos échanges avec l'assistant sont confidentiels et ne sont pas utilisés pour
-                        entraîner nos modèles. Les données comptables que vous partagez restent
-                        privées et sécurisées.
-                    </p>
-                </Section>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                }
-            })}>
-                {props.children}
-            </div>
-        </section>
-    )
-}
-
-
-function FeatureCard(props: {
-    icon: ReactNode
-    title: string
-    description: string
-}) {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                width: "2.5rem",
-                height: "2.5rem",
-                borderRadius: "md",
-                backgroundColor: "primary/10",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                color: "primary",
-                "& svg": {
-                    width: "1.25rem",
-                    height: "1.25rem"
-                }
-            })}>
-                {props.icon}
-            </div>
-            <h3 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-                margin: 0
-            })}>
-                {props.title}
-            </h3>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/60",
-                lineHeight: "relaxed",
-                margin: 0
-            })}>
-                {props.description}
-            </p>
-        </div>
-    )
-}
-
-
-function ExampleQuestion(props: { children: React.ReactNode }) {
-    return (
-        <div className={css({
-            padding: "0.75rem 1rem",
-            borderRadius: "md",
-            backgroundColor: "neutral/5",
-            fontSize: "sm",
-            color: "neutral",
-            fontStyle: "italic",
-        })}>
-            "{props.children}"
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/aiIndex.tsx b/packages/dashboard/src/features/docs/aiIndex.tsx
deleted file mode 100644
index c72801c..0000000
--- a/packages/dashboard/src/features/docs/aiIndex.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { IconChartBar, IconMessageCircle } from "@tabler/icons-react"
-import { DocLinkCard } from "../../components/document/docLinkCard.js"
-import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
-
-
-export function AiIndex() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Intelligence Artificielle
-                    </h1>
-                    <Badge>Pro</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    L'assistant IA d'Arrhes vous assiste dans la gestion quotidienne de votre comptabilité.
-                    Disponibles avec le plan Pro.
-                </p>
-            </div>
-
-            {/* Features */}
-            <div className={css({
-                display: "grid",
-                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
-                gap: "1rem",
-            })}>
-                <DocLinkCard
-                    icon={<IconMessageCircle />}
-                    iconColor="primary"
-                    title="Assistant comptable"
-                    description="Posez vos questions et obtenez des réponses adaptées à votre contexte comptable."
-                    to="/documentation/ai/assistant"
-                />
-                <DocLinkCard
-                    icon={<IconChartBar />}
-                    iconColor="primary"
-                    title="Analyse des données"
-                    description="Obtenez des insights et des recommandations basées sur vos données financières."
-                    to="/documentation/ai/analyse"
-                />
-            </div>
-
-            {/* How it works */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1rem",
-                padding: "1.5rem",
-                borderRadius: "lg",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                backgroundColor: "white",
-            })}>
-                <h2 className={css({
-                    fontSize: "md",
-                    fontWeight: "semibold",
-                    color: "neutral",
-                })}>
-                    Comment ça fonctionne ?
-                </h2>
-                <p className={css({
-                    fontSize: "sm",
-                    color: "neutral/60",
-                    lineHeight: "relaxed",
-                })}>
-                    L'assistant' IA d'Arrhes utilise des modèles de langage avancés pour comprendre
-                    vos questions et analyser vos données comptables. Ils sont entraînés sur les normes
-                    comptables françaises et s'adaptent au contexte de votre organisation.
-                </p>
-                <ul className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                    paddingLeft: "1rem",
-                })}>
-                    <li className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        listStyleType: "disc",
-                    })}>
-                        Vos données restent privées et ne sont jamais utilisées pour l'entraînement
-                    </li>
-                    <li className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        listStyleType: "disc",
-                    })}>
-                        Les réponses sont contextualisées à votre organisation
-                    </li>
-                    <li className={css({
-                        fontSize: "sm",
-                        color: "neutral/70",
-                        listStyleType: "disc",
-                    })}>
-                        L'IA peut suggérer des écritures mais ne les crée jamais automatiquement
-                    </li>
-                </ul>
-            </div>
-
-            {/* Pro plan note */}
-            <div className={css({
-                padding: "1.5rem",
-                borderRadius: "lg",
-                backgroundColor: "primary/5",
-                border: "1px solid",
-                borderColor: "primary/20"
-            })}>
-                <p className={css({
-                    fontSize: "sm",
-                    color: "neutral/80",
-                    lineHeight: "relaxed"
-                })}>
-                    <span className={css({ fontWeight: "semibold", color: "neutral" })}>Plan Pro requis : </span>
-                    Les fonctionnalités d'intelligence artificielle sont disponibles exclusivement
-                    avec le plan Pro. {" "}
-                    <LinkButton to="/documentation/tarifs" className={css({
-                        color: "primary",
-                        fontWeight: "medium",
-                        _hover: { textDecoration: "underline" }
-                    })}>
-                        En savoir plus sur les tarifs
-                    </LinkButton>
-                </p>
-            </div>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/authentification.tsx b/packages/dashboard/src/features/docs/api/authentification.tsx
deleted file mode 100644
index 73f89ff..0000000
--- a/packages/dashboard/src/features/docs/api/authentification.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiAuthentification() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Authentification
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Apprenez à générer et utiliser des tokens API pour authentifier vos requêtes.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Section title="Génération d'un token API">
-                    <p>
-                        Pour utiliser l'API Arrhes, vous devez d'abord générer un token d'accès depuis
-                        votre tableau de bord :
-                    </p>
-                    <ol>
-                        <li>Connectez-vous à votre compte Arrhes</li>
-                        <li>Accédez aux Paramètres {">"} API</li>
-                        <li>Cliquez sur "Générer un nouveau token"</li>
-                        <li>Copiez et conservez votre token en lieu sûr</li>
-                    </ol>
-                    <div className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "warning/8",
-                        border: "1px solid",
-                        borderColor: "warning/20",
-                        fontSize: "sm",
-                        color: "neutral/80",
-                    })}>
-                        <strong>Important :</strong> Le token n'est affiché qu'une seule fois lors de sa
-                        création. Si vous le perdez, vous devrez en générer un nouveau.
-                    </div>
-                </Section>
-
-                <Section title="Utilisation du token">
-                    <p>
-                        Incluez votre token dans l'en-tête <code>Authorization</code> de chaque requête :
-                    </p>
-                    <CodeBlock>
-{`curl -X GET https://api.arrhes.fr/v1/organisations \\
-  -H "Authorization: Bearer YOUR_API_TOKEN" \\
-  -H "Content-Type: application/json"`}
-                    </CodeBlock>
-                </Section>
-
-                <Section title="Permissions">
-                    <p>
-                        Chaque token est associé à des permissions qui déterminent les actions autorisées :
-                    </p>
-                    <ul>
-                        <li><code>read:organisations</code> - Lecture des organisations</li>
-                        <li><code>write:organisations</code> - Création et modification des organisations</li>
-                        <li><code>read:records</code> - Lecture des écritures comptables</li>
-                        <li><code>write:records</code> - Création et modification des écritures</li>
-                        <li><code>read:reports</code> - Génération des rapports</li>
-                    </ul>
-                </Section>
-
-                <Section title="Révocation d'un token">
-                    <p>
-                        Si votre token est compromis ou n'est plus utilisé, vous pouvez le révoquer :
-                    </p>
-                    <ol>
-                        <li>Accédez aux Paramètres {">"} API</li>
-                        <li>Trouvez le token concerné dans la liste</li>
-                        <li>Cliquez sur "Révoquer"</li>
-                    </ol>
-                    <p>
-                        Le token sera immédiatement invalidé et toutes les requêtes l'utilisant
-                        recevront une erreur 401.
-                    </p>
-                </Section>
-
-                <Section title="Bonnes pratiques">
-                    <ul>
-                        <li>Ne partagez jamais votre token API</li>
-                        <li>Stockez vos tokens dans des variables d'environnement</li>
-                        <li>Utilisez des tokens différents pour chaque application</li>
-                        <li>Révoquez les tokens inutilisés</li>
-                        <li>Limitez les permissions au strict nécessaire</li>
-                    </ul>
-                </Section>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& ul, & ol": {
-                    margin: 0,
-                    paddingLeft: "1.5rem"
-                },
-                "& li": {
-                    marginBottom: "0.25rem"
-                },
-                "& code": {
-                    backgroundColor: "neutral/5",
-                    padding: "0.125rem 0.375rem",
-                    borderRadius: "sm",
-                    fontFamily: "mono",
-                    fontSize: "xs"
-                }
-            })}>
-                {props.children}
-            </div>
-        </section>
-    )
-}
-
-
-function CodeBlock(props: { children: React.ReactNode }) {
-    return (
-        <pre className={css({
-            padding: "1rem",
-            borderRadius: "md",
-            backgroundColor: "neutral/5",
-            fontFamily: "mono",
-            fontSize: "sm",
-            color: "neutral",
-            overflowX: "auto",
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-all"
-        })}>
-            <code>{props.children}</code>
-        </pre>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/comptes.tsx b/packages/dashboard/src/features/docs/api/comptes.tsx
deleted file mode 100644
index d2ec42a..0000000
--- a/packages/dashboard/src/features/docs/api/comptes.tsx
+++ /dev/null
@@ -1,313 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiComptes() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Comptes
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Endpoints pour gérer le plan comptable et consulter les soldes.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/accounts"
-                    description="Liste tous les comptes du plan comptable."
-                    response={`{
-  "data": [
-    {
-      "code": "101000",
-      "name": "Capital social",
-      "class": 1,
-      "type": "balance",
-      "isCustom": false
-    },
-    {
-      "code": "411000",
-      "name": "Clients",
-      "class": 4,
-      "type": "balance",
-      "isCustom": false
-    },
-    {
-      "code": "411001",
-      "name": "Client - Entreprise X",
-      "class": 4,
-      "type": "balance",
-      "isCustom": true,
-      "parentCode": "411000"
-    }
-  ]
-}`}
-                />
-
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontSize: "sm",
-                    color: "neutral/70",
-                })}>
-                    <strong>Classes de comptes :</strong>
-                    <ul className={css({ marginTop: "0.5rem", marginBottom: 0, paddingLeft: "1.5rem" })}>
-                        <li>Classe 1 - Capitaux</li>
-                        <li>Classe 2 - Immobilisations</li>
-                        <li>Classe 3 - Stocks</li>
-                        <li>Classe 4 - Tiers</li>
-                        <li>Classe 5 - Financiers</li>
-                        <li>Classe 6 - Charges</li>
-                        <li>Classe 7 - Produits</li>
-                    </ul>
-                </div>
-
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/accounts/:code"
-                    description="Récupère les détails d'un compte et son solde."
-                    response={`{
-  "data": {
-    "code": "411000",
-    "name": "Clients",
-    "class": 4,
-    "type": "balance",
-    "balance": {
-      "debit": 25000.00,
-      "credit": 18000.00,
-      "solde": 7000.00,
-      "sens": "debiteur"
-    }
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations/:orgId/accounts"
-                    description="Crée un compte personnalisé (subdivision d'un compte existant)."
-                    request={`{
-  "code": "411002",
-  "name": "Client - Entreprise Y",
-  "parentCode": "411000"
-}`}
-                    response={`{
-  "data": {
-    "code": "411002",
-    "name": "Client - Entreprise Y",
-    "class": 4,
-    "type": "balance",
-    "isCustom": true,
-    "parentCode": "411000"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="PATCH"
-                    path="/v1/organisations/:orgId/accounts/:code"
-                    description="Modifie le libellé d'un compte personnalisé."
-                    request={`{
-  "name": "Client - Entreprise Y (nouveau nom)"
-}`}
-                    response={`{
-  "data": {
-    "code": "411002",
-    "name": "Client - Entreprise Y (nouveau nom)",
-    ...
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/accounts/:code/movements"
-                    description="Liste tous les mouvements d'un compte."
-                    response={`{
-  "data": [
-    {
-      "recordId": "rec_abc123",
-      "date": "2024-06-15",
-      "description": "Facture client",
-      "debit": 1200.00,
-      "credit": 0,
-      "balance": 1200.00
-    },
-    {
-      "recordId": "rec_def456",
-      "date": "2024-06-20",
-      "description": "Règlement client",
-      "debit": 0,
-      "credit": 1200.00,
-      "balance": 0
-    }
-  ],
-  "meta": {
-    "total": 2,
-    "page": 1,
-    "perPage": 50
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="DELETE"
-                    path="/v1/organisations/:orgId/accounts/:code"
-                    description="Supprime un compte personnalisé. Impossible si des écritures sont associées."
-                    response={`{
-  "success": true
-}`}
-                />
-            </div>
-        </div>
-    )
-}
-
-
-function Endpoint(props: {
-    method: "GET" | "POST" | "PATCH" | "DELETE"
-    path: string
-    description: string
-    request?: string
-    response: string
-}) {
-    const methodColors = {
-        GET: { bg: "success/10", color: "success" },
-        POST: { bg: "information/10", color: "information" },
-        PATCH: { bg: "warning/10", color: "warning" },
-        DELETE: { bg: "critical/10", color: "critical" }
-    }
-    const style = methodColors[props.method]
-
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                display: "flex",
-                alignItems: "center",
-                gap: "0.75rem",
-            })}>
-                <span className={css({
-                    padding: "0.25rem 0.5rem",
-                    borderRadius: "sm",
-                    fontSize: "xs",
-                    fontWeight: "bold",
-                    fontFamily: "mono",
-                    backgroundColor: style.bg,
-                    color: style.color,
-                })}>
-                    {props.method}
-                </span>
-                <code className={css({
-                    fontSize: "sm",
-                    fontFamily: "mono",
-                    color: "neutral",
-                })}>
-                    {props.path}
-                </code>
-            </div>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/70",
-                margin: 0,
-            })}>
-                {props.description}
-            </p>
-            {props.request && (
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                })}>
-                    <span className={css({
-                        fontSize: "xs",
-                        fontWeight: "medium",
-                        color: "neutral/50",
-                        textTransform: "uppercase",
-                    })}>
-                        Requête
-                    </span>
-                    <pre className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "neutral/5",
-                        fontFamily: "mono",
-                        fontSize: "xs",
-                        color: "neutral",
-                        overflowX: "auto",
-                        margin: 0,
-                    })}>
-                        <code>{props.request}</code>
-                    </pre>
-                </div>
-            )}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-            })}>
-                <span className={css({
-                    fontSize: "xs",
-                    fontWeight: "medium",
-                    color: "neutral/50",
-                    textTransform: "uppercase",
-                })}>
-                    Réponse
-                </span>
-                <pre className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontFamily: "mono",
-                    fontSize: "xs",
-                    color: "neutral",
-                    overflowX: "auto",
-                    margin: 0,
-                })}>
-                    <code>{props.response}</code>
-                </pre>
-            </div>
-        </section>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/ecritures.tsx b/packages/dashboard/src/features/docs/api/ecritures.tsx
deleted file mode 100644
index 27e4426..0000000
--- a/packages/dashboard/src/features/docs/api/ecritures.tsx
+++ /dev/null
@@ -1,318 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiEcritures() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Écritures
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Endpoints pour créer et gérer les écritures comptables.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/records"
-                    description="Liste les écritures comptables avec pagination et filtres."
-                    response={`{
-  "data": [
-    {
-      "id": "rec_abc123",
-      "date": "2024-06-15",
-      "description": "Achat fournitures",
-      "journal": "ACH",
-      "lines": [
-        {
-          "accountCode": "606100",
-          "label": "Fournitures de bureau",
-          "debit": 100.00,
-          "credit": 0
-        },
-        {
-          "accountCode": "401000",
-          "label": "Fournisseurs",
-          "debit": 0,
-          "credit": 100.00
-        }
-      ],
-      "createdAt": "2024-06-15T10:00:00Z"
-    }
-  ],
-  "meta": {
-    "total": 150,
-    "page": 1,
-    "perPage": 20
-  }
-}`}
-                />
-
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontSize: "sm",
-                    color: "neutral/70",
-                })}>
-                    <strong>Paramètres de requête disponibles :</strong>
-                    <ul className={css({ marginTop: "0.5rem", marginBottom: 0, paddingLeft: "1.5rem" })}>
-                        <li><code>fiscalYearId</code> - Filtrer par exercice</li>
-                        <li><code>journal</code> - Filtrer par journal (ACH, VTE, BQ, OD)</li>
-                        <li><code>dateFrom</code> - Date de début (YYYY-MM-DD)</li>
-                        <li><code>dateTo</code> - Date de fin (YYYY-MM-DD)</li>
-                        <li><code>accountCode</code> - Filtrer par compte</li>
-                        <li><code>page</code> - Numéro de page</li>
-                        <li><code>perPage</code> - Nombre d'éléments par page (max 100)</li>
-                    </ul>
-                </div>
-
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/records/:id"
-                    description="Récupère les détails d'une écriture spécifique."
-                    response={`{
-  "data": {
-    "id": "rec_abc123",
-    "date": "2024-06-15",
-    "description": "Achat fournitures",
-    "journal": "ACH",
-    "piece": "FAC-2024-001",
-    "lines": [
-      {
-        "accountCode": "606100",
-        "accountName": "Fournitures non stockables",
-        "label": "Fournitures de bureau",
-        "debit": 100.00,
-        "credit": 0
-      },
-      {
-        "accountCode": "401000",
-        "accountName": "Fournisseurs",
-        "label": "Fournisseurs",
-        "debit": 0,
-        "credit": 100.00
-      }
-    ],
-    "attachments": [],
-    "createdAt": "2024-06-15T10:00:00Z",
-    "updatedAt": "2024-06-15T10:00:00Z"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations/:orgId/records"
-                    description="Crée une nouvelle écriture comptable. L'écriture doit être équilibrée (total débit = total crédit)."
-                    request={`{
-  "fiscalYearId": "fy_2024",
-  "date": "2024-06-20",
-  "description": "Vente marchandises",
-  "journal": "VTE",
-  "piece": "FAC-2024-042",
-  "lines": [
-    {
-      "accountCode": "411000",
-      "label": "Client X",
-      "debit": 1200.00,
-      "credit": 0
-    },
-    {
-      "accountCode": "707000",
-      "label": "Vente marchandises",
-      "debit": 0,
-      "credit": 1000.00
-    },
-    {
-      "accountCode": "445710",
-      "label": "TVA collectée",
-      "debit": 0,
-      "credit": 200.00
-    }
-  ]
-}`}
-                    response={`{
-  "data": {
-    "id": "rec_xyz789",
-    "date": "2024-06-20",
-    ...
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="PATCH"
-                    path="/v1/organisations/:orgId/records/:id"
-                    description="Modifie une écriture existante. Non disponible si l'exercice est clôturé."
-                    request={`{
-  "description": "Vente marchandises - Client X"
-}`}
-                    response={`{
-  "data": {
-    "id": "rec_xyz789",
-    ...
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="DELETE"
-                    path="/v1/organisations/:orgId/records/:id"
-                    description="Supprime une écriture. Non disponible si l'exercice est clôturé."
-                    response={`{
-  "success": true
-}`}
-                />
-            </div>
-        </div>
-    )
-}
-
-
-function Endpoint(props: {
-    method: "GET" | "POST" | "PATCH" | "DELETE"
-    path: string
-    description: string
-    request?: string
-    response: string
-}) {
-    const methodColors = {
-        GET: { bg: "success/10", color: "success" },
-        POST: { bg: "information/10", color: "information" },
-        PATCH: { bg: "warning/10", color: "warning" },
-        DELETE: { bg: "critical/10", color: "critical" }
-    }
-    const style = methodColors[props.method]
-
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                display: "flex",
-                alignItems: "center",
-                gap: "0.75rem",
-            })}>
-                <span className={css({
-                    padding: "0.25rem 0.5rem",
-                    borderRadius: "sm",
-                    fontSize: "xs",
-                    fontWeight: "bold",
-                    fontFamily: "mono",
-                    backgroundColor: style.bg,
-                    color: style.color,
-                })}>
-                    {props.method}
-                </span>
-                <code className={css({
-                    fontSize: "sm",
-                    fontFamily: "mono",
-                    color: "neutral",
-                })}>
-                    {props.path}
-                </code>
-            </div>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/70",
-                margin: 0,
-            })}>
-                {props.description}
-            </p>
-            {props.request && (
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                })}>
-                    <span className={css({
-                        fontSize: "xs",
-                        fontWeight: "medium",
-                        color: "neutral/50",
-                        textTransform: "uppercase",
-                    })}>
-                        Requête
-                    </span>
-                    <pre className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "neutral/5",
-                        fontFamily: "mono",
-                        fontSize: "xs",
-                        color: "neutral",
-                        overflowX: "auto",
-                        margin: 0,
-                    })}>
-                        <code>{props.request}</code>
-                    </pre>
-                </div>
-            )}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-            })}>
-                <span className={css({
-                    fontSize: "xs",
-                    fontWeight: "medium",
-                    color: "neutral/50",
-                    textTransform: "uppercase",
-                })}>
-                    Réponse
-                </span>
-                <pre className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontFamily: "mono",
-                    fontSize: "xs",
-                    color: "neutral",
-                    overflowX: "auto",
-                    margin: 0,
-                })}>
-                    <code>{props.response}</code>
-                </pre>
-            </div>
-        </section>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/erreurs.tsx b/packages/dashboard/src/features/docs/api/erreurs.tsx
deleted file mode 100644
index 33d2144..0000000
--- a/packages/dashboard/src/features/docs/api/erreurs.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiErreurs() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Gestion des erreurs
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Comprendre les codes d'erreur et gérer les cas d'échec dans vos intégrations.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Section title="Format des erreurs">
-                    <p>
-                        Toutes les erreurs de l'API suivent un format standardisé :
-                    </p>
-                    <CodeBlock>
-{`{
-  "error": {
-    "code": "VALIDATION_ERROR",
-    "message": "Le champ 'amount' est requis",
-    "details": {
-      "field": "amount",
-      "reason": "required"
-    }
-  }
-}`}
-                    </CodeBlock>
-                </Section>
-
-                <Section title="Codes HTTP">
-                    <p>
-                        L'API utilise les codes HTTP standards pour indiquer le statut de la requête :
-                    </p>
-                    <table className={css({
-                        width: "100%",
-                        borderCollapse: "collapse",
-                        "& th, & td": {
-                            padding: "0.75rem",
-                            textAlign: "left",
-                            borderBottom: "1px solid",
-                            borderColor: "neutral/10"
-                        },
-                        "& th": {
-                            fontWeight: "medium",
-                            color: "neutral"
-                        },
-                        "& td": {
-                            color: "neutral/70"
-                        }
-                    })}>
-                        <thead>
-                            <tr>
-                                <th>Code</th>
-                                <th>Signification</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td><code>200</code></td>
-                                <td>Succès</td>
-                            </tr>
-                            <tr>
-                                <td><code>201</code></td>
-                                <td>Ressource créée</td>
-                            </tr>
-                            <tr>
-                                <td><code>400</code></td>
-                                <td>Requête invalide</td>
-                            </tr>
-                            <tr>
-                                <td><code>401</code></td>
-                                <td>Non authentifié</td>
-                            </tr>
-                            <tr>
-                                <td><code>403</code></td>
-                                <td>Accès interdit</td>
-                            </tr>
-                            <tr>
-                                <td><code>404</code></td>
-                                <td>Ressource non trouvée</td>
-                            </tr>
-                            <tr>
-                                <td><code>422</code></td>
-                                <td>Erreur de validation</td>
-                            </tr>
-                            <tr>
-                                <td><code>429</code></td>
-                                <td>Trop de requêtes</td>
-                            </tr>
-                            <tr>
-                                <td><code>500</code></td>
-                                <td>Erreur serveur</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </Section>
-
-                <Section title="Codes d'erreur">
-                    <p>
-                        En plus du code HTTP, chaque erreur contient un code spécifique :
-                    </p>
-                    <ul>
-                        <li><code>VALIDATION_ERROR</code> - Données invalides</li>
-                        <li><code>AUTHENTICATION_ERROR</code> - Token invalide ou expiré</li>
-                        <li><code>AUTHORIZATION_ERROR</code> - Permissions insuffisantes</li>
-                        <li><code>NOT_FOUND</code> - Ressource inexistante</li>
-                        <li><code>CONFLICT</code> - Conflit (ex: doublon)</li>
-                        <li><code>RATE_LIMITED</code> - Limite de requêtes atteinte</li>
-                        <li><code>INTERNAL_ERROR</code> - Erreur interne</li>
-                    </ul>
-                </Section>
-
-                <Section title="Limites de requêtes (Rate Limiting)">
-                    <p>
-                        L'API impose des limites de requêtes pour garantir la stabilité du service :
-                    </p>
-                    <ul>
-                        <li>100 requêtes par minute en lecture</li>
-                        <li>30 requêtes par minute en écriture</li>
-                    </ul>
-                    <p>
-                        Les en-têtes suivants indiquent votre utilisation :
-                    </p>
-                    <ul>
-                        <li><code>X-RateLimit-Limit</code> - Limite totale</li>
-                        <li><code>X-RateLimit-Remaining</code> - Requêtes restantes</li>
-                        <li><code>X-RateLimit-Reset</code> - Timestamp de réinitialisation</li>
-                    </ul>
-                </Section>
-
-                <Section title="Gestion des erreurs côté client">
-                    <p>
-                        Exemple de gestion des erreurs en JavaScript :
-                    </p>
-                    <CodeBlock>
-{`async function fetchOrganisations() {
-  try {
-    const response = await fetch('/v1/organisations', {
-      headers: {
-        'Authorization': \`Bearer \${API_TOKEN}\`
-      }
-    });
-
-    if (!response.ok) {
-      const error = await response.json();
-      
-      switch (error.error.code) {
-        case 'AUTHENTICATION_ERROR':
-          // Rediriger vers la connexion
-          break;
-        case 'RATE_LIMITED':
-          // Attendre et réessayer
-          break;
-        default:
-          // Afficher l'erreur
-          console.error(error.error.message);
-      }
-      return;
-    }
-
-    return await response.json();
-  } catch (e) {
-    // Erreur réseau
-    console.error('Erreur de connexion');
-  }
-}`}
-                    </CodeBlock>
-                </Section>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& ul, & ol": {
-                    margin: 0,
-                    paddingLeft: "1.5rem"
-                },
-                "& li": {
-                    marginBottom: "0.25rem"
-                },
-                "& code": {
-                    backgroundColor: "neutral/5",
-                    padding: "0.125rem 0.375rem",
-                    borderRadius: "sm",
-                    fontFamily: "mono",
-                    fontSize: "xs"
-                }
-            })}>
-                {props.children}
-            </div>
-        </section>
-    )
-}
-
-
-function CodeBlock(props: { children: React.ReactNode }) {
-    return (
-        <pre className={css({
-            padding: "1rem",
-            borderRadius: "md",
-            backgroundColor: "neutral/5",
-            fontFamily: "mono",
-            fontSize: "sm",
-            color: "neutral",
-            overflowX: "auto",
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-all"
-        })}>
-            <code>{props.children}</code>
-        </pre>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/exercices.tsx b/packages/dashboard/src/features/docs/api/exercices.tsx
deleted file mode 100644
index a5c33f5..0000000
--- a/packages/dashboard/src/features/docs/api/exercices.tsx
+++ /dev/null
@@ -1,259 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiExercices() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Exercices
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Endpoints pour gérer les exercices comptables.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/fiscal-years"
-                    description="Liste tous les exercices d'une organisation."
-                    response={`{
-  "data": [
-    {
-      "id": "fy_2024",
-      "name": "Exercice 2024",
-      "startDate": "2024-01-01",
-      "endDate": "2024-12-31",
-      "status": "open",
-      "createdAt": "2024-01-01T00:00:00Z"
-    },
-    {
-      "id": "fy_2023",
-      "name": "Exercice 2023",
-      "startDate": "2023-01-01",
-      "endDate": "2023-12-31",
-      "status": "closed",
-      "createdAt": "2023-01-01T00:00:00Z"
-    }
-  ]
-}`}
-                />
-
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:orgId/fiscal-years/:id"
-                    description="Récupère les détails d'un exercice spécifique."
-                    response={`{
-  "data": {
-    "id": "fy_2024",
-    "name": "Exercice 2024",
-    "startDate": "2024-01-01",
-    "endDate": "2024-12-31",
-    "status": "open",
-    "stats": {
-      "recordsCount": 1234,
-      "totalDebit": 150000.00,
-      "totalCredit": 150000.00
-    },
-    "createdAt": "2024-01-01T00:00:00Z"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations/:orgId/fiscal-years"
-                    description="Crée un nouvel exercice comptable."
-                    request={`{
-  "name": "Exercice 2025",
-  "startDate": "2025-01-01",
-  "endDate": "2025-12-31"
-}`}
-                    response={`{
-  "data": {
-    "id": "fy_2025",
-    "name": "Exercice 2025",
-    "startDate": "2025-01-01",
-    "endDate": "2025-12-31",
-    "status": "open",
-    "createdAt": "2025-01-01T10:00:00Z"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations/:orgId/fiscal-years/:id/close"
-                    description="Clôture un exercice. Cette action verrouille toutes les écritures."
-                    response={`{
-  "data": {
-    "id": "fy_2024",
-    "status": "closed",
-    "closedAt": "2025-01-15T10:00:00Z"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations/:orgId/fiscal-years/:id/reopen"
-                    description="Réouvre un exercice clôturé. Nécessite des permissions administrateur."
-                    response={`{
-  "data": {
-    "id": "fy_2024",
-    "status": "open",
-    "reopenedAt": "2025-01-16T10:00:00Z"
-  }
-}`}
-                />
-            </div>
-        </div>
-    )
-}
-
-
-function Endpoint(props: {
-    method: "GET" | "POST" | "PATCH" | "DELETE"
-    path: string
-    description: string
-    request?: string
-    response: string
-}) {
-    const methodColors = {
-        GET: { bg: "success/10", color: "success" },
-        POST: { bg: "information/10", color: "information" },
-        PATCH: { bg: "warning/10", color: "warning" },
-        DELETE: { bg: "critical/10", color: "critical" }
-    }
-    const style = methodColors[props.method]
-
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                display: "flex",
-                alignItems: "center",
-                gap: "0.75rem",
-            })}>
-                <span className={css({
-                    padding: "0.25rem 0.5rem",
-                    borderRadius: "sm",
-                    fontSize: "xs",
-                    fontWeight: "bold",
-                    fontFamily: "mono",
-                    backgroundColor: style.bg,
-                    color: style.color,
-                })}>
-                    {props.method}
-                </span>
-                <code className={css({
-                    fontSize: "sm",
-                    fontFamily: "mono",
-                    color: "neutral",
-                })}>
-                    {props.path}
-                </code>
-            </div>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/70",
-                margin: 0,
-            })}>
-                {props.description}
-            </p>
-            {props.request && (
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                })}>
-                    <span className={css({
-                        fontSize: "xs",
-                        fontWeight: "medium",
-                        color: "neutral/50",
-                        textTransform: "uppercase",
-                    })}>
-                        Requête
-                    </span>
-                    <pre className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "neutral/5",
-                        fontFamily: "mono",
-                        fontSize: "xs",
-                        color: "neutral",
-                        overflowX: "auto",
-                        margin: 0,
-                    })}>
-                        <code>{props.request}</code>
-                    </pre>
-                </div>
-            )}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-            })}>
-                <span className={css({
-                    fontSize: "xs",
-                    fontWeight: "medium",
-                    color: "neutral/50",
-                    textTransform: "uppercase",
-                })}>
-                    Réponse
-                </span>
-                <pre className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontFamily: "mono",
-                    fontSize: "xs",
-                    color: "neutral",
-                    overflowX: "auto",
-                    margin: 0,
-                })}>
-                    <code>{props.response}</code>
-                </pre>
-            </div>
-        </section>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/api/organisations.tsx b/packages/dashboard/src/features/docs/api/organisations.tsx
deleted file mode 100644
index cd93bd7..0000000
--- a/packages/dashboard/src/features/docs/api/organisations.tsx
+++ /dev/null
@@ -1,253 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { css } from "../../../utilities/cn.js"
-
-
-export function ApiOrganisations() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        Organisations
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Endpoints pour gérer les organisations et leurs paramètres.
-                </p>
-            </div>
-
-            {/* Content */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1.5rem",
-            })}>
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations"
-                    description="Liste toutes les organisations auxquelles vous avez accès."
-                    response={`{
-  "data": [
-    {
-      "id": "org_abc123",
-      "name": "Mon Entreprise",
-      "siren": "123456789",
-      "createdAt": "2024-01-15T10:00:00Z",
-      "fiscalYearStart": "01-01"
-    }
-  ],
-  "meta": {
-    "total": 1,
-    "page": 1,
-    "perPage": 20
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="GET"
-                    path="/v1/organisations/:id"
-                    description="Récupère les détails d'une organisation spécifique."
-                    response={`{
-  "data": {
-    "id": "org_abc123",
-    "name": "Mon Entreprise",
-    "siren": "123456789",
-    "address": {
-      "street": "1 rue de la Paix",
-      "city": "Paris",
-      "postalCode": "75001",
-      "country": "FR"
-    },
-    "createdAt": "2024-01-15T10:00:00Z",
-    "fiscalYearStart": "01-01"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="POST"
-                    path="/v1/organisations"
-                    description="Crée une nouvelle organisation."
-                    request={`{
-  "name": "Nouvelle Entreprise",
-  "siren": "987654321",
-  "fiscalYearStart": "01-01"
-}`}
-                    response={`{
-  "data": {
-    "id": "org_xyz789",
-    "name": "Nouvelle Entreprise",
-    "siren": "987654321",
-    "createdAt": "2024-06-01T14:30:00Z",
-    "fiscalYearStart": "01-01"
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="PATCH"
-                    path="/v1/organisations/:id"
-                    description="Met à jour une organisation existante."
-                    request={`{
-  "name": "Entreprise Renommée"
-}`}
-                    response={`{
-  "data": {
-    "id": "org_abc123",
-    "name": "Entreprise Renommée",
-    ...
-  }
-}`}
-                />
-
-                <Endpoint
-                    method="DELETE"
-                    path="/v1/organisations/:id"
-                    description="Supprime une organisation. Cette action est irréversible."
-                    response={`{
-  "success": true
-}`}
-                />
-            </div>
-        </div>
-    )
-}
-
-
-function Endpoint(props: {
-    method: "GET" | "POST" | "PATCH" | "DELETE"
-    path: string
-    description: string
-    request?: string
-    response: string
-}) {
-    const methodColors = {
-        GET: { bg: "success/10", color: "success" },
-        POST: { bg: "information/10", color: "information" },
-        PATCH: { bg: "warning/10", color: "warning" },
-        DELETE: { bg: "critical/10", color: "critical" }
-    }
-    const style = methodColors[props.method]
-
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-            padding: "1.5rem",
-            borderRadius: "lg",
-            border: "1px solid",
-            borderColor: "neutral/10",
-            backgroundColor: "white",
-        })}>
-            <div className={css({
-                display: "flex",
-                alignItems: "center",
-                gap: "0.75rem",
-            })}>
-                <span className={css({
-                    padding: "0.25rem 0.5rem",
-                    borderRadius: "sm",
-                    fontSize: "xs",
-                    fontWeight: "bold",
-                    fontFamily: "mono",
-                    backgroundColor: style.bg,
-                    color: style.color,
-                })}>
-                    {props.method}
-                </span>
-                <code className={css({
-                    fontSize: "sm",
-                    fontFamily: "mono",
-                    color: "neutral",
-                })}>
-                    {props.path}
-                </code>
-            </div>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/70",
-                margin: 0,
-            })}>
-                {props.description}
-            </p>
-            {props.request && (
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                })}>
-                    <span className={css({
-                        fontSize: "xs",
-                        fontWeight: "medium",
-                        color: "neutral/50",
-                        textTransform: "uppercase",
-                    })}>
-                        Requête
-                    </span>
-                    <pre className={css({
-                        padding: "1rem",
-                        borderRadius: "md",
-                        backgroundColor: "neutral/5",
-                        fontFamily: "mono",
-                        fontSize: "xs",
-                        color: "neutral",
-                        overflowX: "auto",
-                        margin: 0,
-                    })}>
-                        <code>{props.request}</code>
-                    </pre>
-                </div>
-            )}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-            })}>
-                <span className={css({
-                    fontSize: "xs",
-                    fontWeight: "medium",
-                    color: "neutral/50",
-                    textTransform: "uppercase",
-                })}>
-                    Réponse
-                </span>
-                <pre className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontFamily: "mono",
-                    fontSize: "xs",
-                    color: "neutral",
-                    overflowX: "auto",
-                    margin: 0,
-                })}>
-                    <code>{props.response}</code>
-                </pre>
-            </div>
-        </section>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/apiIndex.tsx b/packages/dashboard/src/features/docs/apiIndex.tsx
deleted file mode 100644
index 422de5b..0000000
--- a/packages/dashboard/src/features/docs/apiIndex.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { Badge } from "@arrhes/ui"
-import { IconCode, IconSettings } from "@tabler/icons-react"
-import { css } from "../../utilities/cn.js"
-
-
-export function ApiIndex() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
-                })}>
-                    <h1 className={css({
-                        fontSize: "lg",
-                        fontWeight: "bold",
-                        color: "neutral",
-                    })}>
-                        API REST
-                    </h1>
-                    <Badge>En développement</Badge>
-                </div>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    L'API REST d'Arrhes vous permettra d'intégrer vos outils et d'automatiser
-                    vos processus comptables.
-                </p>
-            </div>
-
-            {/* Under development notice */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                gap: "1.5rem",
-                padding: "3rem 2rem",
-                borderRadius: "lg",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                backgroundColor: "white",
-                textAlign: "center",
-            })}>
-                <div className={css({
-                    width: "4rem",
-                    height: "4rem",
-                    borderRadius: "lg",
-                    backgroundColor: "warning/10",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    color: "warning",
-                    "& svg": {
-                        width: "2rem",
-                        height: "2rem"
-                    }
-                })}>
-                    <IconSettings />
-                </div>
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                })}>
-                    <h2 className={css({
-                        fontSize: "md",
-                        fontWeight: "semibold",
-                        color: "neutral",
-                    })}>
-                        API en cours de développement
-                    </h2>
-                    <p className={css({
-                        fontSize: "sm",
-                        color: "neutral/60",
-                        lineHeight: "relaxed",
-                        maxWidth: "28rem",
-                    })}>
-                        Nous travaillons activement sur l'API REST d'Arrhes. Elle vous permettra
-                        de créer des intégrations personnalisées, d'automatiser vos écritures comptables
-                        et de connecter Arrhes à vos autres outils.
-                    </p>
-                </div>
-            </div>
-
-            {/* What to expect */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1rem",
-                padding: "1.5rem",
-                borderRadius: "lg",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                backgroundColor: "white",
-            })}>
-                <h2 className={css({
-                    fontSize: "md",
-                    fontWeight: "semibold",
-                    color: "neutral",
-                })}>
-                    Fonctionnalités prévues
-                </h2>
-                <ul className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "0.5rem",
-                    margin: 0,
-                    paddingLeft: "1.5rem",
-                    fontSize: "sm",
-                    color: "neutral/70",
-                    lineHeight: "relaxed",
-                    "& li": {
-                        marginBottom: "0.25rem"
-                    }
-                })}>
-                    <li>Gestion des organisations et des exercices comptables</li>
-                    <li>Création et modification d'écritures comptables</li>
-                    <li>Consultation du plan comptable et des soldes</li>
-                    <li>Génération de documents (FEC, grand livre, balance...)</li>
-                    <li>Authentification par token API</li>
-                    <li>Webhooks pour les événements importants</li>
-                </ul>
-            </div>
-
-            {/* Preview code */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1rem",
-                padding: "1.5rem",
-                borderRadius: "lg",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                backgroundColor: "white",
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem",
-                })}>
-                    <IconCode className={css({ width: "1.25rem", height: "1.25rem", color: "neutral/50" })} />
-                    <h2 className={css({
-                        fontSize: "md",
-                        fontWeight: "semibold",
-                        color: "neutral",
-                    })}>
-                        Aperçu
-                    </h2>
-                </div>
-                <p className={css({
-                    fontSize: "sm",
-                    color: "neutral/60",
-                    lineHeight: "relaxed",
-                })}>
-                    Voici à quoi ressemblera une requête vers l'API :
-                </p>
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontFamily: "mono",
-                    fontSize: "sm",
-                    color: "neutral",
-                    overflowX: "auto",
-                })}>
-                    <code>
-                        curl -X GET https://api.arrhes.fr/v1/organisations \<br />
-                        {"  "}-H "Authorization: Bearer YOUR_API_TOKEN"
-                    </code>
-                </div>
-            </div>
-
-            {/* Stay informed */}
-            <div className={css({
-                padding: "1.5rem",
-                borderRadius: "lg",
-                backgroundColor: "information/8",
-                border: "1px solid",
-                borderColor: "information/20"
-            })}>
-                <p className={css({
-                    fontSize: "sm",
-                    color: "neutral/80",
-                    lineHeight: "relaxed",
-                    margin: 0
-                })}>
-                    <span className={css({ fontWeight: "semibold", color: "neutral" })}>Restez informé : </span>
-                    Cette documentation sera mise à jour au fur et à mesure du développement de l'API.
-                    Revenez régulièrement pour découvrir les nouvelles fonctionnalités disponibles.
-                </p>
-            </div>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/comptabiliteIndex.tsx b/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
deleted file mode 100644
index 8803f18..0000000
--- a/packages/dashboard/src/features/docs/comptabiliteIndex.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { IconChevronRight } from "@tabler/icons-react"
-import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
-
-
-export function ComptabiliteIndex() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <h1 className={css({
-                    fontSize: "lg",
-                    fontWeight: "bold",
-                    color: "neutral",
-                })}>
-                    Comptabilité
-                </h1>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Apprenez les bases de la comptabilité française et découvrez comment utiliser
-                    Arrhes pour gérer votre comptabilité au quotidien.
-                </p>
-            </div>
-
-            {/* Main sections */}
-            <div className={css({
-                display: "flex",
-                flexDirection: { base: "column", md: "row" },
-                gap: "1.5rem",
-            })}>
-                <LinkButton
-                    to="/documentation/comptabilite/comptes"
-                >
-                    <ButtonContent
-                        variant="outline"
-                        text="Commencer directement"
-                        rightIcon={<IconChevronRight />}
-                    />
-                </LinkButton>
-            </div>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
new file mode 100644
index 0000000..7ff69ac
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
@@ -0,0 +1,20 @@
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+
+
+export function AttachmentsDashboardDocPage() {
+    return (
+        <DocRoot>
+            <DocHeader
+                title="Voter espace de stockage"
+                description="Gérer vos documents et fichiers"
+            />
+
+            <DocNextPage
+                to="/documentation/dashboard/documents"
+                label="Documents de synthèse"
+            />
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/demarrage.tsx b/packages/dashboard/src/features/docs/dashboard/gettingStartedDashboardDocPage.tsx
similarity index 78%
rename from packages/dashboard/src/features/docs/dashboard/demarrage.tsx
rename to packages/dashboard/src/features/docs/dashboard/gettingStartedDashboardDocPage.tsx
index 05432cb..24c8511 100644
--- a/packages/dashboard/src/features/docs/dashboard/demarrage.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/gettingStartedDashboardDocPage.tsx
@@ -4,12 +4,13 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 
 
-export function GuideDemarrage() {
+export function GettingStartedDashboardDocPage() {
     return (
-        <div>
+        <DocRoot>
             <DocHeader
                 title="Démarrer avec Arrhes"
                 description="Premiers pas pour configurer votre comptabilité"
@@ -30,15 +31,17 @@ export function GuideDemarrage() {
                     Une fois connecté, vous arrivez sur la page d'accueil. Si c'est votre première connexion,
                     vous serez invité à créer une organisation.
                 </DocParagraph>
-                <DocList items={[
-                    "Cliquez sur « Ajouter une organisation »",
-                    "Choisissez le type : Entreprise ou Association",
-                    "Renseignez le nom de votre organisation",
-                    "Si c'est une entreprise, indiquez le numéro SIREN (optionnel)"
-                ]} />
+                <DocExample title="Ajouter une organisation">
+                    <DocList items={[
+                        "Cliquez sur « Ajouter une organisation »",
+                        "Choisissez le type : Entreprise ou Association",
+                        "Renseignez le nom de votre organisation",
+                        "Si vous possédez un numéro SIREN, vous pouvez l'indiquer (optionnel)"
+                    ]} />
+                </DocExample>
                 <DocParagraph>
                     Vous pouvez gérer plusieurs organisations depuis le même compte.
-                    Pratique si vous gérez une entreprise et une association !
+                    Pratique si vous gérez une entreprise et une association par exemple !
                 </DocParagraph>
             </DocSection>
 
@@ -68,17 +71,13 @@ export function GuideDemarrage() {
                     L'interface d'Arrhes est organisée autour de plusieurs sections :
                 </DocParagraph>
                 <DocList items={[
-                    <>
-                        <DocLink to="/documentation/dashboard/ecritures">Écritures</DocLink> : pour saisir et consulter les opérations comptables
-                    </>,
-                    "Pièces jointes : pour gérer les justificatifs (factures, relevés...)",
-                    <>
-                        <DocLink to="/documentation/dashboard/rapports">Rapports</DocLink> : pour générer les documents de synthèse
-                    </>,
+                    "Écritures : pour saisir et consulter les opérations comptables",
+                    "Stockage : pour gérer vos documents comme vos pièces justificatives (factures, relevés...)",
+                    "Documents comptables : pour visualiser et générer les documents de synthèse",
                     "Paramètres : pour configurer le plan comptable, les journaux..."
                 ]} />
                 <DocParagraph>
-                    La navigation se fait via le menu latéral. Chaque section est accessible
+                    La navigation se fait via le menu upérieur. Chaque section est accessible
                     en un clic depuis n'importe quelle page.
                 </DocParagraph>
             </DocSection>
@@ -87,7 +86,7 @@ export function GuideDemarrage() {
                 <DocParagraph>
                     Avant de commencer la saisie, assurez-vous de comprendre les bases de la comptabilité.
                     Si vous n'avez jamais fait de comptabilité, nous vous recommandons de lire notre{" "}
-                    <DocLink to="/documentation/comptabilite">cours d'introduction</DocLink>.
+                    <DocLink to="/documentation/comptabilité">cours d'introduction</DocLink>.
                 </DocParagraph>
                 <DocParagraph>
                     Les concepts clés à maîtriser sont :
@@ -103,6 +102,6 @@ export function GuideDemarrage() {
                 to="/documentation/dashboard/organisations"
                 label="Gérer les organisations"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/dashboard/organisations.tsx b/packages/dashboard/src/features/docs/dashboard/organizationsDashboardDocPage.tsx
similarity index 56%
rename from packages/dashboard/src/features/docs/dashboard/organisations.tsx
rename to packages/dashboard/src/features/docs/dashboard/organizationsDashboardDocPage.tsx
index 4b63bff..8730142 100644
--- a/packages/dashboard/src/features/docs/dashboard/organisations.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/organizationsDashboardDocPage.tsx
@@ -5,12 +5,13 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 
 
-export function GuideOrganisations() {
+export function OrganizationsDashboardDocPage() {
     return (
-        <div>
+        <DocRoot>
             <DocHeader
                 title="Gérer les organisations"
                 description="Configuration et administration de vos structures"
@@ -64,11 +65,12 @@ export function GuideOrganisations() {
                 />
                 <DocDefinition
                     term="Membre"
-                    definition={<>Accès limité : peut <DocLink to="/documentation/dashboard/ecritures">saisir des écritures</DocLink> et <DocLink to="/documentation/dashboard/rapports">consulter les rapports</DocLink>, mais ne peut pas modifier les paramètres.</>}
+                    definition={<>Accès limité : peut <DocLink to="/documentation/dashboard/écritures">saisir des écritures</DocLink> et <DocLink to="/documentation/dashboard/documents">consulter les documents de synthèse</DocLink>, mais ne peut pas modifier les paramètres.</>}
                 />
                 <DocExample title="Inviter un membre">
                     <DocList items={[
-                        "Allez dans Paramètres → Membres",
+                        "Allez dans votre organisation",
+                        "Cliquez sur Membres",
                         "Cliquez sur « Inviter un membre »",
                         "Entrez l'adresse email de la personne",
                         "Choisissez son rôle (Administrateur ou Membre)",
@@ -76,62 +78,15 @@ export function GuideOrganisations() {
                     ]} />
                     <DocParagraph>
                         La personne recevra un email avec un lien pour rejoindre l'organisation.
+                        Si la personne ne possède pas de compte associé à cette adresse email, elle devra créer un compte.
                     </DocParagraph>
                 </DocExample>
             </DocSection>
 
-            <DocSection title="Les exercices comptables">
-                <DocParagraph>
-                    Chaque organisation contient un ou plusieurs exercices comptables.
-                    Un exercice représente une période (généralement 12 mois) pendant laquelle
-                    vous enregistrez vos opérations.
-                </DocParagraph>
-                <DocParagraph>
-                    Pour comprendre ce qu'est un exercice comptable, consultez la page sur les{" "}
-                    <DocLink to="/documentation/comptabilite">principes fondamentaux</DocLink>.
-                </DocParagraph>
-                <DocList items={[
-                    "Vous ne pouvez avoir qu'un seul exercice en cours à la fois",
-                    "Les exercices clôturés ne peuvent plus être modifiés",
-                    "À la clôture, le résultat est reporté dans l'exercice suivant"
-                ]} />
-            </DocSection>
-
-            <DocSection title="Configuration du plan comptable">
-                <DocParagraph>
-                    Le plan comptable est la liste des comptes disponibles pour saisir vos écritures.
-                    Arrhes crée automatiquement un plan comptable standard, mais vous pouvez le personnaliser.
-                </DocParagraph>
-                <DocExample title="Ajouter un compte">
-                    <DocList items={[
-                        "Accédez à l'exercice concerné",
-                        "Allez dans Paramètres → Comptes",
-                        "Cliquez sur « Ajouter un compte »",
-                        "Définissez le numéro et l'intitulé du compte",
-                        "Enregistrez"
-                    ]} />
-                    <DocParagraph>
-                        Pour comprendre la numérotation des comptes, consultez la page sur les{" "}
-                        <DocLink to="/documentation/comptabilite/comptes">comptes comptables</DocLink>.
-                    </DocParagraph>
-                </DocExample>
-            </DocSection>
-
-            <DocSection title="Les journaux">
-                <DocParagraph>
-                    Les journaux permettent de classer vos écritures par type d'opération.
-                    Des journaux par défaut sont créés automatiquement (Achats, Ventes, Banque, Caisse, Opérations diverses).
-                </DocParagraph>
-                <DocParagraph>
-                    Vous pouvez créer des journaux supplémentaires si nécessaire (ex : un journal par compte bancaire
-                    si vous en avez plusieurs).
-                </DocParagraph>
-            </DocSection>
-
             <DocNextPage
-                to="/documentation/dashboard/ecritures"
-                label="Saisir des écritures"
+                to="/documentation/dashboard/exercices"
+                label="Gérer les exercices"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/dashboard/ecritures.tsx b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
similarity index 95%
rename from packages/dashboard/src/features/docs/dashboard/ecritures.tsx
rename to packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
index 39ae0f2..51155da 100644
--- a/packages/dashboard/src/features/docs/dashboard/ecritures.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
@@ -4,14 +4,15 @@ import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function GuideEcritures() {
+export function RecordsDashboardDocPage() {
     return (
-        <div>
+        <DocRoot>
             <DocHeader
                 title="Saisir des écritures"
                 description="Enregistrer vos opérations comptables dans Arrhes"
@@ -60,7 +61,7 @@ export function GuideEcritures() {
                 ]} />
                 <DocParagraph>
                     Rappel : comme expliqué dans le cours sur les{" "}
-                    <DocLink to="/documentation/comptabilite/ecritures">écritures comptables</DocLink>,
+                    <DocLink to="/documentation/comptabilité/écritures">écritures comptables</DocLink>,
                     le total des débits doit toujours être égal au total des crédits.
                 </DocParagraph>
 
@@ -139,9 +140,9 @@ export function GuideEcritures() {
             </DocSection>
 
             <DocNextPage
-                to="/documentation/dashboard/rapports"
+                to="/documentation/dashboard/documents"
                 label="Générer des rapports"
             />
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/dashboard/rapports.tsx b/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
similarity index 95%
rename from packages/dashboard/src/features/docs/dashboard/rapports.tsx
rename to packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
index 93be7bd..a7167bc 100644
--- a/packages/dashboard/src/features/docs/dashboard/rapports.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
@@ -4,23 +4,24 @@ import { DocHeader } from "../../../components/document/docHeader.js"
 import { DocLink } from "../../../components/document/docLink.js"
 import { DocList } from "../../../components/document/docList.js"
 import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function GuideRapports() {
+export function ReportsDashboardDocPage() {
     return (
-        <div>
+        <DocRoot>
             <DocHeader
-                title="Générer des rapports"
+                title="Visualiser et générer les documents de synthèse"
                 description="Produire vos documents comptables et analyser vos données"
             />
 
             <DocSection title="Les rapports disponibles">
                 <DocParagraph>
                     Arrhes vous permet de générer les principaux{" "}
-                    <DocLink to="/documentation/comptabilite/documents">documents comptables</DocLink>{" "}
+                    <DocLink to="/documentation/comptabilité/documents">documents comptables</DocLink>{" "}
                     nécessaires à la gestion de votre entreprise et à vos obligations légales.
                 </DocParagraph>
                 <DocList items={[
@@ -193,11 +194,11 @@ export function GuideRapports() {
                         })}>
                             Vous avez terminé le guide d'utilisation d'Arrhes. Vous maîtrisez maintenant
                             les fonctionnalités essentielles pour gérer votre comptabilité. N'hésitez pas
-                            à consulter le <DocLink to="/documentation/comptabilite">cours de comptabilité</DocLink> si vous souhaitez approfondir vos connaissances.
+                            à consulter le <DocLink to="/documentation/comptabilité">cours de comptabilité</DocLink> si vous souhaitez approfondir vos connaissances.
                         </p>
                     </div>
                 </div>
             </div>
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/dashboard/rootDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/rootDashboardDocPage.tsx
new file mode 100644
index 0000000..2400c3a
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/rootDashboardDocPage.tsx
@@ -0,0 +1,103 @@
+import { ButtonContent, LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
+import { IconChevronRight } from "@tabler/icons-react"
+import { DocLink } from "../../../components/document/docLink.tsx"
+import { DocRoot } from "../../../components/document/docRoot.tsx"
+import { DocTip } from "../../../components/document/docTip.tsx"
+import { LinkButton } from "../../../components/linkButton.tsx"
+
+
+export function RootDashboardDocPage() {
+    return (
+        <DocRoot>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Guide d'utilisation
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Découvrez comment utiliser Arrhes au quotidien pour gérer votre comptabilité
+                    de manière simple et efficace.
+                </p>
+            </div>
+
+            {/* About section */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Nouveau sur Arrhes ?
+                </h2>
+                <p className={css({
+                    fontSize: "sm",
+                    color: "neutral/60",
+                    lineHeight: "relaxed",
+                })}>
+                    Commencez par le guide de démarrage pour configurer votre première organisation
+                    et comprendre les bases du logiciel.
+                </p>
+                <div className={css({
+                    display: "flex",
+                    gap: "0.5rem",
+                })}>
+                    <LinkButton
+                        to="/documentation/dashboard/démarrage"
+                    >
+                        <ButtonContent
+                            variant="outline"
+                            text="Démarrage"
+                            rightIcon={<IconChevronRight />}
+                        />
+                    </LinkButton>
+                </div>
+            </div>
+
+            <DocTip variant="info">
+                <span>
+                    Vous avez trouvé un bug ? Vous souhaitez ajouter une fonctionnalité ?{" "}
+                    <a
+                        href="https://github.com/arrhes/arrhes-platform/issues"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <LinkContent>
+                            Ouvrez un ticket sur GitHub
+                        </LinkContent>
+                    </a>
+                    {" "}pour que nous puissions discuter de ça rapidement.
+                </span>
+            </DocTip>
+
+            {/* Tip box */}
+            <DocTip variant="tip">
+                Si vous n'avez jamais fait de comptabilité, nous vous recommandons de commencer par le{" "}
+                <DocLink to="/documentation/comptabilité">cours de comptabilité</DocLink>
+                {" "}avant de consulter le guide d'utilisation. Cela vous permettra de mieux comprendre
+                les concepts utilisés dans le logiciel.
+            </DocTip>
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboard/yearsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/yearsDashboardDocPage.tsx
new file mode 100644
index 0000000..7c21798
--- /dev/null
+++ b/packages/dashboard/src/features/docs/dashboard/yearsDashboardDocPage.tsx
@@ -0,0 +1,73 @@
+import { DocExample } from "../../../components/document/docExample.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocSection } from "../../../components/document/docSection.js"
+
+
+export function YearsDashboardDocPage() {
+    return (
+        <DocRoot>
+            <DocHeader
+                title="Gérer les exercices"
+                description="Configuration et administration de vos exercices"
+            />
+
+            <DocSection title="Les exercices comptables">
+                <DocParagraph>
+                    Chaque organisation contient un ou plusieurs exercices comptables.
+                    Un exercice représente une période (généralement 12 mois) pendant laquelle
+                    vous enregistrez vos opérations.
+                </DocParagraph>
+                <DocParagraph>
+                    Pour comprendre ce qu'est un exercice comptable, consultez la page sur les{" "}
+                    <DocLink to="/documentation/comptabilité">principes fondamentaux</DocLink>.
+                </DocParagraph>
+                <DocList items={[
+                    "Vous ne pouvez avoir qu'un seul exercice en cours à la fois",
+                    "Les exercices clôturés ne peuvent plus être modifiés",
+                    "À la clôture, le résultat est reporté dans l'exercice suivant"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Configuration du plan comptable">
+                <DocParagraph>
+                    Le plan comptable est la liste des comptes disponibles pour saisir vos écritures.
+                    Arrhes crée automatiquement un plan comptable standard, mais vous pouvez le personnaliser.
+                </DocParagraph>
+                <DocExample title="Ajouter un compte">
+                    <DocList items={[
+                        "Accédez à l'exercice concerné",
+                        "Allez dans Paramètres → Comptes",
+                        "Cliquez sur « Ajouter un compte »",
+                        "Définissez le numéro et l'intitulé du compte",
+                        "Enregistrez"
+                    ]} />
+                    <DocParagraph>
+                        Pour comprendre la numérotation des comptes, consultez la page sur les{" "}
+                        <DocLink to="/documentation/comptabilité/comptes">comptes comptables</DocLink>.
+                    </DocParagraph>
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Les journaux">
+                <DocParagraph>
+                    Les journaux permettent de classer vos écritures par type d'opération.
+                    Des journaux par défaut sont créés automatiquement (Achats, Ventes, Banque, Caisse, Opérations diverses).
+                </DocParagraph>
+                <DocParagraph>
+                    Vous pouvez créer des journaux supplémentaires si nécessaire (ex : un journal par compte bancaire
+                    si vous en avez plusieurs).
+                </DocParagraph>
+            </DocSection>
+
+            <DocNextPage
+                to="/documentation/dashboard/écritures"
+                label="Saisir des écritures"
+            />
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/dashboardIndex.tsx b/packages/dashboard/src/features/docs/dashboardIndex.tsx
deleted file mode 100644
index 95f970f..0000000
--- a/packages/dashboard/src/features/docs/dashboardIndex.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { ButtonContent } from "@arrhes/ui"
-import { IconChevronRight, IconRocket } from "@tabler/icons-react"
-import { DocLink } from "../../components/document/docLink.js"
-import { DocTip } from "../../components/document/docTip.js"
-import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
-
-
-export function DashboardIndex() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <h1 className={css({
-                    fontSize: "lg",
-                    fontWeight: "bold",
-                    color: "neutral",
-                })}>
-                    Guide d'utilisation
-                </h1>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Découvrez comment utiliser Arrhes au quotidien pour gérer votre comptabilité
-                    de manière simple et efficace.
-                </p>
-            </div>
-
-
-            <div className={css({
-                padding: "1.5rem",
-                borderRadius: "lg",
-                backgroundColor: "primary/5",
-                border: "1px solid",
-                borderColor: "primary/20",
-                display: "flex",
-                flexDirection: { base: "column", md: "row" },
-                alignItems: { base: "flex-start", md: "center" },
-                gap: "1rem",
-            })}>
-                <div className={css({
-                    width: "3rem",
-                    height: "3rem",
-                    borderRadius: "md",
-                    backgroundColor: "primary/10",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    color: "primary",
-                    flexShrink: 0,
-                    "& svg": {
-                        width: "1.5rem",
-                        height: "1.5rem"
-                    }
-                })}>
-                    <IconRocket />
-                </div>
-                <div className={css({ flex: "1" })}>
-                    <h2 className={css({
-                        fontSize: "md",
-                        fontWeight: "semibold",
-                        color: "neutral",
-                        mb: "0.25rem"
-                    })}>
-                        Nouveau sur Arrhes ?
-                    </h2>
-                    <p className={css({
-                        fontSize: "sm",
-                        color: "neutral/60",
-                    })}>
-                        Commencez par le guide de démarrage pour configurer votre première organisation
-                        et comprendre les bases du logiciel.
-                    </p>
-                </div>
-                <LinkButton
-                    to="/documentation/dashboard/demarrage"
-                >
-                    <ButtonContent
-                        variant="primary"
-                        text="Commencer"
-                        rightIcon={<IconChevronRight />}
-                    />
-                </LinkButton>
-            </div>
-
-            <DocTip variant="info">
-                <span>
-                    Vous avez trouvé un bug ? Vous souhaitez ajouter une fonctionnalité ?{" "}
-                    <a
-                        className={css({ color: "primary", fontWeight: "semibold", _hover: { textDecoration: "underline" } })}
-                        href="https://github.com/arrhes/arrhes-platform/issues"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                    >
-                        Ouvrez un ticket sur GitHub
-                    </a>
-                    {" "}pour que nous puissions discuter de ça rapidement.
-                </span>
-            </DocTip>
-
-            {/* Tip box */}
-            <DocTip variant="tip">
-                Si vous n'avez jamais fait de comptabilité, nous vous recommandons de commencer par le{" "}
-                <DocLink to="/documentation/comptabilite">cours de comptabilité</DocLink>
-                {" "}avant de consulter le guide d'utilisation. Cela vous permettra de mieux comprendre
-                les concepts utilisés dans le logiciel.
-            </DocTip>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/docSections.tsx b/packages/dashboard/src/features/docs/docSections.tsx
index 77ad151..974aed5 100644
--- a/packages/dashboard/src/features/docs/docSections.tsx
+++ b/packages/dashboard/src/features/docs/docSections.tsx
@@ -1,6 +1,6 @@
 import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconBook, IconGavel, IconHeadset, IconHome, IconInfoCircle, IconLayout } from "@tabler/icons-react"
-import { DocSection } from "./components/sectionTab.tsx"
+import { IconBook, IconGavel, IconHome, IconInfoCircle, IconLayout } from "@tabler/icons-react"
+import { DocSection } from "./sectionTab.tsx"
 
 
 export // Documentation sections configuration
@@ -16,7 +16,8 @@ export // Documentation sections configuration
                     icon: <IconHome className={css({ width: "1rem", height: "1rem" })} />,
                     items: [
                         { path: "/documentation", label: "Accueil" },
-                        { path: "/documentation/fonctionnalites", label: "Fonctionnalités" },
+                        { path: "/documentation/fonctionnalités", label: "Fonctionnalités" },
+                        { path: "/documentation/philosophie", label: "Philosophie" },
                         { path: "/documentation/tarifs", label: "Tarifs" },
                         { path: "/documentation/support", label: "Support" },
                     ]
@@ -25,9 +26,9 @@ export // Documentation sections configuration
                     title: "Légal",
                     icon: <IconGavel className={css({ width: "1rem", height: "1rem" })} />,
                     items: [
-                        { path: "/documentation/mentions-legales", label: "Mentions légales" },
+                        { path: "/documentation/mentions-légales", label: "Mentions légales" },
                         { path: "/documentation/cgu", label: "Conditions Générales d'Utilisation" },
-                        { path: "/documentation/confidentialite", label: "Politique de confidentialité" },
+                        { path: "/documentation/confidentialité", label: "Politique de confidentialité" },
                     ]
                 }
             }
@@ -35,17 +36,17 @@ export // Documentation sections configuration
         comptabilite: {
             id: "comptabilite",
             label: "Comptabilité",
-            path: "/documentation/comptabilite",
+            path: "/documentation/comptabilité",
             icon: <IconBook />,
             navigation: {
                 cours: {
                     title: "Cours de comptabilité",
                     icon: <IconBook className={css({ width: "1rem", height: "1rem" })} />,
                     items: [
-                        { path: "/documentation/comptabilite", label: "Introduction" },
-                        { path: "/documentation/comptabilite/comptes", label: "Les comptes" },
-                        { path: "/documentation/comptabilite/ecritures", label: "Les écritures" },
-                        { path: "/documentation/comptabilite/documents", label: "Les documents" },
+                        { path: "/documentation/comptabilité", label: "Introduction" },
+                        { path: "/documentation/comptabilité/comptes", label: "Les comptes" },
+                        { path: "/documentation/comptabilité/écritures", label: "Les écritures" },
+                        { path: "/documentation/comptabilité/documents", label: "Les documents" },
                     ]
                 }
             }
@@ -61,10 +62,12 @@ export // Documentation sections configuration
                     icon: <IconLayout className={css({ width: "1rem", height: "1rem" })} />,
                     items: [
                         { path: "/documentation/dashboard", label: "Accueil" },
-                        { path: "/documentation/dashboard/demarrage", label: "Démarrage" },
+                        { path: "/documentation/dashboard/démarrage", label: "Démarrage" },
                         { path: "/documentation/dashboard/organisations", label: "Organisations" },
-                        { path: "/documentation/dashboard/ecritures", label: "Saisie des écritures" },
-                        { path: "/documentation/dashboard/rapports", label: "Rapports" },
+                        { path: "/documentation/dashboard/exercices", label: "Exercices" },
+                        { path: "/documentation/dashboard/écritures", label: "Saisie des écritures" },
+                        { path: "/documentation/dashboard/stockage", label: "Stockage" },
+                        { path: "/documentation/dashboard/documents", label: "Documents comptables" },
                     ]
                 }
             }
diff --git a/packages/dashboard/src/features/docs/documentationLayout.tsx b/packages/dashboard/src/features/docs/documentationLayout.tsx
index 58bbd00..79f1762 100644
--- a/packages/dashboard/src/features/docs/documentationLayout.tsx
+++ b/packages/dashboard/src/features/docs/documentationLayout.tsx
@@ -9,16 +9,16 @@ import { Outlet, useRouterState } from "@tanstack/react-router"
 import { useState } from "react"
 import { LinkButton } from "../../components/linkButton.js"
 import { css, cx } from "../../utilities/cn.js"
-import { SectionTab } from "./components/sectionTab.js"
-import { SidebarNavigation } from "./components/sidebarNavigation.js"
 import { docSections } from "./docSections.js"
+import { SectionTab } from "./sectionTab.js"
+import { SidebarNavigation } from "./sidebarNavigation.js"
 
 
 type DocSectionId = keyof typeof docSections
 
 
 function getCurrentSection(pathname: string): DocSectionId {
-    if (pathname.startsWith("/documentation/comptabilite")) return "comptabilite"
+    if (pathname.startsWith("/documentation/comptabilité")) return "comptabilite"
     if (pathname.startsWith("/documentation/dashboard")) return "dashboard"
     // if (pathname.startsWith("/documentation/api")) return "api"
     // if (pathname.startsWith("/documentation/ai")) return "ai"
@@ -214,13 +214,9 @@ export function DocumentationLayout() {
                             width: "16rem",
                             borderRight: "1px solid",
                             borderRightColor: "neutral/10",
-                            backgroundColor: "white",
-                            position: "sticky",
-                            top: "120px",
-                            height: "calc(100vh - 120px)",
                             overflowY: "auto",
                             flexShrink: 0,
-                            display: { base: "none", lg: "block" }
+                            display: "flex"
                         }),
                         mobileMenuOpen && css({
                             display: "block",
diff --git a/packages/dashboard/src/features/docs/root/features/featureCard.tsx b/packages/dashboard/src/features/docs/general/features/featureCard.tsx
similarity index 96%
rename from packages/dashboard/src/features/docs/root/features/featureCard.tsx
rename to packages/dashboard/src/features/docs/general/features/featureCard.tsx
index 3f531ce..ce7844b 100644
--- a/packages/dashboard/src/features/docs/root/features/featureCard.tsx
+++ b/packages/dashboard/src/features/docs/general/features/featureCard.tsx
@@ -18,7 +18,6 @@ export function FeatureCard(props: {
             borderRadius: "lg",
             border: "1px solid",
             borderColor: "neutral/10",
-            backgroundColor: "white",
         })}>
             <div className={css({
                 display: "flex",
@@ -32,7 +31,7 @@ export function FeatureCard(props: {
                     width: "2.5rem",
                     height: "2.5rem",
                     borderRadius: "md",
-                    backgroundColor: "primary/10",
+                    backgroundColor: "background",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
diff --git a/packages/dashboard/src/features/docs/root/features/featuresPage.tsx b/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
similarity index 93%
rename from packages/dashboard/src/features/docs/root/features/featuresPage.tsx
rename to packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
index 54ab4ff..a4ce534 100644
--- a/packages/dashboard/src/features/docs/root/features/featuresPage.tsx
+++ b/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
@@ -4,17 +4,14 @@ import {
     IconLock,
     IconUsers
 } from "@tabler/icons-react"
+import { DocRoot } from "../../../../components/document/docRoot.js"
 import { css } from "../../../../utilities/cn.js"
 import { FeatureCard } from "./featureCard.js"
 
 
-export function FeaturesPage() {
+export function FeaturesGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -47,7 +44,7 @@ export function FeaturesPage() {
                 <FeatureCard
                     icon={<IconBook />}
                     title="Saisie des écritures"
-                    description="Enregistrez vos écritures comptables avec un journal intuitif. Importez vos relevés bancaires automatiquement."
+                    description="Enregistrez vos écritures comptables avec une interface intuitive."
                     features={[
                         "Journal chronologique",
                         // "Import CSV/OFX",
@@ -68,7 +65,7 @@ export function FeaturesPage() {
                 <FeatureCard
                     icon={<IconFileText />}
                     title="Documents comptables"
-                    description="Générez tous vos documents comptables conformes aux normes françaises."
+                    description="Générez tous vos documents comptables de synthèse conformes aux normes françaises."
                     features={[
                         "Grand livre, Balance générale, Bilan comptablen Compte de résultat",
                         "Mise à jour automatique à chaque nouvelle écriture",
@@ -93,7 +90,7 @@ export function FeaturesPage() {
                     features={[
                         "Organisations illimitées",
                         "Gestion des membres",
-                        "Rôles et permissions",
+                        // "Rôles et permissions",
                         "Exercices illimités"
                     ]}
                 />
@@ -130,6 +127,6 @@ export function FeaturesPage() {
                     ]}
                 />
             </div>
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/root/mentionsLegales.tsx b/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
similarity index 52%
rename from packages/dashboard/src/features/docs/root/mentionsLegales.tsx
rename to packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
index f6661b6..e19c31c 100644
--- a/packages/dashboard/src/features/docs/root/mentionsLegales.tsx
+++ b/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
@@ -1,14 +1,14 @@
+import { LinkContent } from "@arrhes/ui"
+import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocTextSection } from "../../../components/document/docTextSection.js"
 import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function MentionsLegales() {
+export function LegalGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -37,58 +37,74 @@ export function MentionsLegales() {
                 flexDirection: "column",
                 gap: "1.5rem",
             })}>
-                <Section title="Éditeur du site">
+                <DocTextSection title="Éditeur du site">
                     <p>
-                        Le site arrhes.fr est édité par Arrhes SAS, société par actions simplifiée
-                        au capital de 1 000 euros, immatriculée au Registre du Commerce et des Sociétés
-                        de Paris sous le numéro XXX XXX XXX.
+                        Le site arrhes.com est édité par Barbote SAS, société par actions simplifiée
+                        au capital de 1000.00 euros, immatriculée au Registre du Commerce et des Sociétés
+                        de Paris sous le numéro 908 719 503.
                     </p>
                     <p>
-                        <strong>Siège social :</strong> [Adresse à compléter]<br />
-                        <strong>Numéro de TVA intracommunautaire :</strong> FR XX XXX XXX XXX<br />
-                        <strong>Directeur de la publication :</strong> [Nom à compléter]<br />
-                        <strong>Contact :</strong> contact@arrhes.fr
+                        <strong>Siège social :</strong> 93 rue Sedaine, 75011 Paris<br />
+                        <strong>Numéro de TVA intracommunautaire :</strong> FR02 908 719 503<br />
+                        <strong>Directeur de la publication :</strong> Emile Sabatier<br />
+                        <strong>Contact :</strong>{" "}
+                        <a
+                            href="mailto:contact@arrhes.com"
+                        >
+                            <LinkContent>
+                                contact@arrhes.com
+                            </LinkContent>
+                        </a>
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="Hébergement">
+                <DocTextSection title="Hébergement">
                     <p>
-                        Le site est hébergé par :<br />
-                        [Nom de l'hébergeur]<br />
-                        [Adresse de l'hébergeur]<br />
-                        [Téléphone de l'hébergeur]
+                        Le site est hébergé par la société :<br />
+                        OVH<br />
+                        RCS Lille Métropole, 424 761 419 00045<br />
+                        2 rue Kellermann - 59100 Roubaix - France
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="Propriété intellectuelle">
+                <DocTextSection title="Propriété intellectuelle">
                     <p>
                         L'ensemble du contenu de ce site (textes, images, vidéos, logos, icônes, etc.)
                         est protégé par les lois relatives à la propriété intellectuelle.
                     </p>
                     <p>
-                        Le code source d'Arrhes est distribué sous licence open source.
-                        Consultez notre dépôt GitHub pour plus d'informations sur les conditions d'utilisation.
+                        Le code source d'Arrhes est distribué sous licence {" "}
+                        <a
+                            href="https://raw.githubusercontent.com/arrhes/arrhes-platform/refs/heads/main/LICENSE"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            <LinkContent>
+                                AGPL-3.0
+                            </LinkContent>
+                        </a>.
+                        Consultez notre dépôt GitHub pour plus d'informations.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="Données personnelles">
+                <DocTextSection title="Données personnelles">
                     <p>
                         Les informations relatives au traitement de vos données personnelles sont
-                        détaillées dans notre <a href="/documentation/confidentialite" className={css({
+                        détaillées dans notre <a href="/documentation/confidentialité" className={css({
                             color: "primary",
                             textDecoration: "underline"
                         })}>Politique de confidentialité</a>.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="Cookies">
+                <DocTextSection title="Cookies">
                     <p>
                         Ce site utilise des cookies strictement nécessaires au fonctionnement du service.
                         Aucun cookie publicitaire ou de traçage n'est utilisé.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="Limitation de responsabilité">
+                <DocTextSection title="Limitation de responsabilité">
                     <p>
                         Arrhes s'efforce de fournir des informations exactes et à jour sur ce site.
                         Toutefois, nous ne pouvons garantir l'exactitude, la complétude ou l'actualité
@@ -98,61 +114,14 @@ export function MentionsLegales() {
                         L'utilisateur est seul responsable de l'utilisation qu'il fait des informations
                         et fonctionnalités disponibles sur ce site.
                     </p>
-                </Section>
+                </DocTextSection>
 
                 <DocTip variant="info">
                     Oui, pour notre comptabilité, nous utilisons Arrhes. ;)
                 </DocTip>
 
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "lg",
-                    backgroundColor: "neutral/5",
-                    fontSize: "sm",
-                    color: "neutral/60",
-                })}>
-                    Dernière mise à jour : Janvier 2026
-                </div>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& strong": {
-                    color: "neutral",
-                    fontWeight: "medium"
-                }
-            })}>
-                {props.children}
+                <DocLastUpdate date="12 Février 2026" />
             </div>
-        </section>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx b/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
new file mode 100644
index 0000000..6bcaf31
--- /dev/null
+++ b/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
@@ -0,0 +1,31 @@
+import { css } from "../../../../utilities/cn.js"
+
+
+export function FaqItem(props: {
+    question: string
+    answer: string
+}) {
+    return (
+        <div className={css({
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.25rem",
+        })}>
+            <h3 className={css({
+                fontSize: "sm",
+                fontWeight: "medium",
+                color: "neutral",
+            })}>
+                {props.question}
+            </h3>
+            <p className={css({
+                fontSize: "sm",
+                color: "neutral/60",
+                lineHeight: "relaxed",
+                margin: 0,
+            })}>
+                {props.answer}
+            </p>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
new file mode 100644
index 0000000..8a383a7
--- /dev/null
+++ b/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
@@ -0,0 +1,74 @@
+import { DocRoot } from "../../../../components/document/docRoot.js"
+import { css } from "../../../../utilities/cn.js"
+import { Pricing } from "../../../website/pricing.js"
+import { FaqItem } from "./faqItem.js"
+
+
+export function PricingGeneralDocPage() {
+    return (
+        <DocRoot>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Tarifs
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Un logiciel de comptabilité conçu pour être transparent et accessible à tous.
+                </p>
+            </div>
+
+            {/* Pricing cards */}
+            <Pricing />
+
+            {/* FAQ */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1rem",
+                padding: "1.5rem",
+                borderRadius: "lg",
+                border: "1px solid",
+                borderColor: "neutral/10",
+                backgroundColor: "white",
+            })}>
+                <h2 className={css({
+                    fontSize: "md",
+                    fontWeight: "semibold",
+                    color: "neutral",
+                })}>
+                    Questions fréquentes
+                </h2>
+                <div className={css({
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "1rem",
+                })}>
+                    <FaqItem
+                        question="Puis-je changer de forfait à tout moment ?"
+                        answer="Oui, vous pouvez passer au plan professionel ou revenir au forfait basique à tout moment. Le changement prend effet à la fin de la période payée."
+                    />
+                    <FaqItem
+                        question="Y a-t-il un engagement ?"
+                        answer="Non, le plan professionel est sans engagement. Vous pouvez annuler à tout moment et continuer à utiliser le service jusqu'à la fin de la période payée."
+                    />
+                    <FaqItem
+                        question="Pourquoi avoir choisi ce modèle ?"
+                        answer="Nous souhaitons démocratiser l'accès à la comptabilité au plus grand nombre. Nous avons ajouté une offre professionnelle afin de pouvoir continuer à développer la plateforme."
+                    />
+                </div>
+            </div>
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/confidentialite.tsx b/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
similarity index 61%
rename from packages/dashboard/src/features/docs/root/confidentialite.tsx
rename to packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
index 1ddfbc8..1b5853c 100644
--- a/packages/dashboard/src/features/docs/root/confidentialite.tsx
+++ b/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
@@ -1,13 +1,14 @@
+import { LinkContent } from "@arrhes/ui"
+import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocTextSection } from "../../../components/document/docTextSection.js"
+import { LinkButton } from "../../../components/linkButton.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function Confidentialite() {
+export function PrivacyGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -36,18 +37,30 @@ export function Confidentialite() {
                 flexDirection: "column",
                 gap: "1.5rem",
             })}>
-                <Section title="1. Responsable du traitement">
+                <DocTextSection title="1. Responsable du traitement">
                     <p>
-                        Le responsable du traitement des données personnelles est Arrhes SAS,
-                        dont le siège social est situé à [Adresse à compléter].
+                        Le responsable du traitement des données personnelles est la même société que celle qui mentionnée dans les {" "}
+                        <LinkButton
+                            to="/documentation/mentions-légales"
+                        >
+                            <LinkContent>
+                                mentions légales</LinkContent>
+                        </LinkButton>.
                     </p>
                     <p>
                         Pour toute question relative à vos données personnelles, vous pouvez nous
-                        contacter à l'adresse : privacy@arrhes.fr
+                        contacter à l'adresse :{" "}
+                        <a
+                            href="mailto:support@arrhes.com"
+                        >
+                            <LinkContent>
+                                support@arrhes.com
+                            </LinkContent>
+                        </a>
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="2. Données collectées">
+                <DocTextSection title="2. Données collectées">
                     <p>Nous collectons les données suivantes :</p>
                     <ul>
                         <li><strong>Données d'identification :</strong> nom, prénom, adresse email</li>
@@ -55,44 +68,44 @@ export function Confidentialite() {
                         <li><strong>Données comptables :</strong> écritures, comptes, documents que vous saisissez</li>
                         <li><strong>Données d'usage :</strong> fonctionnalités utilisées, préférences</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="3. Finalités du traitement">
+                <DocTextSection title="3. Finalités du traitement">
                     <p>Vos données sont utilisées pour :</p>
                     <ul>
-                        <li>Fournir et améliorer le service Arrhes</li>
+                        <li>Fournir et améliorer le service</li>
                         <li>Gérer votre compte utilisateur</li>
                         <li>Assurer la sécurité du service</li>
                         <li>Vous contacter pour des informations relatives au service</li>
                         <li>Respecter nos obligations légales</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="4. Base légale">
+                <DocTextSection title="4. Base légale">
                     <p>
                         Le traitement de vos données repose sur les bases légales suivantes :
                     </p>
                     <ul>
                         <li><strong>Exécution du contrat :</strong> pour fournir le service</li>
                         <li><strong>Intérêt légitime :</strong> pour améliorer nos services et assurer la sécurité</li>
-                        <li><strong>Consentement :</strong> pour les communications marketing (optionnel)</li>
-                        <li><strong>Obligation légale :</strong> pour la conservation des données comptables</li>
+                        <li><strong>Consentement :</strong> pour les communications (optionnel)</li>
+                        <li><strong>Obligation légale :</strong> pour la conservation des données liées au paiement</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="5. Durée de conservation">
+                <DocTextSection title="5. Durée de conservation">
                     <p>
                         Vos données sont conservées pendant la durée de votre utilisation du service,
                         puis :
                     </p>
                     <ul>
                         <li>Données de compte : supprimées à la clôture du compte</li>
-                        <li>Données comptables : conservées 10 ans conformément à la loi</li>
+                        <li>Données de paiement : conservées 10 ans conformément à la loi</li>
                         <li>Logs de connexion : conservés 1 an</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="6. Destinataires des données">
+                <DocTextSection title="6. Destinataires des données">
                     <p>
                         Vos données peuvent être partagées avec :
                     </p>
@@ -101,31 +114,31 @@ export function Confidentialite() {
                         <li>Les autorités en cas d'obligation légale</li>
                     </ul>
                     <p>
-                        Nous ne vendons jamais vos données à des tiers.
+                        Nous ne fournissons jamais vos données, à quelque titre que ce soit, à des tiers.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="7. Transferts hors UE">
+                <DocTextSection title="7. Transferts hors UE">
                     <p>
                         Vos données sont hébergées en France et ne font l'objet d'aucun transfert
                         en dehors de l'Union Européenne.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="8. Sécurité">
+                <DocTextSection title="8. Sécurité">
                     <p>
                         Nous mettons en oeuvre des mesures techniques et organisationnelles pour
                         protéger vos données :
                     </p>
                     <ul>
                         <li>Chiffrement des données en transit et au repos</li>
-                        <li>Authentification sécurisée avec option 2FA</li>
+                        {/* <li>Authentification sécurisée avec option 2FA</li> */}
                         <li>Sauvegardes régulières</li>
                         <li>Accès limité au personnel autorisé</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="9. Vos droits">
+                <DocTextSection title="9. Vos droits">
                     <p>
                         Conformément au RGPD, vous disposez des droits suivants :
                     </p>
@@ -138,75 +151,28 @@ export function Confidentialite() {
                         <li><strong>Droit de limitation :</strong> limiter le traitement</li>
                     </ul>
                     <p>
-                        Pour exercer ces droits, contactez-nous à privacy@arrhes.fr ou utilisez
-                        les fonctionnalités disponibles dans votre compte.
+                        Pour exercer ces droits, contactez-nous à{" "}
+                        <a
+                            href="mailto:support@arrhes.com"
+                        >
+                            <LinkContent>
+                                support@arrhes.com
+                            </LinkContent>
+                        </a>
+                        .
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="10. Réclamation">
+                <DocTextSection title="10. Réclamation">
                     <p>
                         Si vous estimez que le traitement de vos données ne respecte pas la
-                        réglementation, vous pouvez introduire une réclamation auprès de la CNIL
+                        réglementation, nous pouvons en discuter ensemble. Dans le cas échéant, vous pouvez introduire une réclamation auprès de la CNIL
                         (Commission Nationale de l'Informatique et des Libertés).
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontSize: "sm",
-                    color: "neutral/60",
-                })}>
-                    Dernière mise à jour : Janvier 2026
-                </div>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& ul": {
-                    margin: 0,
-                    paddingLeft: "1.5rem"
-                },
-                "& li": {
-                    marginBottom: "0.25rem"
-                },
-                "& strong": {
-                    color: "neutral",
-                    fontWeight: "medium"
-                }
-            })}>
-                {props.children}
+                <DocLastUpdate date="12 Février 2026" />
             </div>
-        </section>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/documentationIndex.tsx b/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
similarity index 52%
rename from packages/dashboard/src/features/docs/documentationIndex.tsx
rename to packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
index dabcd1b..cd80a4f 100644
--- a/packages/dashboard/src/features/docs/documentationIndex.tsx
+++ b/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
@@ -1,17 +1,13 @@
 import { ButtonContent } from "@arrhes/ui"
-import { IconBook, IconChevronRight } from "@tabler/icons-react"
-import { DocLinkCard } from "../../components/document/docLinkCard.js"
-import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
+import { IconChevronRight } from "@tabler/icons-react"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { LinkButton } from "../../../components/linkButton.js"
+import { css } from "../../../utilities/cn.js"
 
 
-export function DocumentationIndex() {
+export function RootGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -30,47 +26,11 @@ export function DocumentationIndex() {
                     fontSize: "md",
                     lineHeight: "relaxed",
                 })}>
-                    Bienvenue dans la documentation d'Arrhes. Vous pouvez ici découvrir le logiciel, comment l'utiliser ou encore
-                    reprendre les bases de la comptabilité ou explorez notre API.
+                    Bienvenue dans la documentation d'Arrhes. Vous pouvez ici découvrir le projet,
+                    reprendre les bases de la comptabilité ou apprendre à utiliser le logiciel.
                 </p>
             </div>
 
-            {/* Quick links to other sections */}
-            <div className={css({
-                display: "grid",
-                gridTemplateColumns: { base: "1fr", md: "repeat(2, 1fr)" },
-                gap: "1rem",
-            })}>
-                <DocLinkCard
-                    icon={<IconBook />}
-                    iconColor="primary"
-                    title="Comptabilité"
-                    description="Cours de comptabilité et guide d'utilisation du logiciel."
-                    to="/documentation/comptabilite"
-                />
-                <DocLinkCard
-                    icon={<IconBook />}
-                    iconColor="primary"
-                    title="Dashboard"
-                    description="Cours de comptabilité et guide d'utilisation du logiciel."
-                    to="/documentation/dashboard"
-                />
-                {/* <DocLinkCard
-                    icon={<IconCode />}
-                    iconColor="primary"
-                    title="API"
-                    description="Documentation de l'API REST pour intégrer Arrhes à vos outils."
-                    to="/documentation/api"
-                /> */}
-                {/* <DocLinkCard
-                    icon={<IconRobot />}
-                    iconColor="primary"
-                    title="Intelligence Artificielle"
-                    description="Découvrez l'assistant IA pour faire passer votre comptabilité à la vitesse supérieure."
-                    to="/documentation/ai"
-                /> */}
-            </div>
-
             {/* About section */}
             <div className={css({
                 display: "flex",
@@ -103,7 +63,7 @@ export function DocumentationIndex() {
                     gap: "0.5rem",
                 })}>
                     <LinkButton
-                        to="/documentation/fonctionnalites"
+                        to="/documentation/fonctionnalités"
                     >
                         <ButtonContent
                             variant="default"
@@ -113,6 +73,6 @@ export function DocumentationIndex() {
                     </LinkButton>
                 </div>
             </div>
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/root/support.tsx b/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
similarity index 77%
rename from packages/dashboard/src/features/docs/root/support.tsx
rename to packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
index d17707e..6546e03 100644
--- a/packages/dashboard/src/features/docs/root/support.tsx
+++ b/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
@@ -1,15 +1,14 @@
-import { IconBook, IconBrandGithub, IconMail } from "@tabler/icons-react"
+import { LinkContent } from "@arrhes/ui"
+import { IconBrandGithub, IconMail } from "@tabler/icons-react"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocTip } from "../../../components/document/docTip.js"
 import { LinkButton } from "../../../components/linkButton.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function Support() {
+export function SupportGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -39,8 +38,7 @@ export function Support() {
                 gap: "1rem",
             })}>
                 {/* Email support */}
-                <a
-                    href="mailto:support@arrhes.com"
+                <div
                     className={css({
                         display: "flex",
                         flexDirection: "column",
@@ -50,11 +48,6 @@ export function Support() {
                         border: "1px solid",
                         borderColor: "neutral/10",
                         backgroundColor: "white",
-                        transition: "all",
-                        _hover: {
-                            borderColor: "primary/30",
-                            backgroundColor: "primary/5",
-                        }
                     })}
                 >
                     <div className={css({
@@ -69,7 +62,7 @@ export function Support() {
                             width: "2.5rem",
                             height: "2.5rem",
                             borderRadius: "md",
-                            backgroundColor: "primary/10",
+                            backgroundColor: "background",
                         })}>
                             <IconMail className={css({
                                 width: "1.25rem",
@@ -92,20 +85,18 @@ export function Support() {
                     })}>
                         Contactez notre équipe par email pour toute question ou demande d'assistance.
                     </p>
-                    <span className={css({
-                        fontSize: "sm",
-                        fontWeight: "medium",
-                        color: "primary",
-                    })}>
-                        support@arrhes.com
-                    </span>
-                </a>
+                    <a
+                        href="mailto:support@arrhes.com"
+                        className={css({})}
+                    >
+                        <LinkContent>
+                            support@arrhes.com
+                        </LinkContent>
+                    </a>
+                </div>
 
                 {/* GitHub */}
-                <a
-                    href="https://github.com/arrhes/arrhes"
-                    target="_blank"
-                    rel="noopener noreferrer"
+                <div
                     className={css({
                         display: "flex",
                         flexDirection: "column",
@@ -115,11 +106,6 @@ export function Support() {
                         border: "1px solid",
                         borderColor: "neutral/10",
                         backgroundColor: "white",
-                        transition: "all",
-                        _hover: {
-                            borderColor: "neutral/30",
-                            backgroundColor: "neutral/5",
-                        }
                     })}
                 >
                     <div className={css({
@@ -134,7 +120,7 @@ export function Support() {
                             width: "2.5rem",
                             height: "2.5rem",
                             borderRadius: "md",
-                            backgroundColor: "neutral/10",
+                            backgroundColor: "background",
                         })}>
                             <IconBrandGithub className={css({
                                 width: "1.25rem",
@@ -157,16 +143,24 @@ export function Support() {
                     })}>
                         Signalez un bug, proposez une amélioration ou consultez le code source.
                     </p>
-                    <span className={css({
-                        fontSize: "sm",
-                        fontWeight: "medium",
-                        color: "neutral/70",
-                    })}>
-                        github.com/arrhes/arrhes
-                    </span>
-                </a>
+                    <a
+                        href="https://github.com/arrhes/arrhes"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <LinkContent>
+                            github.com/arrhes/arrhes
+                        </LinkContent>
+                    </a>
+                </div>
             </div>
 
+
+            {/* Response time info */}
+            <DocTip variant="info">
+                Nous nous efforçons de répondre à toutes les demandes dans un délai de 48 heures ouvrées.
+            </DocTip>
+
             {/* Documentation section */}
             <div className={css({
                 display: "flex",
@@ -187,12 +181,12 @@ export function Support() {
                     gap: "0.75rem",
                 })}>
                     <LinkButton
-                        to="/documentation/dashboard"
+                        to="/documentation/comptabilité"
                         className={css({
                             width: "100%",
                             gap: "0.75rem",
                             padding: "1rem",
-                            borderRadius: "lg",
+                            borderRadius: "md",
                             border: "1px solid",
                             borderColor: "neutral/10",
                             backgroundColor: "white",
@@ -203,35 +197,30 @@ export function Support() {
                             }
                         })}
                     >
-                        <IconBook className={css({
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "neutral/60",
-                        })} />
                         <div>
                             <p className={css({
                                 fontSize: "sm",
                                 fontWeight: "medium",
                                 color: "neutral",
                             })}>
-                                Guide d'utilisation
+                                Cours de comptabilité
                             </p>
                             <p className={css({
                                 fontSize: "xs",
                                 color: "neutral/50",
                             })}>
-                                Apprenez à utiliser Arrhes efficacement
+                                Les bases de la comptabilité expliquées simplement
                             </p>
                         </div>
                     </LinkButton>
 
                     <LinkButton
-                        to="/documentation/comptabilite"
+                        to="/documentation/dashboard"
                         className={css({
                             width: "100%",
                             gap: "0.75rem",
                             padding: "1rem",
-                            borderRadius: "lg",
+                            borderRadius: "md",
                             border: "1px solid",
                             borderColor: "neutral/10",
                             backgroundColor: "white",
@@ -242,40 +231,25 @@ export function Support() {
                             }
                         })}
                     >
-                        <IconBook className={css({
-                            width: "1.25rem",
-                            height: "1.25rem",
-                            color: "neutral/60",
-                        })} />
                         <div>
                             <p className={css({
                                 fontSize: "sm",
                                 fontWeight: "medium",
                                 color: "neutral",
                             })}>
-                                Cours de comptabilité
+                                Guide d'utilisation du dashboard
                             </p>
                             <p className={css({
                                 fontSize: "xs",
                                 color: "neutral/50",
                             })}>
-                                Les bases de la comptabilité expliquées simplement
+                                Apprenez à utiliser Arrhes efficacement
                             </p>
                         </div>
                     </LinkButton>
-                </div>
-            </div>
 
-            {/* Response time info */}
-            <div className={css({
-                padding: "1rem",
-                borderRadius: "md",
-                backgroundColor: "neutral/5",
-                fontSize: "sm",
-                color: "neutral/60",
-            })}>
-                Nous nous efforçons de répondre à toutes les demandes dans un délai de 48 heures ouvrées.
+                </div>
             </div>
-        </div>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/root/cgu.tsx b/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
similarity index 62%
rename from packages/dashboard/src/features/docs/root/cgu.tsx
rename to packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
index f95e082..ceb2d4b 100644
--- a/packages/dashboard/src/features/docs/root/cgu.tsx
+++ b/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
@@ -1,13 +1,13 @@
+import { LinkContent } from "@arrhes/ui"
+import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocTextSection } from "../../../components/document/docTextSection.js"
 import { css } from "../../../utilities/cn.js"
 
 
-export function Cgu() {
+export function TermsGeneralDocPage() {
     return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
+        <DocRoot>
             {/* Page header */}
             <div className={css({
                 display: "flex",
@@ -36,30 +36,30 @@ export function Cgu() {
                 flexDirection: "column",
                 gap: "1.5rem",
             })}>
-                <Section title="1. Objet">
+                <DocTextSection title="1. Objet">
                     <p>
                         Les présentes Conditions Générales d'Utilisation (CGU) ont pour objet de définir
                         les modalités et conditions d'utilisation du service Arrhes, accessible à l'adresse
-                        arrhes.fr.
+                        arrhes.com.
                     </p>
                     <p>
                         En utilisant le service, l'utilisateur accepte sans réserve les présentes CGU.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="2. Description du service">
+                <DocTextSection title="2. Description du service">
                     <p>
                         Arrhes est un logiciel de comptabilité en ligne permettant aux entreprises et
                         associations de gérer leur comptabilité, saisir des écritures, générer des documents
                         comptables et collaborer en équipe.
                     </p>
                     <p>
-                        Le service est proposé en version gratuite avec des fonctionnalités limitées,
-                        et en version payante avec des fonctionnalités étendues.
+                        Le service est proposé en version basique (gratuite) avec les fonctionnalités de base,
+                        et en version professionnelle (payante) avec des fonctionnalités étendues.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="3. Inscription et compte">
+                <DocTextSection title="3. Inscription et compte">
                     <p>
                         L'utilisation du service nécessite la création d'un compte utilisateur.
                         L'utilisateur s'engage à fournir des informations exactes et à jour lors de
@@ -69,9 +69,9 @@ export function Cgu() {
                         L'utilisateur est responsable de la confidentialité de ses identifiants de
                         connexion et de toutes les activités effectuées depuis son compte.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="4. Utilisation du service">
+                <DocTextSection title="4. Utilisation du service">
                     <p>L'utilisateur s'engage à :</p>
                     <ul>
                         <li>Utiliser le service conformément à sa destination</li>
@@ -80,9 +80,9 @@ export function Cgu() {
                         <li>Respecter les droits de propriété intellectuelle</li>
                         <li>Ne pas collecter de données d'autres utilisateurs sans autorisation</li>
                     </ul>
-                </Section>
+                </DocTextSection>
 
-                <Section title="5. Données et responsabilité">
+                <DocTextSection title="5. Données et responsabilité">
                     <p>
                         L'utilisateur est seul responsable des données qu'il saisit dans le service.
                         Arrhes ne peut être tenu responsable des erreurs comptables résultant d'une
@@ -92,107 +92,67 @@ export function Cgu() {
                         L'utilisateur est encouragé à vérifier ses données et à consulter un
                         professionnel comptable en cas de doute.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="6. Propriété intellectuelle">
+                <DocTextSection title="6. Propriété intellectuelle">
                     <p>
-                        Le code source d'Arrhes est distribué sous licence open source. Les conditions
-                        spécifiques de cette licence sont disponibles sur notre dépôt GitHub.
+                        Le code source d'Arrhes est distribué sous licence {" "}
+                        <a
+                            href="https://raw.githubusercontent.com/arrhes/arrhes-platform/refs/heads/main/LICENSE"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            <LinkContent>
+                                AGPL-3.0
+                            </LinkContent>
+                        </a>
+                        .
+                        Les conditions spécifiques de cette licence sont disponibles sur notre dépôt GitHub.
                     </p>
                     <p>
-                        Les marques, logos et contenus graphiques restent la propriété d'Arrhes SAS.
+                        Les marques, logos et contenus graphiques restent la propriété de l'entreprise.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="7. Protection des données">
+                <DocTextSection title="7. Protection des données">
                     <p>
                         Le traitement des données personnelles est décrit dans notre{" "}
-                        <a href="/documentation/confidentialite" className={css({
+                        <a href="/documentation/confidentialité" className={css({
                             color: "primary",
                             textDecoration: "underline"
                         })}>Politique de confidentialité</a>.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="8. Résiliation">
+                <DocTextSection title="8. Résiliation">
                     <p>
                         L'utilisateur peut supprimer son compte à tout moment depuis les paramètres
                         de son profil. La suppression entraîne l'effacement de toutes les données
-                        associées au compte.
+                        associées au compte, sauf celle nécessaires, i.e. les données légales.
                     </p>
                     <p>
                         Arrhes se réserve le droit de suspendre ou supprimer un compte en cas de
                         violation des présentes CGU.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="9. Modification des CGU">
+                <DocTextSection title="9. Modification des CGU">
                     <p>
                         Arrhes se réserve le droit de modifier les présentes CGU à tout moment.
                         Les utilisateurs seront informés de toute modification substantielle par
                         email ou notification dans l'application.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <Section title="10. Droit applicable">
+                <DocTextSection title="10. Droit applicable">
                     <p>
                         Les présentes CGU sont soumises au droit français. En cas de litige, les
                         tribunaux de Paris seront seuls compétents.
                     </p>
-                </Section>
+                </DocTextSection>
 
-                <div className={css({
-                    padding: "1rem",
-                    borderRadius: "md",
-                    backgroundColor: "neutral/5",
-                    fontSize: "sm",
-                    color: "neutral/60",
-                })}>
-                    Dernière mise à jour : Janvier 2026
-                </div>
-            </div>
-        </div>
-    )
-}
-
-
-function Section(props: {
-    title: string
-    children: React.ReactNode
-}) {
-    return (
-        <section className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.75rem",
-        })}>
-            <h2 className={css({
-                fontSize: "md",
-                fontWeight: "semibold",
-                color: "neutral",
-            })}>
-                {props.title}
-            </h2>
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem",
-                fontSize: "sm",
-                color: "neutral/70",
-                lineHeight: "relaxed",
-                "& p": {
-                    margin: 0
-                },
-                "& ul": {
-                    margin: 0,
-                    paddingLeft: "1.5rem"
-                },
-                "& li": {
-                    marginBottom: "0.25rem"
-                }
-            })}>
-                {props.children}
+                <DocLastUpdate date="12 Février 2026" />
             </div>
-        </section>
+        </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
new file mode 100644
index 0000000..950f611
--- /dev/null
+++ b/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
@@ -0,0 +1,111 @@
+import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocTextSection } from "../../../components/document/docTextSection.js"
+import { css } from "../../../utilities/cn.js"
+
+
+export function WhitepaperGeneralDocPage() {
+    return (
+        <DocRoot>
+            {/* Page header */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem"
+            })}>
+                <h1 className={css({
+                    fontSize: "lg",
+                    fontWeight: "bold",
+                    color: "neutral",
+                })}>
+                    Notre philosophie
+                </h1>
+                <p className={css({
+                    color: "neutral/60",
+                    fontSize: "md",
+                    lineHeight: "relaxed",
+                })}>
+                    Nous souhaitons une transparence totale avec notre communauté. C'est pourquoi nous avons rédigé ces quelques lignes.
+                </p>
+            </div>
+
+            {/* Content */}
+            <div className={css({
+                display: "flex",
+                flexDirection: "column",
+                gap: "1.5rem",
+            })}>
+                <DocTextSection title="Notre vision">
+                    <p>
+                        Nous voulons que la comptabilité devienne accessible, compréhensible et même
+                        agréable. Trop d'outils comptables sont pensés par des comptables pour des comptables.
+                        Nous construisons Arrhes pour les gens qui veulent faire leur comptabilité sans
+                        être experts du domaine.
+                    </p>
+                    <p>
+                        À terme, nous voulons qu'Arrhes devienne la référence open source de la comptabilité
+                        en France — un outil moderne, transparent et communautaire, soutenu par un modèle
+                        économique sain. Un outil dont la communauté est fière, parce qu'elle contribue à
+                        le rendre meilleur chaque jour.
+                    </p>
+                    <p>
+                        L'intelligence artificielle est au coeur de cette vision. Pas comme un gadget
+                        marketing, mais comme un véritable assistant qui peut vous accompagner, suivre des instructions,
+                        détecte les anomalies, et vous aide à prendre des décisions. L'IA doit rendre la comptabilité
+                        plus simple, pas plus complexe.
+                    </p>
+                </DocTextSection>
+
+                <DocTextSection title="Pourquoi l'open source ?">
+                    <p>
+                        Arrhes est un logiciel open source parce que nous croyons que la comptabilité
+                        ne devrait pas être une boîte noire. Quand il s'agit de vos finances, vous devriez
+                        pouvoir vérifier exactement ce que fait votre outil, comment il calcule vos soldes,
+                        et où sont stockées vos données. Mieux comprendre sa comptabilité, c'est mieux comprendre
+                        son activité.
+                    </p>
+                    <p>
+                        Mais au-delà de la transparence, l'open source est un choix communautaire. Un logiciel
+                        de comptabilité utilisé par des associations, des indépendants et des petites entreprises
+                        a tout intérêt à être construit avec eux. Les retours, les contributions et les idées
+                        de la communauté rendent le produit meilleur pour tout le monde. Chaque utilisateur
+                        peut signaler un bug, proposer une amélioration ou adapter l'outil à ses besoins.
+                    </p>
+                    <p>
+                        Nous pensons aussi qu'à l'ère de l'intelligence artificielle, l'open source a plus
+                        de sens que jamais. Les modèles IA sont entraînés sur du code et savent le restituer.
+                        Nous pensons que la valeur ajoutée ne réside plus vraiment dans le code, mais plutôt
+                        dans son architecture pensée par et pour les utilisateurs.
+                    </p>
+                </DocTextSection>
+
+                <DocTextSection title="Notre modèle économique">
+                    <p>
+                        Notre approche est simple : le coeur du logiciel est gratuit, et nous faisons payer
+                        uniquement ce qui nous coûte cher à fournir.
+                    </p>
+                    <p>
+                        Toute la comptabilité — saisie des écritures, plan comptable, bilan, compte de résultat,
+                        gestion des pièces jointes — est accessible gratuitement. Nous ne croyons pas aux limitations
+                        artificielles qui frustrent les utilisateurs pour les pousser à payer.
+                    </p>
+                    <p>
+                        Ce qui est payant, ce sont les fonctionnalités qui ont un coût réel pour nous : le stockage,
+                        l'assistant IA (qui consomme des ressources de calcul), l'hébergement cloud géré
+                        (serveurs, sauvegardes, maintenance), et les intégrations avancées. En résumé,
+                        vous payez pour l'infrastructure et l'intelligence artificielle, pas pour le logiciel
+                        lui-même.
+                    </p>
+                    <p>
+                        Ce modèle nous semble juste. Les revenus générés par les offres payantes financent
+                        l'ensemble du projet : le développement des fonctionnalités basiques, la maintenance,
+                        la documentation et le support communautaire. Chaque abonnement soutient l'outil
+                        pour tout le monde.
+                    </p>
+                </DocTextSection>
+
+                <DocLastUpdate date="12 Février 2026" />
+            </div>
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx b/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
deleted file mode 100644
index 56d3ac0..0000000
--- a/packages/dashboard/src/features/docs/root/pricing/tarifs.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import type { ReactNode } from "react"
-import { css } from "../../../../utilities/cn.js"
-import { Pricing } from "../../../website/pricing.js"
-
-
-export function Tarifs() {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "2rem"
-        })}>
-            {/* Page header */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "0.5rem"
-            })}>
-                <h1 className={css({
-                    fontSize: "lg",
-                    fontWeight: "bold",
-                    color: "neutral",
-                })}>
-                    Tarifs
-                </h1>
-                <p className={css({
-                    color: "neutral/60",
-                    fontSize: "md",
-                    lineHeight: "relaxed",
-                })}>
-                    Un logiciel de comptabilité conçu pour être simple, transparent et facile à utiliser,
-                    tout en respectant les exigences de la comptabilité française.
-                </p>
-            </div>
-
-            {/* Pricing cards */}
-            <Pricing />
-
-            {/* FAQ */}
-            <div className={css({
-                display: "flex",
-                flexDirection: "column",
-                gap: "1rem",
-                padding: "1.5rem",
-                borderRadius: "lg",
-                border: "1px solid",
-                borderColor: "neutral/10",
-                backgroundColor: "white",
-            })}>
-                <h2 className={css({
-                    fontSize: "md",
-                    fontWeight: "semibold",
-                    color: "neutral",
-                })}>
-                    Questions fréquentes
-                </h2>
-                <div className={css({
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "1rem",
-                })}>
-                    <FaqItem
-                        question="Puis-je changer de forfait à tout moment ?"
-                        answer="Oui, vous pouvez passer au forfait Pro ou revenir au forfait gratuit à tout moment. Le changement prend effet immédiatement."
-                    />
-                    <FaqItem
-                        question="Y a-t-il un engagement ?"
-                        answer="Non, le forfait Pro est sans engagement. Vous pouvez annuler à tout moment et continuer à utiliser le service jusqu'à la fin de la période payée."
-                    />
-                    <FaqItem
-                        question="Pourquoi avoir choisi ce modèle ?"
-                        answer="Nous souhaitons démocratiser l'accès à la comptabilité au plus grand nombre. Nous avons ajouté l'offre Pro afin de pouvoir continuer à développer la plateforme."
-                    />
-                </div>
-            </div>
-        </div>
-    )
-}
-
-
-function FeatureItem(props: {
-    icon: ReactNode
-    text: string
-    highlighted?: boolean
-}) {
-    return (
-        <div className={css({
-            display: "flex",
-            alignItems: "center",
-            gap: "0.5rem",
-        })}>
-            <div className={css({
-                width: "1.25rem",
-                height: "1.25rem",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                color: props.highlighted ? "primary" : "neutral/50",
-                "& svg": {
-                    width: "1rem",
-                    height: "1rem"
-                }
-            })}>
-                {props.icon}
-            </div>
-            <span className={css({
-                fontSize: "sm",
-                color: props.highlighted ? "primary" : "neutral/70",
-                fontWeight: props.highlighted ? "medium" : "normal",
-            })}>
-                {props.text}
-            </span>
-        </div>
-    )
-}
-
-
-function FaqItem(props: {
-    question: string
-    answer: string
-}) {
-    return (
-        <div className={css({
-            display: "flex",
-            flexDirection: "column",
-            gap: "0.25rem",
-        })}>
-            <h3 className={css({
-                fontSize: "sm",
-                fontWeight: "medium",
-                color: "neutral",
-            })}>
-                {props.question}
-            </h3>
-            <p className={css({
-                fontSize: "sm",
-                color: "neutral/60",
-                lineHeight: "relaxed",
-                margin: 0,
-            })}>
-                {props.answer}
-            </p>
-        </div>
-    )
-}
diff --git a/packages/dashboard/src/features/docs/components/sectionTab.tsx b/packages/dashboard/src/features/docs/sectionTab.tsx
similarity index 93%
rename from packages/dashboard/src/features/docs/components/sectionTab.tsx
rename to packages/dashboard/src/features/docs/sectionTab.tsx
index 93fec55..4c77f33 100644
--- a/packages/dashboard/src/features/docs/components/sectionTab.tsx
+++ b/packages/dashboard/src/features/docs/sectionTab.tsx
@@ -1,7 +1,7 @@
 import { ButtonContent } from "@arrhes/ui"
 import { Icon, IconProps } from "@tabler/icons-react"
 import { ReactElement } from "react"
-import { LinkButton } from "../../../components/linkButton.js"
+import { LinkButton } from "../../components/linkButton.tsx"
 
 
 export interface DocSection {
diff --git a/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx b/packages/dashboard/src/features/docs/sidebarNavigation.tsx
similarity index 94%
rename from packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
rename to packages/dashboard/src/features/docs/sidebarNavigation.tsx
index 890ac86..d8232b6 100644
--- a/packages/dashboard/src/features/docs/components/sidebarNavigation.tsx
+++ b/packages/dashboard/src/features/docs/sidebarNavigation.tsx
@@ -1,7 +1,7 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import type { ReactNode } from "react"
-import { LinkButton } from "../../../components/linkButton.js"
-import { css } from "../../../utilities/cn.js"
+import { LinkButton } from "../../components/linkButton.tsx"
 
 
 export interface NavigationSection {
@@ -18,6 +18,7 @@ export function SidebarNavigation(props: {
 }) {
     return (
         <nav className={css({
+            width: "100%",
             display: "flex",
             flexDirection: "column",
             gap: "0.5rem",
diff --git a/packages/dashboard/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
index 80871cd..e586f1e 100644
--- a/packages/dashboard/src/features/rootLayout.tsx
+++ b/packages/dashboard/src/features/rootLayout.tsx
@@ -30,8 +30,8 @@ export function RootLayout() {
             className={css({
                 position: "relative",
                 minHeight: "100dvh",
-                width: "100dvw",
-                maxWidth: "100dvw",
+                width: "100%",
+                maxWidth: "100%",
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "start",
diff --git a/packages/dashboard/src/features/website/pricing.tsx b/packages/dashboard/src/features/website/pricing.tsx
index 77614cf..2738e78 100644
--- a/packages/dashboard/src/features/website/pricing.tsx
+++ b/packages/dashboard/src/features/website/pricing.tsx
@@ -76,8 +76,8 @@ export function Pricing() {
                     <FeatureItem icon={<IconAppWindow />} text="Accès illimité à l'application" />
                     <FeatureItem icon={<IconCloudUpload />} text="Stockage de documents (jusqu'à 1Go)" />
                     <FeatureItem icon={<IconBuildings />} text="Multiple organisations" />
-                    <FeatureItem icon={<IconUsers />} text="Multiple accès par organisation" />
-                    <FeatureItem icon={<IconFileText />} text="Génération de la liasse fiscale" />
+                    <FeatureItem icon={<IconUsers />} text="Multiple membres" />
+                    <FeatureItem icon={<IconFileText />} text="Génération des documents de synthèse pour la liasse fiscale" />
                     <FeatureItem icon={<IconFileText />} text="Export du Fichier des Écritures Comptable (FEC)" />
                     <FeatureItem icon={<IconSettings />} text="Accès à l'API" isDev />
                     <FeatureItem icon={<IconCalculator />} text="Comptabilité analytique" isDev />
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
index d640817..b56532e 100644
--- a/packages/dashboard/src/features/website/websitePage.tsx
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -244,9 +244,9 @@ export function WebsitePage() {
                         fontSize: "md",
                         color: "neutral/60",
                     })}>
-                        Un logiciel de comptabilité conçu pour être simple, transparent et facile à utiliser,
+                        Un logiciel de comptabilité conçu pour être simple et transparent, tout en respectant les exigences de la comptabilité française.
                         <br />
-                        tout en respectant les exigences de la comptabilité française.
+                        Il s'adresse à tous ceux qui souhaitent reprendre la main sur leur comptabilité.
                     </p>
 
                     {/* Pricing columns */}
@@ -300,7 +300,7 @@ export function WebsitePage() {
                         Apprenez les concepts essentiels : partie double, plan comptable, écritures, journaux...
                     </p>
                     <LinkButton
-                        to="/documentation/comptabilite"
+                        to="/documentation/comptabilité"
                     >
                         <ButtonContent
                             variant="default"
@@ -347,7 +347,7 @@ export function WebsitePage() {
                         <Logo withText />
                     </Button> */}
                     <LinkButton
-                        to="/documentation/mentions-legales"
+                        to="/documentation/mentions-légales"
                     >
                         <ButtonContent
                             variant="invisible"
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountingDocLayoutRoute.tsx
similarity index 72%
rename from packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/docs/accounting/accountingDocLayoutRoute.tsx
index fc24cc4..b2643d0 100644
--- a/packages/dashboard/src/routes/root/docs/accounting/accountingLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountingDocLayoutRoute.tsx
@@ -2,9 +2,9 @@ import { createRoute, Outlet } from "@tanstack/react-router"
 import { docsLayoutRoute } from "../docsLayoutRoute.js"
 
 
-export const accountingLayoutRoute = createRoute({
+export const accountingDocLayoutRoute = createRoute({
     getParentRoute: () => docsLayoutRoute,
-    path: "/comptabilite",
+    path: "/comptabilité",
     component: () => (
         <Outlet />
     )
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
deleted file mode 100644
index 76f5a05..0000000
--- a/packages/dashboard/src/routes/root/docs/accounting/accountingIndexRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ComptabiliteIndex } from "../../../../features/docs/comptabiliteIndex.js"
-import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
-
-
-export const accountingIndexRoute = createRoute({
-    getParentRoute: () => accountingLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "Comptabilité - Documentation - Arrhes"
-    }),
-    component: () => (
-        <ComptabiliteIndex />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountsAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountsAccountingDocRoute.tsx
new file mode 100644
index 0000000..76716af
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/accountsAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AccountsAccountingDocPage } from "../../../../features/docs/accounting/accountsAccountingDocPage.tsx"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
+
+
+export const accountsAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/comptes",
+    beforeLoad: () => ({
+        title: "Comptes"
+    }),
+    component: () => (
+        <AccountsAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
deleted file mode 100644
index ebd4f69..0000000
--- a/packages/dashboard/src/routes/root/docs/accounting/accountsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ComptabiliteComptes } from "../../../../features/docs/comptabilite/comptes.tsx"
-import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
-
-
-export const accountsRoute = createRoute({
-    getParentRoute: () => accountingLayoutRoute,
-    path: "/comptes",
-    beforeLoad: () => ({
-        title: "Les comptes comptables - Arrhes"
-    }),
-    component: () => (
-        <ComptabiliteComptes />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
deleted file mode 100644
index afcb5fa..0000000
--- a/packages/dashboard/src/routes/root/docs/accounting/documentsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ComptabiliteDocuments } from "../../../../features/docs/comptabilite/documents.tsx"
-import { accountingLayoutRoute } from "./accountingLayoutRoute.js"
-
-
-export const documentsRoute = createRoute({
-    getParentRoute: () => accountingLayoutRoute,
-    path: "/documents",
-    beforeLoad: () => ({
-        title: "Les documents comptables - Arrhes"
-    }),
-    component: () => (
-        <ComptabiliteDocuments />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
new file mode 100644
index 0000000..e48943b
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { IntroductionAccountingDocPage } from "../../../../features/docs/accounting/introductionAccountingDocPage.js"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
+
+
+export const introductionAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Introduction au cours de comptabilité"
+    }),
+    component: () => (
+        <IntroductionAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/recordsAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/recordsAccountingDocRoute.tsx
new file mode 100644
index 0000000..41db514
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/recordsAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RecordsAccountingDocPage } from "../../../../features/docs/accounting/recordsAccountingDocPage.tsx"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.tsx"
+
+
+export const recordsAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/écritures",
+    beforeLoad: () => ({
+        title: "Écritures comptables"
+    }),
+    component: () => (
+        <RecordsAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
deleted file mode 100644
index 9c0f4da..0000000
--- a/packages/dashboard/src/routes/root/docs/accounting/recordsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ComptabiliteEcritures } from "../../../../features/docs/comptabilite/ecritures.tsx"
-import { accountingLayoutRoute } from "./accountingLayoutRoute.tsx"
-
-
-export const recordsRoute = createRoute({
-    getParentRoute: () => accountingLayoutRoute,
-    path: "/ecritures",
-    beforeLoad: () => ({
-        title: "Les ecritures comptables - Arrhes"
-    }),
-    component: () => (
-        <ComptabiliteEcritures />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/reportsAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/reportsAccountingDocRoute.tsx
new file mode 100644
index 0000000..e16cec4
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/reportsAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { ReportsAccountingDocPage } from "../../../../features/docs/accounting/reportsAccountingDocPage.tsx"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
+
+
+export const reportsAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/documents",
+    beforeLoad: () => ({
+        title: "Documents comptables"
+    }),
+    component: () => (
+        <ReportsAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/rootAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/rootAccountingDocRoute.tsx
new file mode 100644
index 0000000..e108eea
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/rootAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RootAccountingDocPage } from "../../../../features/docs/accounting/rootAccountingDocPage.js"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
+
+
+export const rootAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Cours de comptabilité"
+    }),
+    component: () => (
+        <RootAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
deleted file mode 100644
index 3247d25..0000000
--- a/packages/dashboard/src/routes/root/docs/ai/aiIndexRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { AiIndex } from "../../../../features/docs/aiIndex.js"
-import { aiLayoutRoute } from "./aiLayoutRoute.js"
-
-
-export const aiIndexRoute = createRoute({
-    getParentRoute: () => aiLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "IA - Documentation - Arrhes"
-    }),
-    component: () => (
-        <AiIndex />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
deleted file mode 100644
index b644c72..0000000
--- a/packages/dashboard/src/routes/root/docs/ai/aiLayoutRoute.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createRoute, Outlet } from "@tanstack/react-router"
-import { docsLayoutRoute } from "../docsLayoutRoute.js"
-
-
-export const aiLayoutRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/ai",
-    component: () => (
-        <Outlet />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
deleted file mode 100644
index 363ace2..0000000
--- a/packages/dashboard/src/routes/root/docs/ai/analyseRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { AiAnalyse } from "../../../../features/docs/ai/analyse.tsx"
-import { aiLayoutRoute } from "./aiLayoutRoute.tsx"
-
-
-export const aiAnalyseRoute = createRoute({
-    getParentRoute: () => aiLayoutRoute,
-    path: "/analyse",
-    beforeLoad: () => ({
-        title: "Analyse IA - Arrhes"
-    }),
-    component: () => (
-        <AiAnalyse />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx b/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
deleted file mode 100644
index 234d6dc..0000000
--- a/packages/dashboard/src/routes/root/docs/ai/assistantRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { AiAssistant } from "../../../../features/docs/ai/assistant.tsx"
-import { aiLayoutRoute } from "./aiLayoutRoute.tsx"
-
-
-export const aiAssistantRoute = createRoute({
-    getParentRoute: () => aiLayoutRoute,
-    path: "/assistant",
-    beforeLoad: () => ({
-        title: "Assistant IA - Arrhes"
-    }),
-    component: () => (
-        <AiAssistant />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
deleted file mode 100644
index 92ff68d..0000000
--- a/packages/dashboard/src/routes/root/docs/api/apiIndexRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiIndex } from "../../../../features/docs/apiIndex.js"
-import { apiLayoutRoute } from "./apiLayoutRoute.js"
-
-
-export const apiIndexRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "API - Documentation - Arrhes"
-    }),
-    component: () => (
-        <ApiIndex />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx b/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
deleted file mode 100644
index 16e3416..0000000
--- a/packages/dashboard/src/routes/root/docs/api/authentificationRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiAuthentification } from "../../../../features/docs/api/authentification.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiAuthentificationRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/authentification",
-    beforeLoad: () => ({
-        title: "Authentification API - Arrhes"
-    }),
-    component: () => (
-        <ApiAuthentification />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx b/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
deleted file mode 100644
index 798e60f..0000000
--- a/packages/dashboard/src/routes/root/docs/api/comptesRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiComptes } from "../../../../features/docs/api/comptes.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiComptesRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/comptes",
-    beforeLoad: () => ({
-        title: "API Comptes - Arrhes"
-    }),
-    component: () => (
-        <ApiComptes />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx b/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
deleted file mode 100644
index 6861bdb..0000000
--- a/packages/dashboard/src/routes/root/docs/api/ecrituresRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiEcritures } from "../../../../features/docs/api/ecritures.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiEcrituresRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/ecritures",
-    beforeLoad: () => ({
-        title: "API Écritures - Arrhes"
-    }),
-    component: () => (
-        <ApiEcritures />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx b/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
deleted file mode 100644
index c28087d..0000000
--- a/packages/dashboard/src/routes/root/docs/api/erreursRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiErreurs } from "../../../../features/docs/api/erreurs.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiErreursRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/erreurs",
-    beforeLoad: () => ({
-        title: "Gestion des erreurs API - Arrhes"
-    }),
-    component: () => (
-        <ApiErreurs />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx b/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
deleted file mode 100644
index a21fbff..0000000
--- a/packages/dashboard/src/routes/root/docs/api/exercicesRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiExercices } from "../../../../features/docs/api/exercices.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiExercicesRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/exercices",
-    beforeLoad: () => ({
-        title: "API Exercices - Arrhes"
-    }),
-    component: () => (
-        <ApiExercices />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx b/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
deleted file mode 100644
index af9d542..0000000
--- a/packages/dashboard/src/routes/root/docs/api/organisationsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { ApiOrganisations } from "../../../../features/docs/api/organisations.tsx"
-import { apiLayoutRoute } from "./apiLayoutRoute.tsx"
-
-
-export const apiOrganisationsRoute = createRoute({
-    getParentRoute: () => apiLayoutRoute,
-    path: "/organisations",
-    beforeLoad: () => ({
-        title: "API Organisations - Arrhes"
-    }),
-    component: () => (
-        <ApiOrganisations />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/attachmentsDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/attachmentsDashboardDocRoute.tsx
new file mode 100644
index 0000000..e1170bc
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/attachmentsDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { AttachmentsDashboardDocPage } from "../../../../features/docs/dashboard/attachmentsDashboardDocPage.js"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.js"
+
+
+export const attachmentsDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/stockage",
+    beforeLoad: () => ({
+        title: "Stockage"
+    }),
+    component: () => (
+        <AttachmentsDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/dashboardDocLayoutRoute.tsx
similarity index 81%
rename from packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/docs/dashboard/dashboardDocLayoutRoute.tsx
index a477315..fc30a68 100644
--- a/packages/dashboard/src/routes/root/docs/guide/guideLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/dashboard/dashboardDocLayoutRoute.tsx
@@ -2,7 +2,7 @@ import { createRoute, Outlet } from "@tanstack/react-router"
 import { docsLayoutRoute } from "../docsLayoutRoute.js"
 
 
-export const guideLayoutRoute = createRoute({
+export const dashboardDocLayoutRoute = createRoute({
     getParentRoute: () => docsLayoutRoute,
     path: "/dashboard",
     component: () => (
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/gettingStartedDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/gettingStartedDashboardDocRoute.tsx
new file mode 100644
index 0000000..1da80c6
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/gettingStartedDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GettingStartedDashboardDocPage } from "../../../../features/docs/dashboard/gettingStartedDashboardDocPage.tsx"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.tsx"
+
+
+export const gettingStartedDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/démarrage",
+    beforeLoad: () => ({
+        title: "Démarrage"
+    }),
+    component: () => (
+        <GettingStartedDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/organizationsDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/organizationsDashboardDocRoute.tsx
new file mode 100644
index 0000000..9da0ab2
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/organizationsDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { OrganizationsDashboardDocPage } from "../../../../features/docs/dashboard/organizationsDashboardDocPage.js"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.js"
+
+
+export const organizationsDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/organisations",
+    beforeLoad: () => ({
+        title: "Organisations"
+    }),
+    component: () => (
+        <OrganizationsDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/recordsDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/recordsDashboardDocRoute.tsx
new file mode 100644
index 0000000..c2427d5
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/recordsDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.js"
+import { RecordsDashboardDocPage } from "../../../../features/docs/dashboard/recordsDashboardDocPage.js"
+
+
+export const recordsDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/écritures",
+    beforeLoad: () => ({
+        title: "Écritures"
+    }),
+    component: () => (
+        <RecordsDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/reportsDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/reportsDashboardDocRoute.tsx
new file mode 100644
index 0000000..b2ff939
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/reportsDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.tsx"
+import { ReportsDashboardDocPage } from "../../../../features/docs/dashboard/reportsDashboardDocPage.tsx"
+
+
+export const reportsDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/documents",
+    beforeLoad: () => ({
+        title: "Documents de synthèse"
+    }),
+    component: () => (
+        <ReportsDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/rootDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/rootDashboardDocRoute.tsx
new file mode 100644
index 0000000..f8da83c
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/rootDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RootDashboardDocPage } from "../../../../features/docs/dashboard/rootDashboardDocPage.tsx"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.tsx"
+
+
+export const rootDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Guide d'utilisation"
+    }),
+    component: () => (
+        <RootDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/dashboard/yearsDashboardDocRoute.tsx b/packages/dashboard/src/routes/root/docs/dashboard/yearsDashboardDocRoute.tsx
new file mode 100644
index 0000000..3012c07
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/dashboard/yearsDashboardDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { YearsDashboardDocPage } from "../../../../features/docs/dashboard/yearsDashboardDocPage.js"
+import { dashboardDocLayoutRoute } from "./dashboardDocLayoutRoute.js"
+
+
+export const yearsDashboardDocRoute = createRoute({
+    getParentRoute: () => dashboardDocLayoutRoute,
+    path: "/exercices",
+    beforeLoad: () => ({
+        title: "Exercices"
+    }),
+    component: () => (
+        <YearsDashboardDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
index fae91c6..50b34cc 100644
--- a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
@@ -11,7 +11,7 @@ export const docsLayoutRoute = createRoute({
         <CircularLoader />
     ),
     beforeLoad: () => ({
-        title: "Documentation - Arrhes"
+        title: "Documentation"
     }),
     component: () => (
         <DocumentationLayout />
diff --git a/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx b/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
deleted file mode 100644
index 123c641..0000000
--- a/packages/dashboard/src/routes/root/docs/docsRootRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { DocumentationIndex } from "../../../features/docs/documentationIndex.tsx"
-import { docsLayoutRoute } from "./docsLayoutRoute.tsx"
-
-
-export const docsRootRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "Documentation - Arrhes"
-    }),
-    component: () => (
-        <DocumentationIndex />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/docsTree.ts b/packages/dashboard/src/routes/root/docs/docsTree.ts
index 1c86c23..588c2f9 100644
--- a/packages/dashboard/src/routes/root/docs/docsTree.ts
+++ b/packages/dashboard/src/routes/root/docs/docsTree.ts
@@ -1,67 +1,60 @@
 import { AnyRoute } from "@tanstack/react-router"
-import { accountingIndexRoute } from "./accounting/accountingIndexRoute.js"
-import { accountingLayoutRoute } from "./accounting/accountingLayoutRoute.js"
-import { accountsRoute } from "./accounting/accountsRoute.js"
-import { documentsRoute } from "./accounting/documentsRoute.js"
-import { recordsRoute } from "./accounting/recordsRoute.js"
-import { aiAnalyseRoute } from "./ai/analyseRoute.js"
-import { aiAssistantRoute } from "./ai/assistantRoute.js"
-import { aiIndexRoute } from "./ai/aiIndexRoute.js"
-import { aiLayoutRoute } from "./ai/aiLayoutRoute.js"
-import { apiIndexRoute } from "./api/apiIndexRoute.js"
-import { apiLayoutRoute } from "./api/apiLayoutRoute.js"
-import { cguRoute } from "./general/cguRoute.js"
-import { confidentialiteRoute } from "./general/confidentialiteRoute.js"
+import { accountingDocLayoutRoute } from "./accounting/accountingDocLayoutRoute.js"
+import { accountsAccountingDocRoute } from "./accounting/accountsAccountingDocRoute.js"
+import { introductionAccountingDocRoute } from "./accounting/introductionAccountingDocRoute.js"
+import { recordsAccountingDocRoute } from "./accounting/recordsAccountingDocRoute.js"
+import { reportsAccountingDocRoute } from "./accounting/reportsAccountingDocRoute.js"
+import { rootAccountingDocRoute } from "./accounting/rootAccountingDocRoute.js"
+import { attachmentsDashboardDocRoute } from "./dashboard/attachmentsDashboardDocRoute.js"
+import { dashboardDocLayoutRoute } from "./dashboard/dashboardDocLayoutRoute.js"
+import { gettingStartedDashboardDocRoute } from "./dashboard/gettingStartedDashboardDocRoute.js"
+import { organizationsDashboardDocRoute } from "./dashboard/organizationsDashboardDocRoute.js"
+import { recordsDashboardDocRoute } from "./dashboard/recordsDashboardDocRoute.js"
+import { reportsDashboardDocRoute } from "./dashboard/reportsDashboardDocRoute.js"
+import { rootDashboardDocRoute } from "./dashboard/rootDashboardDocRoute.js"
+import { yearsDashboardDocRoute } from "./dashboard/yearsDashboardDocRoute.js"
 import { docsLayoutRoute } from "./docsLayoutRoute.js"
-import { docsRootRoute } from "./docsRootRoute.js"
-import { fonctionnalitesRoute } from "./general/fonctionnalitesRoute.js"
-import { guideDemarrageRoute } from "./guide/demarrageRoute.js"
-import { guideIndexRoute } from "./guide/guideIndexRoute.js"
-import { guideLayoutRoute } from "./guide/guideLayoutRoute.js"
-import { guideOrganisationsRoute } from "./guide/organisationsRoute.js"
-import { guideRapportsRoute } from "./guide/rapportsRoute.js"
-import { guideRecordRowsRoute } from "./guide/recordRowsRoute.js"
-import { mentionsLegalesRoute } from "./general/mentionsLegalesRoute.js"
-import { supportRoute } from "./general/supportRoute.js"
-import { tarifsRoute } from "./general/tarifsRoute.js"
+import { featuresGeneralDocRoute } from "./root/featuresGeneralDocRoute.js"
+import { generalDocLayoutRoute } from "./root/generalDocLayoutRoute.js"
+import { legalGeneralDocRoute } from "./root/legalGeneralDocRoute.js"
+import { pricingGeneralDocRoute } from "./root/pricingGeneralDocRoute.js"
+import { privacyGeneralDocRoute } from "./root/privacyGeneralDocRoute.js"
+import { rootGeneralDocRoute } from "./root/rootGeneralDocRoute.js"
+import { supportGeneralDocRoute } from "./root/supportGeneralDocRoute.js"
+import { termsGeneralDocRoute } from "./root/termsGeneralDocRoute.js"
+import { whitepaperGeneralDocRoute } from "./root/whitepaperGeneralDocRoute.js"
 
 
 export const docsTree: AnyRoute = docsLayoutRoute.addChildren([
     // General section (root)
-    docsRootRoute,
-    fonctionnalitesRoute,
-    tarifsRoute,
-    supportRoute,
-    mentionsLegalesRoute,
-    cguRoute,
-    confidentialiteRoute,
+    generalDocLayoutRoute.addChildren([
+        rootGeneralDocRoute,
+        featuresGeneralDocRoute,
+        pricingGeneralDocRoute,
+        whitepaperGeneralDocRoute,
+        supportGeneralDocRoute,
+        legalGeneralDocRoute,
+        termsGeneralDocRoute,
+        privacyGeneralDocRoute,
+    ]),
 
     // Comptabilite section (cours de comptabilité)
-    accountingLayoutRoute.addChildren([
-        accountingIndexRoute,
-        accountsRoute,
-        recordsRoute,
-        documentsRoute,
+    accountingDocLayoutRoute.addChildren([
+        rootAccountingDocRoute,
+        introductionAccountingDocRoute,
+        accountsAccountingDocRoute,
+        recordsAccountingDocRoute,
+        reportsAccountingDocRoute,
     ]),
 
     // Dashboard section (guide d'utilisation)
-    guideLayoutRoute.addChildren([
-        guideIndexRoute,
-        guideDemarrageRoute,
-        guideOrganisationsRoute,
-        guideRecordRowsRoute,
-        guideRapportsRoute,
-    ]),
-
-    // API section (single page - under development)
-    apiLayoutRoute.addChildren([
-        apiIndexRoute,
-    ]),
-
-    // AI section
-    aiLayoutRoute.addChildren([
-        aiIndexRoute,
-        aiAssistantRoute,
-        aiAnalyseRoute,
+    dashboardDocLayoutRoute.addChildren([
+        rootDashboardDocRoute,
+        gettingStartedDashboardDocRoute,
+        organizationsDashboardDocRoute,
+        yearsDashboardDocRoute,
+        recordsDashboardDocRoute,
+        attachmentsDashboardDocRoute,
+        reportsDashboardDocRoute,
     ]),
 ])
diff --git a/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx b/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
deleted file mode 100644
index 4343aa4..0000000
--- a/packages/dashboard/src/routes/root/docs/general/cguRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { Cgu } from "../../../../features/docs/root/cgu.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const cguRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/cgu",
-    beforeLoad: () => ({
-        title: "CGU - Arrhes"
-    }),
-    component: () => (
-        <Cgu />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx b/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
deleted file mode 100644
index 6a54205..0000000
--- a/packages/dashboard/src/routes/root/docs/general/confidentialiteRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { Confidentialite } from "../../../../features/docs/root/confidentialite.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const confidentialiteRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/confidentialite",
-    beforeLoad: () => ({
-        title: "Politique de confidentialité - Arrhes"
-    }),
-    component: () => (
-        <Confidentialite />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx b/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
deleted file mode 100644
index bb4e7e5..0000000
--- a/packages/dashboard/src/routes/root/docs/general/fonctionnalitesRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { FeaturesPage } from "../../../../features/docs/root/features/featuresPage.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const fonctionnalitesRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/fonctionnalites",
-    beforeLoad: () => ({
-        title: "Fonctionnalités - Arrhes"
-    }),
-    component: () => (
-        <FeaturesPage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx b/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
deleted file mode 100644
index e1481bc..0000000
--- a/packages/dashboard/src/routes/root/docs/general/mentionsLegalesRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { MentionsLegales } from "../../../../features/docs/root/mentionsLegales.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const mentionsLegalesRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/mentions-legales",
-    beforeLoad: () => ({
-        title: "Mentions légales - Arrhes"
-    }),
-    component: () => (
-        <MentionsLegales />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx b/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
deleted file mode 100644
index 1438694..0000000
--- a/packages/dashboard/src/routes/root/docs/general/supportRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { Support } from "../../../../features/docs/root/support.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const supportRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/support",
-    beforeLoad: () => ({
-        title: "Support - Arrhes"
-    }),
-    component: () => (
-        <Support />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx b/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
deleted file mode 100644
index b293590..0000000
--- a/packages/dashboard/src/routes/root/docs/general/tarifsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { Tarifs } from "../../../../features/docs/root/pricing/tarifs.tsx"
-import { docsLayoutRoute } from "../docsLayoutRoute.tsx"
-
-
-export const tarifsRoute = createRoute({
-    getParentRoute: () => docsLayoutRoute,
-    path: "/tarifs",
-    beforeLoad: () => ({
-        title: "Tarifs - Arrhes"
-    }),
-    component: () => (
-        <Tarifs />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
deleted file mode 100644
index bbe6bcf..0000000
--- a/packages/dashboard/src/routes/root/docs/guide/demarrageRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { GuideDemarrage } from "../../../../features/docs/dashboard/demarrage.tsx"
-import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
-
-
-export const guideDemarrageRoute = createRoute({
-    getParentRoute: () => guideLayoutRoute,
-    path: "/demarrage",
-    beforeLoad: () => ({
-        title: "Demarrer avec Arrhes"
-    }),
-    component: () => (
-        <GuideDemarrage />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
deleted file mode 100644
index 8c333b8..0000000
--- a/packages/dashboard/src/routes/root/docs/guide/guideIndexRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { DashboardIndex } from "../../../../features/docs/dashboardIndex.tsx"
-import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
-
-
-export const guideIndexRoute = createRoute({
-    getParentRoute: () => guideLayoutRoute,
-    path: "/",
-    beforeLoad: () => ({
-        title: "Guide d'utilisation"
-    }),
-    component: () => (
-        <DashboardIndex />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
deleted file mode 100644
index b79c7f6..0000000
--- a/packages/dashboard/src/routes/root/docs/guide/organisationsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { GuideOrganisations } from "../../../../features/docs/dashboard/organisations.tsx"
-import { guideLayoutRoute } from "./guideLayoutRoute.js"
-
-
-export const guideOrganisationsRoute = createRoute({
-    getParentRoute: () => guideLayoutRoute,
-    path: "/organisations",
-    beforeLoad: () => ({
-        title: "Gerer les organisations - Arrhes"
-    }),
-    component: () => (
-        <GuideOrganisations />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
deleted file mode 100644
index 2e6b76a..0000000
--- a/packages/dashboard/src/routes/root/docs/guide/rapportsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { GuideRapports } from "../../../../features/docs/dashboard/rapports.tsx"
-import { guideLayoutRoute } from "./guideLayoutRoute.tsx"
-
-
-export const guideRapportsRoute = createRoute({
-    getParentRoute: () => guideLayoutRoute,
-    path: "/rapports",
-    beforeLoad: () => ({
-        title: "Generer des rapports - Arrhes"
-    }),
-    component: () => (
-        <GuideRapports />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx b/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
deleted file mode 100644
index c34559c..0000000
--- a/packages/dashboard/src/routes/root/docs/guide/recordRowsRoute.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createRoute } from "@tanstack/react-router"
-import { GuideEcritures } from "../../../../features/docs/dashboard/ecritures.tsx"
-import { guideLayoutRoute } from "./guideLayoutRoute.js"
-
-
-export const guideRecordRowsRoute = createRoute({
-    getParentRoute: () => guideLayoutRoute,
-    path: "/ecritures",
-    beforeLoad: () => ({
-        title: "Saisir des ecritures - Arrhes"
-    }),
-    component: () => (
-        <GuideEcritures />
-    )
-})
diff --git a/packages/dashboard/src/routes/root/docs/root/featuresGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/featuresGeneralDocRoute.tsx
new file mode 100644
index 0000000..0569445
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/featuresGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { FeaturesGeneralDocPage } from "../../../../features/docs/general/features/featuresGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const featuresGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/fonctionnalités",
+    beforeLoad: () => ({
+        title: "Fonctionnalités"
+    }),
+    component: () => (
+        <FeaturesGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/root/generalDocLayoutRoute.tsx
similarity index 75%
rename from packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx
rename to packages/dashboard/src/routes/root/docs/root/generalDocLayoutRoute.tsx
index 3d2fe82..6556b2a 100644
--- a/packages/dashboard/src/routes/root/docs/api/apiLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/root/generalDocLayoutRoute.tsx
@@ -2,9 +2,9 @@ import { createRoute, Outlet } from "@tanstack/react-router"
 import { docsLayoutRoute } from "../docsLayoutRoute.js"
 
 
-export const apiLayoutRoute = createRoute({
+export const generalDocLayoutRoute = createRoute({
     getParentRoute: () => docsLayoutRoute,
-    path: "/api",
+    id: "general",
     component: () => (
         <Outlet />
     )
diff --git a/packages/dashboard/src/routes/root/docs/root/legalGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/legalGeneralDocRoute.tsx
new file mode 100644
index 0000000..e810cce
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/legalGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { LegalGeneralDocPage } from "../../../../features/docs/general/legalGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const legalGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/mentions-légales",
+    beforeLoad: () => ({
+        title: "Mentions légales"
+    }),
+    component: () => (
+        <LegalGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/pricingGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/pricingGeneralDocRoute.tsx
new file mode 100644
index 0000000..7af23f6
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/pricingGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { PricingGeneralDocPage } from "../../../../features/docs/general/pricing/pricingGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const pricingGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/tarifs",
+    beforeLoad: () => ({
+        title: "Tarifs"
+    }),
+    component: () => (
+        <PricingGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/privacyGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/privacyGeneralDocRoute.tsx
new file mode 100644
index 0000000..572de2f
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/privacyGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { PrivacyGeneralDocPage } from "../../../../features/docs/general/privacyGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const privacyGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/confidentialité",
+    beforeLoad: () => ({
+        title: "Politique de confidentialité"
+    }),
+    component: () => (
+        <PrivacyGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/rootGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/rootGeneralDocRoute.tsx
new file mode 100644
index 0000000..eef7bf7
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/rootGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { RootGeneralDocPage } from "../../../../features/docs/general/rootGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const rootGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/",
+    beforeLoad: () => ({
+        title: "Documentation"
+    }),
+    component: () => (
+        <RootGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/supportGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/supportGeneralDocRoute.tsx
new file mode 100644
index 0000000..d204bc4
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/supportGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { SupportGeneralDocPage } from "../../../../features/docs/general/supportGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const supportGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/support",
+    beforeLoad: () => ({
+        title: "Support"
+    }),
+    component: () => (
+        <SupportGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/termsGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/termsGeneralDocRoute.tsx
new file mode 100644
index 0000000..b65c5a9
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/termsGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { TermsGeneralDocPage } from "../../../../features/docs/general/termsGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const termsGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/cgu",
+    beforeLoad: () => ({
+        title: "CGU"
+    }),
+    component: () => (
+        <TermsGeneralDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/root/whitepaperGeneralDocRoute.tsx b/packages/dashboard/src/routes/root/docs/root/whitepaperGeneralDocRoute.tsx
new file mode 100644
index 0000000..fb0f6e7
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/root/whitepaperGeneralDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { WhitepaperGeneralDocPage } from "../../../../features/docs/general/whitepaperGeneralDocPage.tsx"
+import { generalDocLayoutRoute } from "./generalDocLayoutRoute.tsx"
+
+
+export const whitepaperGeneralDocRoute = createRoute({
+    getParentRoute: () => generalDocLayoutRoute,
+    path: "/philosophie",
+    beforeLoad: () => ({
+        title: "Philosophie"
+    }),
+    component: () => (
+        <WhitepaperGeneralDocPage />
+    )
+})

From 248f89f1064c427574a153f5089e6c1b963cb7e2 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Fri, 13 Feb 2026 18:24:45 +0100
Subject: [PATCH 22/25] =?UTF-8?q?=E2=9C=A8=20feat(dashboard):=20add=20glos?=
 =?UTF-8?q?sary=20page,=20improve=20docs=20layout,=20and=20refine=20UI=20c?=
 =?UTF-8?q?omponents?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- add accounting glossary page with DocGlossaryEntry component
  and route at /documentation/comptabilité/glossaire
- replace DocumentationLayout with simplified DocsLayout, removing
  mobile menu toggle and onItemClick prop from SidebarNavigation
- move introduction accounting route from "/" to "/introduction"
  and add "Accueil" entry to doc sections navigation
- add auto-dismiss (4s) and deduplication logic to toast system,
  fix useEffect dependency array in useToast
- make sign-out resilient to API failures by catching errors and
  clearing cookies client-side
- add getCookieSecurityOptions helper to set cookie secure/sameSite
  based on environment (production vs development)
- use response.headers.getSetCookie() instead of manual string
  splitting in API server
- update docker dev scripts: remove CI=true from install, add
  --no-frozen-lockfile, remove pnpm-lock.yaml from dashboard COPY
- remove class-variance-authority dependency and panda codegen
  scripts from dashboard package.json
- comment out scrollbar-gutter CSS rule in root.css
- standardize neutral border opacity from /8 to /10 across
  website, dashboard, separator, and button components
- refine doc components (DocTip, DocDefinition, DocExample) with
  updated spacing, accent borders, and smaller icon sizing
- expand attachments dashboard doc page with full content
- remove completion congratulations boxes from reports doc pages
- adjust subPageLayout padding and indentation, wrap
  yearSettingsPage in PageRoot, unwrap reportsLayout from Page.Root
- update AGENTS.md to remove class-variance-authority reference
---
 .development/packages/api/entrypoint.sh       |   2 +-
 .development/packages/api/install.sh          |   2 +-
 .development/packages/dashboard/Dockerfile    |   2 +-
 AGENTS.md                                     |   2 +-
 .../api/src/middlewares/authMiddleware.ts     |   7 +-
 packages/api/src/routes/public/signIn.ts      |   9 +-
 packages/api/src/routes/public/signOut.ts     |   9 +-
 packages/api/src/routes/public/signUp.ts      |   9 +-
 packages/api/src/server.ts                    |   2 +-
 packages/api/src/utilities/variables.ts       |  15 ++
 packages/dashboard/package.json               |   4 +-
 packages/dashboard/src/assets/css/root.css    |   4 +-
 .../src/components/document/docDefinition.tsx |  32 ++-
 .../src/components/document/docExample.tsx    |  12 +-
 .../components/document/docGlossaryEntry.tsx  |  33 +++
 .../src/components/document/docTable.tsx      |   2 +-
 .../src/components/document/docTip.tsx        | 102 ++++----
 .../src/components/layouts/page/pageRoot.tsx  |   1 +
 .../src/components/layouts/subPageLayout.tsx  |  14 +-
 .../components/overlays/toast/toastItem.tsx   |  30 ++-
 .../overlays/toast/toastViewport.tsx          |   8 +-
 .../dashboard/src/contexts/toasts/useToast.ts |  17 +-
 .../features/dashboard/dashboardLayout.tsx    |  18 +-
 .../organizationUserListTableRow.tsx          |   6 +-
 .../years/$idYear/reports/reportsLayout.tsx   | 115 +++++----
 .../$idYear/yearSettings/yearSettingsPage.tsx |  99 ++++----
 .../accounting/glossaryAccountingDocPage.tsx  | 220 ++++++++++++++++++
 .../accounting/reportsAccountingDocPage.tsx   |   9 +-
 .../dashboard/attachmentsDashboardDocPage.tsx |  82 ++++++-
 .../dashboard/recordsDashboardDocPage.tsx     |   4 +-
 .../dashboard/reportsDashboardDocPage.tsx     |  44 ----
 .../src/features/docs/docSections.tsx         |   4 +-
 ...documentationLayout.tsx => docsLayout.tsx} |  56 +----
 .../src/features/docs/sidebarNavigation.tsx   |   2 -
 .../src/features/website/heroIllustration.tsx |   4 +-
 .../src/features/website/websitePage.tsx      |   8 +-
 .../accounting/glossaryAccountingDocRoute.tsx |  15 ++
 .../introductionAccountingDocRoute.tsx        |   2 +-
 .../src/routes/root/docs/docsLayoutRoute.tsx  |   4 +-
 .../src/routes/root/docs/docsTree.ts          |   2 +
 .../src/components/buttons/buttonContent.tsx  |   2 +-
 .../ui/src/components/layouts/separator.tsx   |   2 +-
 42 files changed, 671 insertions(+), 345 deletions(-)
 create mode 100644 packages/dashboard/src/components/document/docGlossaryEntry.tsx
 create mode 100644 packages/dashboard/src/features/docs/accounting/glossaryAccountingDocPage.tsx
 rename packages/dashboard/src/features/docs/{documentationLayout.tsx => docsLayout.tsx} (77%)
 create mode 100644 packages/dashboard/src/routes/root/docs/accounting/glossaryAccountingDocRoute.tsx

diff --git a/.development/packages/api/entrypoint.sh b/.development/packages/api/entrypoint.sh
index 055f0f1..e75b710 100644
--- a/.development/packages/api/entrypoint.sh
+++ b/.development/packages/api/entrypoint.sh
@@ -14,7 +14,7 @@ echo "🔧 Fixing workspace permissions..."
 chown -R node:node /workspace
 
 # Run all setup tasks as node user
-su node -c "CI=true $SCRIPT_DIR/install.sh"
+su node -c "$SCRIPT_DIR/install.sh"
 su node -c "$SCRIPT_DIR/build.sh"
 su node -c "$SCRIPT_DIR/migrate.sh"
 su node -c "$SCRIPT_DIR/seed.sh"
diff --git a/.development/packages/api/install.sh b/.development/packages/api/install.sh
index 241a3dc..826b57a 100644
--- a/.development/packages/api/install.sh
+++ b/.development/packages/api/install.sh
@@ -7,4 +7,4 @@
 set -e
 
 echo "📦 Installing workspace dependencies..."
-pnpm install
+pnpm install --no-frozen-lockfile
diff --git a/.development/packages/dashboard/Dockerfile b/.development/packages/dashboard/Dockerfile
index 70531ce..08df38f 100644
--- a/.development/packages/dashboard/Dockerfile
+++ b/.development/packages/dashboard/Dockerfile
@@ -22,7 +22,7 @@ RUN npm install -g "pnpm@${PNPM_VERSION}" && \
 WORKDIR /workspace
 
 # Copy package manifests for dependency installation
-COPY package.json pnpm-workspace.yaml pnpm-lock.yaml ./
+COPY package.json pnpm-workspace.yaml ./
 
 COPY packages/metadata ./packages/metadata
 COPY packages/ui ./packages/ui
diff --git a/AGENTS.md b/AGENTS.md
index 678a4da..89795c7 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -19,6 +19,6 @@
 - **Files**: all `camelCase.ts[x]` (including components). Barrel files are `_index.ts`.
 - **Exports**: components `PascalCase` functions, models/schemas/utilities `camelCase`. Models use `Model` suffix (`accountModel`), schemas have no suffix.
 - **Validation**: `import * as v from "valibot"` — use `v.object()`, `v.string()`, `v.InferOutput<>`.
-- **Styling**: Panda CSS via `css()` and `cx()` from `@arrhes/ui/utilities/cn.js`. Component variants via `class-variance-authority`.
+- **Styling**: Panda CSS via `css()` and `cx()` from `@arrhes/ui/utilities/cn.js`.
 - **IDs**: nanoid with custom alphabet, 16 chars.
 - **Error handling**: try/catch with structured logging in API; toast notifications in dashboard; structured error responses via Hono.
diff --git a/packages/api/src/middlewares/authMiddleware.ts b/packages/api/src/middlewares/authMiddleware.ts
index 74fcb3c..c33de75 100644
--- a/packages/api/src/middlewares/authMiddleware.ts
+++ b/packages/api/src/middlewares/authMiddleware.ts
@@ -53,6 +53,7 @@ export const authMiddleware = createMiddleware<AuthEnv>(async (c, next) => {
     }
     catch (error: unknown) {
 
+        // const cookieSecurity = getCookieSecurityOptions(c.var.env.ENV)
         // c.res.headers.append(
         //     "Set-Cookie",
         //     serializeCookie({
@@ -61,8 +62,7 @@ export const authMiddleware = createMiddleware<AuthEnv>(async (c, next) => {
         //         options: {
         //             maxAge: userSessionCookieMaxAge,
         //             httpOnly: true,
-        //             secure: true,
-        //             sameSite: "None",
+        //             ...cookieSecurity,
         //             domain: c.var.env.COOKIES_DOMAIN,
         //             path: "/",
         //         }
@@ -76,8 +76,7 @@ export const authMiddleware = createMiddleware<AuthEnv>(async (c, next) => {
         //         options: {
         //             maxAge: userSessionCookieMaxAge,
         //             httpOnly: false,
-        //             secure: true,
-        //             sameSite: "None",
+        //             ...cookieSecurity,
         //             domain: c.var.env.COOKIES_DOMAIN,
         //             path: "/",
         //         }
diff --git a/packages/api/src/routes/public/signIn.ts b/packages/api/src/routes/public/signIn.ts
index 114fedd..a2947a5 100644
--- a/packages/api/src/routes/public/signIn.ts
+++ b/packages/api/src/routes/public/signIn.ts
@@ -6,7 +6,7 @@ import { getRemoteAddress } from "../../utilities/getRemoteAddress.js"
 import { response } from "../../utilities/response.js"
 import { insertOne } from "../../utilities/sql/insertOne.js"
 import { selectOne } from "../../utilities/sql/selectOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { cookiePrefix, getCookieSecurityOptions, userSessionCookieMaxAge } from "../../utilities/variables.js"
 import { bodyValidator } from "../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
@@ -56,6 +56,7 @@ export const signInRoute = publicFactory.createApp()
             })
 
             // Set cookies
+            const cookieSecurity = getCookieSecurityOptions(c.var.env.ENV)
             c.res.headers.append(
                 "Set-Cookie",
                 serializeCookie({
@@ -67,8 +68,7 @@ export const signInRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
@@ -82,8 +82,7 @@ export const signInRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
diff --git a/packages/api/src/routes/public/signOut.ts b/packages/api/src/routes/public/signOut.ts
index 72901ec..001dfc8 100644
--- a/packages/api/src/routes/public/signOut.ts
+++ b/packages/api/src/routes/public/signOut.ts
@@ -5,7 +5,7 @@ import { unsignString } from "../../utilities/cookies/unsignString.js"
 import { Exception } from "../../utilities/exception.js"
 import { response } from "../../utilities/response.js"
 import { updateOne } from "../../utilities/sql/updateOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { cookiePrefix, getCookieSecurityOptions, userSessionCookieMaxAge } from "../../utilities/variables.js"
 import { bodyValidator } from "../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
@@ -50,6 +50,7 @@ export const signOutRoute = publicFactory.createApp()
             }
 
 
+            const cookieSecurity = getCookieSecurityOptions(c.var.env.ENV)
             c.res.headers.append(
                 "Set-Cookie",
                 serializeCookie({
@@ -58,8 +59,7 @@ export const signOutRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
@@ -73,8 +73,7 @@ export const signOutRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
diff --git a/packages/api/src/routes/public/signUp.ts b/packages/api/src/routes/public/signUp.ts
index c54e782..8bbe862 100644
--- a/packages/api/src/routes/public/signUp.ts
+++ b/packages/api/src/routes/public/signUp.ts
@@ -6,7 +6,7 @@ import { generateVerificationToken } from "../../utilities/generateVerificationT
 import { getRemoteAddress } from "../../utilities/getRemoteAddress.js"
 import { response } from "../../utilities/response.js"
 import { insertOne } from "../../utilities/sql/insertOne.js"
-import { cookiePrefix, userSessionCookieMaxAge } from "../../utilities/variables.js"
+import { cookiePrefix, getCookieSecurityOptions, userSessionCookieMaxAge } from "../../utilities/variables.js"
 import { bodyValidator } from "../../validators/bodyValidator.js"
 import { models } from "@arrhes/application-metadata/models"
 import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
@@ -72,6 +72,7 @@ export const signUpRoute = publicFactory.createApp()
 
 
             // Set cookies
+            const cookieSecurity = getCookieSecurityOptions(c.var.env.ENV)
             c.res.headers.append(
                 "Set-Cookie",
                 serializeCookie({
@@ -83,8 +84,7 @@ export const signUpRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: true,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
@@ -98,8 +98,7 @@ export const signUpRoute = publicFactory.createApp()
                     options: {
                         maxAge: userSessionCookieMaxAge,
                         httpOnly: false,
-                        secure: true,
-                        sameSite: "None",
+                        ...cookieSecurity,
                         domain: c.var.env.COOKIES_DOMAIN,
                         path: "/",
                     }
diff --git a/packages/api/src/server.ts b/packages/api/src/server.ts
index 570ad57..6fd5f5c 100644
--- a/packages/api/src/server.ts
+++ b/packages/api/src/server.ts
@@ -51,7 +51,7 @@ async function startServer() {
 
                 res.writeHead(response.status, {
                     ...Object.fromEntries(response.headers),
-                    "Set-Cookie": response.headers.get("Set-Cookie") ? response.headers.get("Set-Cookie")?.split(", ") : []
+                    "Set-Cookie": response.headers.getSetCookie()
                 })
 
                 if (response.body) {
diff --git a/packages/api/src/utilities/variables.ts b/packages/api/src/utilities/variables.ts
index 7a0a0f3..75a939f 100644
--- a/packages/api/src/utilities/variables.ts
+++ b/packages/api/src/utilities/variables.ts
@@ -5,3 +5,18 @@ export const verificationTokenLifetime = 1000 * 60 * 60 * 24 * 1
 export const storageFileExpiresIn = 60 * 60
 
 export const cookiePrefix = "arrhes"
+
+/**
+ * Returns cookie security options based on the environment.
+ * - Production: secure + SameSite=None (requires HTTPS, allows cross-site)
+ * - Development: no secure flag + SameSite=Lax (works over HTTP)
+ */
+export function getCookieSecurityOptions(env: string): {
+    secure: boolean
+    sameSite: "Strict" | "Lax" | "None"
+} {
+    if (env === "production") {
+        return { secure: true, sameSite: "None" }
+    }
+    return { secure: false, sameSite: "Lax" }
+}
diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index edef4c4..eb9b491 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -3,9 +3,8 @@
     "type": "module",
     "private": false,
     "scripts": {
-        "prepare": "panda codegen",
         "dev": "vite",
-        "build": "panda codegen && tsc && vite build",
+        "build": "tsc && vite build",
         "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
     },
     "devDependencies": {
@@ -38,7 +37,6 @@
         "@tanstack/react-router": "1.139.10",
         "@tanstack/react-table": "8.21.3",
         "@tanstack/react-virtual": "3.13.12",
-        "class-variance-authority": "0.7.1",
         "cmdk": "1.1.1",
         "react": "19.2.0",
         "react-dom": "19.2.0",
diff --git a/packages/dashboard/src/assets/css/root.css b/packages/dashboard/src/assets/css/root.css
index e77742e..9c15ae6 100644
--- a/packages/dashboard/src/assets/css/root.css
+++ b/packages/dashboard/src/assets/css/root.css
@@ -1,5 +1,5 @@
 @layer reset, base, tokens, recipes, utilities;
 
-html {
+/* html {
     scrollbar-gutter: stable;
-}
\ No newline at end of file
+} */
\ No newline at end of file
diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
index 84e43d6..7ffd810 100644
--- a/packages/dashboard/src/components/document/docDefinition.tsx
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -1,3 +1,4 @@
+import { IconBookmark } from "@tabler/icons-react"
 import { ReactNode } from "react"
 import { css } from "../../utilities/cn.js"
 
@@ -8,14 +9,39 @@ export function DocDefinition(props: {
 }) {
     return (
         <div className={css({
-            padding: "1rem",
+            padding: "1.25rem",
             borderRadius: "lg",
             backgroundColor: "white",
             border: "1px solid",
-            borderColor: "neutral/10",
+            borderColor: "neutral/15",
             borderLeft: "3px solid",
-            borderLeftColor: "primary"
+            borderLeftColor: "neutral/15",
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.25rem",
         })}>
+            <div className={css({
+                display: "flex",
+                alignItems: "center",
+                gap: "0.375rem",
+                marginBottom: "0.25rem",
+            })}>
+                <IconBookmark className={css({
+                    width: "0.875rem",
+                    height: "0.875rem",
+                    color: "primary/50",
+                    flexShrink: 0,
+                })} />
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: "primary/60",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                })}>
+                    Définition
+                </span>
+            </div>
             <dt className={css({
                 fontWeight: "semibold",
                 color: "neutral",
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
index f4f50ac..99c61ae 100644
--- a/packages/dashboard/src/components/document/docExample.tsx
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -9,10 +9,12 @@ export function DocExample(props: {
     return (
         <div
             className={css({
-                padding: "1rem",
+                padding: "1.25rem",
                 borderRadius: "lg",
                 border: "1px solid",
-                borderColor: "information/20",
+                borderColor: "information/10",
+                borderLeft: "3px solid",
+                borderLeftColor: "information/10",
                 backgroundColor: "information/5",
                 display: "flex",
                 flexDirection: "column",
@@ -30,12 +32,12 @@ export function DocExample(props: {
                 >
                     <IconInfoCircle className={css({
                         flexShrink: "0",
-                        width: "1.5rem",
-                        height: "1.5rem",
+                        width: "1rem",
+                        height: "1rem",
                         color: "information"
                     })} />
                     <span className={css({
-                        fontSize: "md",
+                        fontSize: "sm",
                         fontWeight: "semibold",
                         color: "information"
                     })}>
diff --git a/packages/dashboard/src/components/document/docGlossaryEntry.tsx b/packages/dashboard/src/components/document/docGlossaryEntry.tsx
new file mode 100644
index 0000000..b45b267
--- /dev/null
+++ b/packages/dashboard/src/components/document/docGlossaryEntry.tsx
@@ -0,0 +1,33 @@
+import { ReactNode } from "react"
+import { css } from "../../utilities/cn.js"
+
+
+export function DocGlossaryEntry(props: {
+    term: string
+    definition: ReactNode
+}) {
+    return (
+        <div className={css({
+            paddingBlock: "0.625rem",
+            paddingInline: "0.75rem",
+            borderBottom: "1px solid",
+            borderColor: "neutral/6",
+        })}>
+            <dt className={css({
+                fontWeight: "semibold",
+                color: "neutral",
+                fontSize: "sm",
+                marginBottom: "0.125rem",
+            })}>
+                {props.term}
+            </dt>
+            <dd className={css({
+                fontSize: "sm",
+                color: "neutral/55",
+                lineHeight: "1.6",
+            })}>
+                {props.definition}
+            </dd>
+        </div>
+    )
+}
diff --git a/packages/dashboard/src/components/document/docTable.tsx b/packages/dashboard/src/components/document/docTable.tsx
index dbe62c4..a2f749f 100644
--- a/packages/dashboard/src/components/document/docTable.tsx
+++ b/packages/dashboard/src/components/document/docTable.tsx
@@ -43,7 +43,7 @@ export function DocTable(props: {
                     {props.rows.map((row, rowIndex) => (
                         <tr key={rowIndex} className={css({
                             borderBottom: "1px solid",
-                            borderColor: "neutral/8",
+                            borderColor: "neutral/10",
                             _last: { borderBottom: "none" },
                             _hover: { backgroundColor: "neutral/3" },
                             transition: "colors"
diff --git a/packages/dashboard/src/components/document/docTip.tsx b/packages/dashboard/src/components/document/docTip.tsx
index a923115..c76946e 100644
--- a/packages/dashboard/src/components/document/docTip.tsx
+++ b/packages/dashboard/src/components/document/docTip.tsx
@@ -7,45 +7,49 @@ import {
 import { css } from "../../utilities/cn.js"
 
 
-type DocTipVariant = "tip" | "warning" | "info" | "success"
 
-const variantConfig: Record<DocTipVariant, {
+const variantConfig: Record<"tip" | "warning" | "info" | "success", {
     icon: React.ReactNode
     label: string
     backgroundColor: string
     borderColor: string
+    accentColor: string
     iconColor: string
     labelColor: string
 }> = {
     tip: {
         icon: <IconBulb />,
         label: "Conseil",
-        backgroundColor: "warning/8",
-        borderColor: "warning/20",
+        backgroundColor: "warning/5",
+        borderColor: "warning/10",
+        accentColor: "warning",
         iconColor: "warning",
         labelColor: "warning"
     },
     warning: {
         icon: <IconAlertTriangle />,
         label: "Attention",
-        backgroundColor: "danger/8",
-        borderColor: "danger/20",
-        iconColor: "danger",
-        labelColor: "danger"
+        backgroundColor: "error/5",
+        borderColor: "error/10",
+        accentColor: "error",
+        iconColor: "error",
+        labelColor: "error"
     },
     info: {
         icon: <IconInfoCircle />,
         label: "Information",
-        backgroundColor: "information/8",
-        borderColor: "information/20",
+        backgroundColor: "information/5",
+        borderColor: "information/10",
+        accentColor: "information",
         iconColor: "information",
         labelColor: "information"
     },
     success: {
         icon: <IconCircleCheck />,
         label: "Félicitations",
-        backgroundColor: "success/8",
-        borderColor: "success/20",
+        backgroundColor: "success/5",
+        borderColor: "success/10",
+        accentColor: "success",
         iconColor: "success",
         labelColor: "success"
     }
@@ -53,7 +57,7 @@ const variantConfig: Record<DocTipVariant, {
 
 
 export function DocTip(props: {
-    variant?: DocTipVariant
+    variant?: keyof typeof variantConfig
     label?: string
     children: React.ReactNode
 }) {
@@ -63,54 +67,52 @@ export function DocTip(props: {
 
     return (
         <div className={css({
-            padding: "1.5rem",
+            padding: "1.25rem",
             borderRadius: "lg",
             backgroundColor: config.backgroundColor,
             border: "1px solid",
-            borderColor: config.borderColor
+            borderColor: config.borderColor,
+            borderLeft: "3px solid",
+            borderLeftColor: config.accentColor,
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
         })}>
             <div className={css({
                 display: "flex",
-                flexDirection: "column",
-                alignItems: "flex-start",
-                gap: "0.75rem"
+                alignItems: "center",
+                gap: "0.375rem",
             })}>
                 <div className={css({
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "0.5rem"
+                    width: "0.875rem",
+                    height: "0.875rem",
+                    flexShrink: 0,
+                    color: config.iconColor,
+                    "& svg": {
+                        width: "100%",
+                        height: "100%",
+                        stroke: config.iconColor,
+                    }
                 })}>
-                    <div className={css({
-                        width: "1.25rem",
-                        height: "1.25rem",
-                        flexShrink: 0,
-                        color: config.iconColor,
-                        "& svg": {
-                            width: "100%",
-                            height: "100%"
-                        }
-                    })}>
-                        {config.icon}
-                    </div>
-                    <span className={css({
-                        fontWeight: "semibold",
-                        color: config.labelColor,
-                        fontSize: "md",
-                    })}>
-                        {label}
-                    </span>
-                </div>
-                <div className={css({ flex: "1" })}>
-
-                    <span className={css({
-                        fontSize: "sm",
-                        color: "neutral/80",
-                        lineHeight: "relaxed"
-                    })}>
-                        {props.children}
-                    </span>
+                    {config.icon}
                 </div>
+                <span className={css({
+                    fontSize: "xs",
+                    fontWeight: "medium",
+                    color: config.labelColor,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                })}>
+                    {label}
+                </span>
             </div>
+            <span className={css({
+                fontSize: "sm",
+                color: "neutral/70",
+                lineHeight: "1.6"
+            })}>
+                {props.children}
+            </span>
         </div>
     )
 }
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index ebf44f2..4e617b5 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -20,6 +20,7 @@ export function PageRoot(props: {
                     overflowY: "auto",
                     gap: "2rem",
                     backgroundColor: "white",
+                    padding: "1rem",
                 }),
                 props.className
             )}
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index b4c4106..e94dd8d 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -33,6 +33,7 @@ export function SubPageLayout(props: {
                 justifyContent: "flex-start",
                 alignItems: "center",
                 overflowY: "auto",
+                paddingX: "1rem",
             })}
         >
             <div className={css({
@@ -90,12 +91,12 @@ export function SubPageLayout(props: {
                                             flexDirection: "column",
                                             gap: "0.25rem",
                                         })}>
-                                        {section.items.map((item) => {
-                                            const normalizedTo = (item.to ?? "").replace(/\/+$/, "")
-                                            const matchRoute = [...routeMatches].reverse().find((match) => match.fullPath.replace(/\/+$/, "") === normalizedTo)
-                                            const isActive = (matchRoute === undefined)
-                                                ? false
-                                                : currentPath === matchRoute.routeId
+                                            {section.items.map((item) => {
+                                                const normalizedTo = (item.to ?? "").replace(/\/+$/, "")
+                                                const matchRoute = [...routeMatches].reverse().find((match) => match.fullPath.replace(/\/+$/, "") === normalizedTo)
+                                                const isActive = (matchRoute === undefined)
+                                                    ? false
+                                                    : currentPath === matchRoute.routeId
 
                                                 return (
                                                     <LinkButton
@@ -132,7 +133,6 @@ export function SubPageLayout(props: {
                     flexDirection: "column",
                     justifyContent: "flex-start",
                     alignItems: "stretch",
-                    paddingLeft: "2rem"
                 })}>
                     <Outlet />
                 </div>
diff --git a/packages/dashboard/src/components/overlays/toast/toastItem.tsx b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
index 9048a87..7bb820a 100644
--- a/packages/dashboard/src/components/overlays/toast/toastItem.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
@@ -1,10 +1,11 @@
 import { Button, ButtonContent } from "@arrhes/ui"
-import { IconAlertTriangle, IconCircleCheck, IconInfoSquare, IconX } from "@tabler/icons-react"
-import { css } from "../../../utilities/cn.js"
+import { Icon, IconAlertTriangle, IconCircleCheck, IconInfoSquare, IconProps, IconX } from "@tabler/icons-react"
+import { ReactElement } from "react"
 import { ToasterToast, ToastVariant } from "../../../contexts/toasts/useToast.js"
+import { css } from "../../../utilities/cn.js"
 
 
-const toastIcons: Record<ToastVariant, React.ReactNode> = {
+const toastIcons: Record<ToastVariant, ReactElement<IconProps & React.RefAttributes<Icon>>> = {
     error: (
         <IconAlertTriangle size={20} className={css({ color: "error" })} />
     ),
@@ -19,12 +20,10 @@ const toastIcons: Record<ToastVariant, React.ReactNode> = {
     )
 }
 
-type ToastItemProps = {
+export function ToastItem(props: {
     toast: ToasterToast
     onDismiss: (id: string) => void
-}
-
-export function ToastItem(props: ToastItemProps) {
+}) {
     const variant = props.toast.variant ?? "information"
 
     return (
@@ -36,8 +35,8 @@ export function ToastItem(props: ToastItemProps) {
                 display: props.toast.open ? "flex" : "none",
                 alignItems: "center",
                 justifyContent: "flex-start",
-                gap: "4",
-                padding: "4",
+                gap: "0.5rem",
+                padding: "1rem",
                 borderRadius: "lg",
                 border: "1px solid",
                 borderColor: "neutral/10",
@@ -45,7 +44,18 @@ export function ToastItem(props: ToastItemProps) {
                 boxShadow: "sm",
             })}
         >
-            {toastIcons[variant]}
+            <div
+                className={css({
+                    width: "fit-content",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                    padding: "0.5rem",
+                })}
+            >
+                {toastIcons[variant]}
+            </div>
             <div
                 className={css({
                     display: "flex",
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index fe28d41..a4fa047 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -1,5 +1,5 @@
-import { createPortal } from "react-dom"
 import { ReactNode } from "react"
+import { createPortal } from "react-dom"
 import { css } from "../../../utilities/cn.js"
 
 
@@ -17,10 +17,10 @@ export function ToastViewport(props: ToastViewportProps) {
                 zIndex: "100",
                 display: "flex",
                 flexDirection: "column",
-                gap: "2",
-                padding: "4",
+                gap: "0.5rem",
+                padding: "1rem",
                 width: "100%",
-                maxWidth: "420px",
+                maxWidth: "sm",
                 pointerEvents: "none",
             })}
         >
diff --git a/packages/dashboard/src/contexts/toasts/useToast.ts b/packages/dashboard/src/contexts/toasts/useToast.ts
index 9e43631..c23a8ea 100644
--- a/packages/dashboard/src/contexts/toasts/useToast.ts
+++ b/packages/dashboard/src/contexts/toasts/useToast.ts
@@ -3,6 +3,7 @@ import { ReactNode, useEffect, useState } from "react"
 
 const TOAST_LIMIT = 8
 const TOAST_REMOVE_DELAY = 2000
+const TOAST_AUTO_DISMISS_DELAY = 4000
 
 export type ToastVariant = "error" | "success" | "warning" | "information"
 
@@ -73,11 +74,15 @@ const addToRemoveQueue = (toastId: string) => {
 
 export const reducer = (state: State, action: Action): State => {
     switch (action.type) {
-        case "ADD_TOAST":
+        case "ADD_TOAST": {
+            const deduplicated = action.toast.itemID
+                ? state.toasts.filter(x => x.itemID !== action.toast.itemID)
+                : state.toasts
             return {
                 ...state,
-                toasts: [action.toast, ...state.toasts.filter(x => x.itemID !== action.toast.itemID)].slice(0, TOAST_LIMIT),
+                toasts: [action.toast, ...deduplicated].slice(0, TOAST_LIMIT),
             }
+        }
 
         case "UPDATE_TOAST":
             return {
@@ -156,6 +161,10 @@ function toast({ ...props }: Toast) {
         },
     })
 
+    setTimeout(() => {
+        dispatch({ type: "DISMISS_TOAST", toastId: id })
+    }, TOAST_AUTO_DISMISS_DELAY)
+
     return {
         id: id,
         dismiss,
@@ -166,7 +175,7 @@ function toast({ ...props }: Toast) {
 function useToast() {
     const [state, setState] = useState<State>(memoryState)
 
-    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+    // biome-ignore lint/correctness/useExhaustiveDependencies: subscribe once on mount
     useEffect(() => {
         listeners.push(setState)
         return () => {
@@ -175,7 +184,7 @@ function useToast() {
                 listeners.splice(index, 1)
             }
         }
-    }, [state])
+    }, [])
 
     return {
         ...state,
diff --git a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index a948670..dbeda75 100644
--- a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -7,6 +7,7 @@ import { Popover } from "../../components/overlays/popover/popover.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
 import { css } from "../../utilities/cn.js"
+import { deleteCookies } from "../../utilities/cookies/deleteCookies.js"
 import { postAPI } from "../../utilities/postAPI.js"
 import { Breadcrumbs } from "../breadcrumbs.js"
 
@@ -31,7 +32,7 @@ export function DashboardLayout() {
                 alignItems: "center",
                 padding: "1rem",
                 borderBottom: "1px solid",
-                borderColor: "neutral/8",
+                borderColor: "neutral/10",
                 backgroundColor: "white",
             })}>
                 <div className={css({
@@ -104,10 +105,17 @@ export function DashboardLayout() {
                                 <Button
                                     className={css({ width: "100%" })}
                                     onClick={async () => {
-                                        await postAPI({
-                                            routeDefinition: signOutRouteDefinition,
-                                            body: {},
-                                        })
+                                        try {
+                                            await postAPI({
+                                                routeDefinition: signOutRouteDefinition,
+                                                body: {},
+                                            })
+                                        } catch {
+                                            // If the API is unreachable, we still want to
+                                            // log the user out on the client side.
+                                        }
+
+                                        deleteCookies()
                                         toast({ title: "Déconnexion réussie", variant: "success" })
 
                                         platformRouter.navigate({
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
index 364901e..90e9188 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/organizationUsers/organizationUserListTableRow.tsx
@@ -1,7 +1,7 @@
 import { readAllOrganizationUsersRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
 import { css } from "@arrhes/ui/utilities/cn.js"
-import { IconPencil, IconUserX } from "@tabler/icons-react"
+import { IconUserEdit, IconUserX } from "@tabler/icons-react"
 import * as v from "valibot"
 import { Chip } from "../../../../../components/layouts/chip.tsx"
 import { ListTable } from "../../../../../components/layouts/listTable/listTable.tsx"
@@ -68,8 +68,8 @@ export function OrganizationUserListTableRow(props: {
                     >
                         <ButtonContent
                             variant="default"
-                            leftIcon={<IconPencil />}
-                            title="Modifier"
+                            leftIcon={<IconUserEdit />}
+                            title="Changer les droits"
                         />
                     </UpdateOneOrganizationUser>
                     <DeleteOneOrganizationUser
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
index 3aff80d..c27c88a 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayout.tsx
@@ -1,6 +1,5 @@
 import { IconBook, IconChartBar } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
-import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { SubPageLayout } from "../../../../../../../components/layouts/subPageLayout.js"
 import { reportsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/reports/reportsLayoutRoute.js"
 
@@ -9,63 +8,61 @@ export function ReportsLayout() {
     const params = useParams({ from: reportsLayoutRoute.id })
 
     return (
-        <Page.Root>
-            <SubPageLayout
-                sections={{
-                    journals: {
-                        title: "Journaux",
-                        icon: <IconBook size={14} />,
-                        items: [
-                            {
-                                label: "Livre-journal",
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
-                                params: {
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                }
-                            },
-                            {
-                                label: "Grand livre",
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
-                                params: {
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                }
-                            },
-                        ]
-                    },
-                    summaries: {
-                        title: "Synthèses",
-                        icon: <IconChartBar size={14} />,
-                        items: [
-                            {
-                                label: "Balance",
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
-                                params: {
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                }
-                            },
-                            {
-                                label: "Bilan",
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
-                                params: {
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                }
-                            },
-                            {
-                                label: "Compte de résultat",
-                                to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
-                                params: {
-                                    idOrganization: params.idOrganization,
-                                    idYear: params.idYear,
-                                }
-                            },
-                        ]
-                    },
-                }}
-            />
-        </Page.Root>
+        <SubPageLayout
+            sections={{
+                journals: {
+                    title: "Journaux",
+                    icon: <IconBook size={14} />,
+                    items: [
+                        {
+                            label: "Livre-journal",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/livre-journal",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                        {
+                            label: "Grand livre",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/grand-livre",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                    ]
+                },
+                summaries: {
+                    title: "Synthèses",
+                    icon: <IconChartBar size={14} />,
+                    items: [
+                        {
+                            label: "Balance",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/balance",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                        {
+                            label: "Bilan",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/bilan",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                        {
+                            label: "Compte de résultat",
+                            to: "/dashboard/organisations/$idOrganization/exercices/$idYear/documents/compte-de-résultat",
+                            params: {
+                                idOrganization: params.idOrganization,
+                                idYear: params.idYear,
+                            }
+                        },
+                    ]
+                },
+            }}
+        />
     )
 }
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
index 26345b0..d092b46 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsPage.tsx
@@ -4,6 +4,7 @@ import { IconPencil, IconTrash } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.tsx"
 import { Page } from "../../../../../../../components/layouts/page/page.tsx"
+import { PageRoot } from "../../../../../../../components/layouts/page/pageRoot.tsx"
 import { SettingsSection } from "../../../../../../../components/layouts/settingsSection/settingsSection.tsx"
 import { yearSettingsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/yearSettings/yearSettingsRoute.tsx"
 import { DeleteOneYear } from "./deleteOneYear.tsx"
@@ -14,53 +15,55 @@ export function YearSettingsPage() {
     const params = useParams({ from: yearSettingsRoute.id })
 
     return (
-        <Page.Content>
-            <DataWrapper
-                routeDefinition={readOneYearRouteDefinition}
-                body={{
-                    idOrganization: params.idOrganization,
-                    idYear: params.idYear
-                }}
-            >
-                {(year) => {
-                    return (
-                        <>
-                            <SettingsSection.Root>
-                                <SettingsSection.Header title="Informations générales" />
-                                <SettingsSection.Row
-                                    title="Modifier l'exercice"
-                                    description="Mettez à jour les informations principales."
-                                >
-                                    <UpdateOneYear year={year}>
-                                        <ButtonContent
-                                            variant="default"
-                                            leftIcon={<IconPencil />}
-                                            text="Modifier"
-                                        />
-                                    </UpdateOneYear>
-                                </SettingsSection.Row>
-                            </SettingsSection.Root>
-                            <SettingsSection.Root variant="danger">
-                                <SettingsSection.Header title="Zone de danger" variant="danger" />
-                                <SettingsSection.Row
-                                    title="Supprimer l'exercice"
-                                    description="Cette action est irréversible."
-                                    variant="danger"
-                                >
-                                    <DeleteOneYear year={year}>
-                                        <ButtonContent
-                                            variant="default"
-                                            leftIcon={<IconTrash />}
-                                            text="Supprimer"
-                                            color="error"
-                                        />
-                                    </DeleteOneYear>
-                                </SettingsSection.Row>
-                            </SettingsSection.Root>
-                        </>
-                    )
-                }}
-            </DataWrapper>
-        </Page.Content>
+        <PageRoot>
+            <Page.Content>
+                <DataWrapper
+                    routeDefinition={readOneYearRouteDefinition}
+                    body={{
+                        idOrganization: params.idOrganization,
+                        idYear: params.idYear
+                    }}
+                >
+                    {(year) => {
+                        return (
+                            <>
+                                <SettingsSection.Root>
+                                    <SettingsSection.Header title="Informations générales" />
+                                    <SettingsSection.Row
+                                        title="Modifier l'exercice"
+                                        description="Mettez à jour les informations principales."
+                                    >
+                                        <UpdateOneYear year={year}>
+                                            <ButtonContent
+                                                variant="default"
+                                                leftIcon={<IconPencil />}
+                                                text="Modifier"
+                                            />
+                                        </UpdateOneYear>
+                                    </SettingsSection.Row>
+                                </SettingsSection.Root>
+                                <SettingsSection.Root variant="danger">
+                                    <SettingsSection.Header title="Zone de danger" variant="danger" />
+                                    <SettingsSection.Row
+                                        title="Supprimer l'exercice"
+                                        description="Cette action est irréversible."
+                                        variant="danger"
+                                    >
+                                        <DeleteOneYear year={year}>
+                                            <ButtonContent
+                                                variant="default"
+                                                leftIcon={<IconTrash />}
+                                                text="Supprimer"
+                                                color="error"
+                                            />
+                                        </DeleteOneYear>
+                                    </SettingsSection.Row>
+                                </SettingsSection.Root>
+                            </>
+                        )
+                    }}
+                </DataWrapper>
+            </Page.Content>
+        </PageRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/accounting/glossaryAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/glossaryAccountingDocPage.tsx
new file mode 100644
index 0000000..2cc3442
--- /dev/null
+++ b/packages/dashboard/src/features/docs/accounting/glossaryAccountingDocPage.tsx
@@ -0,0 +1,220 @@
+import { DocGlossaryEntry } from "../../../components/document/docGlossaryEntry.js"
+import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
+import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTip } from "../../../components/document/docTip.js"
+
+
+export function GlossaryAccountingDocPage() {
+    return (
+        <DocRoot>
+            <DocHeader
+                title="Glossaire comptable"
+                description="Tous les termes essentiels de la comptabilité en un coup d'oeil"
+            />
+
+            <DocParagraph>
+                Ce glossaire regroupe les définitions des termes comptables utilisés dans
+                le cours. Cliquez sur les liens pour approfondir chaque concept dans la
+                page correspondante.
+            </DocParagraph>
+
+            <DocSection title="A">
+                <DocGlossaryEntry
+                    term="Actif"
+                    definition="Partie gauche du bilan. Regroupe tout ce que l'organisation possède : immobilisations, stocks, créances clients, trésorerie. Les comptes d'actif augmentent au débit et diminuent au crédit."
+                />
+                <DocGlossaryEntry
+                    term="Amortissement"
+                    definition="Constatation comptable de la dépréciation d'un bien immobilisé au fil du temps (usure, obsolescence). Il est enregistré chaque année comme une charge dans le compte de résultat."
+                />
+                <DocGlossaryEntry
+                    term="Annexe"
+                    definition="Document obligatoire qui complète le bilan et le compte de résultat avec des informations complémentaires : méthodes comptables utilisées, engagements hors bilan, détails sur certains postes."
+                />
+            </DocSection>
+
+            <DocSection title="B">
+                <DocGlossaryEntry
+                    term="Balance"
+                    definition="Liste de tous les comptes avec leurs totaux débit, crédit et solde. Outil de contrôle essentiel : le total des soldes débiteurs doit toujours égaler le total des soldes créditeurs."
+                />
+                <DocGlossaryEntry
+                    term="Bénéfice"
+                    definition="Résultat positif d'un exercice. Peut être calculé par le patrimoine (patrimoine final - patrimoine initial) ou par les opérations (produits - charges). Les deux méthodes doivent donner le même résultat."
+                />
+                <DocGlossaryEntry
+                    term="Bilan"
+                    definition="Photographie du patrimoine de l'organisation à une date donnée. Il montre ce que l'organisation possède (actif) et comment elle l'a financé (passif). L'actif doit toujours être égal au passif."
+                />
+            </DocSection>
+
+            <DocSection title="C">
+                <DocGlossaryEntry
+                    term="Capital"
+                    definition="Apports initiaux des associés ou fondateurs. Fait partie des capitaux propres au passif du bilan. Il est assimilé à une dette de l'entreprise envers ses propriétaires."
+                />
+                <DocGlossaryEntry
+                    term="Capitaux propres"
+                    definition="Ensemble des ressources appartenant aux propriétaires de l'organisation : capital, réserves, report à nouveau et résultat de l'exercice. Ils figurent au passif du bilan."
+                />
+                <DocGlossaryEntry
+                    term="Charges (classe 6)"
+                    definition="Toutes les dépenses de l'exercice : achats, services extérieurs, impôts, salaires, charges financières. Les comptes de charges sont débités quand ils augmentent."
+                />
+                <DocGlossaryEntry
+                    term="Classe de compte"
+                    definition="Regroupement des comptes par nature, numérotés de 1 à 7. Classes 1 à 5 : comptes de bilan. Classes 6 et 7 : comptes de gestion (résultat). Le premier chiffre du numéro de compte indique sa classe."
+                />
+                <DocGlossaryEntry
+                    term="Compte"
+                    definition="Catégorie qui regroupe des opérations de même nature. Chaque compte possède un numéro et un intitulé définis par le Plan Comptable Général."
+                />
+                <DocGlossaryEntry
+                    term="Compte de résultat"
+                    definition="Document de synthèse qui compare les produits aux charges sur un exercice pour déterminer le résultat (bénéfice ou perte). Construit à partir des comptes d'opérations (classes 6 et 7)."
+                />
+                <DocGlossaryEntry
+                    term="Comptes d'agents"
+                    definition="Comptes qui enregistrent les relations avec les tiers (clients, fournisseurs, banque, État) du point de vue de ces tiers. Ils décrivent qui doit quoi à qui."
+                />
+                <DocGlossaryEntry
+                    term="Comptes d'opérations"
+                    definition="Comptes qui enregistrent les opérations économiques du point de vue de l'entreprise : achats, ventes, charges, produits. Ils décrivent ce que fait l'entreprise."
+                />
+                <DocGlossaryEntry
+                    term="Crédit"
+                    definition="Côté droit d'un compte. Du latin credere (croire) : en échange d'une sortie d'argent, le caissier reçoit une pièce justificative. Pour les comptes de passif et de produits, un crédit représente une augmentation."
+                />
+            </DocSection>
+
+            <DocSection title="D">
+                <DocGlossaryEntry
+                    term="Débit"
+                    definition="Côté gauche d'un compte. Du latin debere (devoir) : le caissier doit pouvoir rendre l'argent entré dans sa caisse. Pour les comptes d'actif et de charges, un débit représente une augmentation."
+                />
+            </DocSection>
+
+            <DocSection title="E">
+                <DocGlossaryEntry
+                    term="Écriture comptable"
+                    definition="Enregistrement d'une opération économique dans les comptes. Comprend une date, un libellé, un numéro de pièce et les comptes mouvementés. Respecte toujours le principe de la partie double."
+                />
+                <DocGlossaryEntry
+                    term="Exercice comptable"
+                    definition="Période de 12 mois (généralement l'année civile) pendant laquelle on enregistre les opérations. À la fin, on établit les documents de synthèse (bilan, compte de résultat)."
+                />
+            </DocSection>
+
+            <DocSection title="G">
+                <DocGlossaryEntry
+                    term="Grand livre"
+                    definition="Liste de tous les comptes avec le détail de leurs mouvements. Permet de vérifier l'historique et le solde progressif de chaque compte."
+                />
+            </DocSection>
+
+            <DocSection title="I">
+                <DocGlossaryEntry
+                    term="Immobilisations (classe 2)"
+                    definition="Biens destinés à rester durablement dans l'organisation : terrains, bâtiments, matériel, véhicules, logiciels. Figurent à l'actif du bilan."
+                />
+            </DocSection>
+
+            <DocSection title="J">
+                <DocGlossaryEntry
+                    term="Journal"
+                    definition="Registre chronologique de toutes les écritures comptables. A une valeur juridique et constitue une preuve en cas de contrôle. Les écritures ne doivent jamais y être effacées."
+                />
+                <DocGlossaryEntry
+                    term="Journaux auxiliaires"
+                    definition="Journaux spécialisés par type d'opération : journal des achats (HA), des ventes (VE), de banque (BQ), de caisse (CA), des opérations diverses (OD). Ils facilitent l'organisation et le contrôle."
+                />
+            </DocSection>
+
+            <DocSection title="P">
+                <DocGlossaryEntry
+                    term="Partie double"
+                    definition="Principe fondamental : chaque opération comptable affecte au moins deux comptes. L'un est débité, l'autre est crédité. Le total des débits doit toujours être égal au total des crédits."
+                />
+                <DocGlossaryEntry
+                    term="Passif"
+                    definition="Partie droite du bilan. Regroupe les ressources de l'organisation : capitaux propres, emprunts, dettes fournisseurs, dettes fiscales. Les comptes de passif augmentent au crédit et diminuent au débit."
+                />
+                <DocGlossaryEntry
+                    term="Perte"
+                    definition="Résultat négatif d'un exercice, quand les charges sont supérieures aux produits. La perte diminue les capitaux propres au bilan."
+                />
+                <DocGlossaryEntry
+                    term="Pièce justificative"
+                    definition="Document qui prouve la réalité d'une opération (facture, relevé bancaire, ticket de caisse...). Chaque écriture comptable doit être justifiée par une pièce."
+                />
+                <DocGlossaryEntry
+                    term="Plan Comptable Général (PCG)"
+                    definition="Référentiel français qui définit la structure commune des comptes pour toutes les organisations. Il organise les comptes en 7 classes numérotées."
+                />
+                <DocGlossaryEntry
+                    term="Produits (classe 7)"
+                    definition="Toutes les recettes de l'exercice : ventes, prestations de services, subventions, produits financiers, cotisations. Les comptes de produits sont crédités quand ils augmentent."
+                />
+            </DocSection>
+
+            <DocSection title="R">
+                <DocGlossaryEntry
+                    term="Report à nouveau"
+                    definition="Résultat de l'exercice précédent en attente d'affectation (mise en réserve ou distribution aux associés)."
+                />
+                <DocGlossaryEntry
+                    term="Réserves"
+                    definition="Bénéfices des années passées qui ont été conservés dans l'entreprise et non distribués aux associés. Font partie des capitaux propres."
+                />
+                <DocGlossaryEntry
+                    term="Résultat"
+                    definition="Différence entre les produits et les charges d'un exercice. Positif = bénéfice (ou excédent pour une association). Négatif = perte (ou déficit). Le résultat figure dans les capitaux propres du bilan."
+                />
+            </DocSection>
+
+            <DocSection title="S">
+                <DocGlossaryEntry
+                    term="Solde"
+                    definition="Différence entre le total des débits et le total des crédits d'un compte. Un compte est débiteur si les débits sont supérieurs aux crédits, créditeur dans le cas contraire."
+                />
+                <DocGlossaryEntry
+                    term="Stocks (classe 3)"
+                    definition="Marchandises, matières premières et produits finis en attente de vente ou d'utilisation. Figurent à l'actif circulant du bilan."
+                />
+            </DocSection>
+
+            <DocSection title="T">
+                <DocGlossaryEntry
+                    term="Tiers (classe 4)"
+                    definition="Personnes ou organismes avec lesquels l'organisation a des relations financières : clients, fournisseurs, État, organismes sociaux. Le solde indique ce qu'on vous doit ou ce que vous devez."
+                />
+                <DocGlossaryEntry
+                    term="TVA collectée (compte 4457)"
+                    definition="TVA facturée sur les ventes, que vous devez reverser à l'État. Le compte est crédité quand la TVA collectée augmente."
+                />
+                <DocGlossaryEntry
+                    term="TVA déductible (compte 4456)"
+                    definition="TVA payée sur les achats, que l'État vous doit ou que vous pouvez déduire de la TVA collectée. Le compte est débité quand la TVA déductible augmente."
+                />
+            </DocSection>
+
+            <DocTip variant="tip">
+                Ce glossaire est un aide-mémoire. Pour comprendre ces concepts en profondeur,
+                consultez les pages du cours :{" "}
+                <DocLink to="/documentation/comptabilité/introduction">Introduction</DocLink>,{" "}
+                <DocLink to="/documentation/comptabilité/comptes">Les comptes</DocLink>,{" "}
+                <DocLink to="/documentation/comptabilité/écritures">Les écritures</DocLink> et{" "}
+                <DocLink to="/documentation/comptabilité/documents">Les documents</DocLink>.
+            </DocTip>
+
+            <DocNextPage
+                to="/documentation/dashboard/démarrage"
+                label="Guide : Démarrer avec Arrhes"
+            />
+        </DocRoot>
+    )
+}
diff --git a/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
index 6b6b65c..d9beb46 100644
--- a/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
+++ b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
@@ -8,7 +8,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
-import { DocTip } from "../../../components/document/docTip.js"
 import { css } from "../../../utilities/cn.js"
 
 
@@ -285,14 +284,14 @@ export function ReportsAccountingDocPage() {
                 </DocParagraph>
             </DocSection>
 
-            <DocTip variant="success">
+            {/* <DocTip variant="success">
                 Félicitations ! Vous avez terminé le cours de comptabilité. Vous maîtrisez maintenant
                 les concepts fondamentaux pour utiliser Arrhes efficacement.
-            </DocTip>
+            </DocTip> */}
 
             <DocNextPage
-                to="/documentation/dashboard/démarrage"
-                label="Guide : Démarrer avec Arrhes"
+                to="/documentation/comptabilité/glossaire"
+                label="Glossaire comptable"
             />
         </DocRoot>
     )
diff --git a/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
index 7ff69ac..4f7ccb1 100644
--- a/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/attachmentsDashboardDocPage.tsx
@@ -1,16 +1,94 @@
+import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
+import { DocLink } from "../../../components/document/docLink.js"
+import { DocList } from "../../../components/document/docList.js"
 import { DocNextPage } from "../../../components/document/docNextPage.js"
+import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
+import { DocSection } from "../../../components/document/docSection.js"
+import { DocTip } from "../../../components/document/docTip.js"
 
 
 export function AttachmentsDashboardDocPage() {
     return (
         <DocRoot>
             <DocHeader
-                title="Voter espace de stockage"
-                description="Gérer vos documents et fichiers"
+                title="Votre espace de stockage"
+                description="Gérer vos pièces justificatives et documents numériques"
             />
 
+            <DocSection title="Pourquoi numériser vos documents ?">
+                <DocParagraph>
+                    Chaque{" "}
+                    <DocLink to="/documentation/comptabilité/écritures">écriture comptable</DocLink>{" "}
+                    doit être justifiée par une pièce (facture, relevé bancaire, ticket de caisse...).
+                    Arrhes vous permet de stocker ces documents numériquement, directement associés
+                    à vos écritures, pour un archivage sécurisé et une consultation rapide.
+                </DocParagraph>
+                <DocParagraph>
+                    La numérisation de vos justificatifs facilite les contrôles, les échanges
+                    avec votre expert-comptable et la recherche de documents en cas de besoin.
+                </DocParagraph>
+            </DocSection>
+
+            <DocSection title="Formats et limites">
+                <DocParagraph>
+                    Arrhes accepte les formats de fichiers suivants pour les pièces jointes :
+                </DocParagraph>
+                <DocList items={[
+                    "PDF : idéal pour les factures et documents officiels",
+                    "Images (JPG, PNG) : pratique pour les tickets et reçus photographiés",
+                    "Taille maximale : 10 Mo par fichier",
+                    "Plusieurs fichiers peuvent être associés à une même écriture"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Ajouter une pièce jointe">
+                <DocParagraph>
+                    Les pièces jointes sont associées directement aux écritures comptables.
+                    Vous pouvez les ajouter lors de la{" "}
+                    <DocLink to="/documentation/dashboard/écritures">saisie d'une écriture</DocLink>{" "}
+                    ou ultérieurement.
+                </DocParagraph>
+                <DocExample title="Étapes pour joindre un document">
+                    <DocList items={[
+                        "Ouvrez l'écriture concernée",
+                        "Cliquez sur Ajouter une pièce jointe",
+                        "Sélectionnez le fichier depuis votre ordinateur",
+                        "Le fichier est téléversé et automatiquement associé à l'écriture",
+                        "Vous pouvez ajouter d'autres fichiers si nécessaire"
+                    ]} />
+                </DocExample>
+            </DocSection>
+
+            <DocSection title="Consulter et gérer vos fichiers">
+                <DocParagraph>
+                    Depuis une écriture, vous pouvez visualiser, télécharger ou supprimer
+                    les pièces jointes associées. Les fichiers PDF et images peuvent être
+                    prévisualisés directement dans l'application.
+                </DocParagraph>
+                <DocList items={[
+                    "Cliquez sur une pièce jointe pour la prévisualiser",
+                    "Utilisez le bouton de téléchargement pour récupérer le fichier original",
+                    "Supprimez une pièce jointe si elle a été ajoutée par erreur"
+                ]} />
+            </DocSection>
+
+            <DocSection title="Organisation et bonnes pratiques">
+                <DocList items={[
+                    "Numérisez vos justificatifs au fur et à mesure pour ne pas accumuler de retard",
+                    "Nommez clairement vos fichiers avant de les téléverser (ex : facture-fournisseur-2024-01.pdf)",
+                    "Vérifiez que le document est lisible avant de le joindre",
+                    "Conservez les originaux papier pendant la durée légale de conservation"
+                ]} />
+            </DocSection>
+
+            <DocTip variant="info">
+                La conservation des pièces justificatives est une obligation légale.
+                Arrhes vous aide à organiser vos documents numériquement, mais pensez
+                également à conserver vos originaux papier conformément à la réglementation.
+            </DocTip>
+
             <DocNextPage
                 to="/documentation/dashboard/documents"
                 label="Documents de synthèse"
diff --git a/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
index 51155da..d63ded0 100644
--- a/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
@@ -140,8 +140,8 @@ export function RecordsDashboardDocPage() {
             </DocSection>
 
             <DocNextPage
-                to="/documentation/dashboard/documents"
-                label="Générer des rapports"
+                to="/documentation/dashboard/stockage"
+                label="Espace de stockage"
             />
         </DocRoot>
     )
diff --git a/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
index a7167bc..854ad45 100644
--- a/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/reportsDashboardDocPage.tsx
@@ -1,4 +1,3 @@
-import { IconCircleCheck } from "@tabler/icons-react"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
 import { DocLink } from "../../../components/document/docLink.js"
@@ -7,7 +6,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function ReportsDashboardDocPage() {
@@ -157,48 +155,6 @@ export function ReportsDashboardDocPage() {
                     "Transmettez les exports à votre expert-comptable pour la révision annuelle"
                 ]} />
             </DocSection>
-
-            {/* Completion box */}
-            <div className={css({
-                marginTop: "12",
-                padding: "6",
-                borderRadius: "xl",
-                backgroundColor: "success/8",
-                border: "1px solid",
-                borderColor: "success/20"
-            })}>
-                <div className={css({
-                    display: "flex",
-                    alignItems: "flex-start",
-                    gap: "4"
-                })}>
-                    <IconCircleCheck className={css({
-                        width: "6",
-                        height: "6",
-                        color: "success",
-                        flexShrink: 0,
-                        marginTop: "0.5"
-                    })} />
-                    <div>
-                        <h3 className={css({
-                            fontWeight: "semibold",
-                            color: "success",
-                            mb: "2"
-                        })}>
-                            Félicitations !
-                        </h3>
-                        <p className={css({
-                            fontSize: "sm",
-                            color: "neutral/70",
-                            lineHeight: "relaxed"
-                        })}>
-                            Vous avez terminé le guide d'utilisation d'Arrhes. Vous maîtrisez maintenant
-                            les fonctionnalités essentielles pour gérer votre comptabilité. N'hésitez pas
-                            à consulter le <DocLink to="/documentation/comptabilité">cours de comptabilité</DocLink> si vous souhaitez approfondir vos connaissances.
-                        </p>
-                    </div>
-                </div>
-            </div>
         </DocRoot>
     )
 }
diff --git a/packages/dashboard/src/features/docs/docSections.tsx b/packages/dashboard/src/features/docs/docSections.tsx
index 974aed5..11f3f03 100644
--- a/packages/dashboard/src/features/docs/docSections.tsx
+++ b/packages/dashboard/src/features/docs/docSections.tsx
@@ -43,10 +43,12 @@ export // Documentation sections configuration
                     title: "Cours de comptabilité",
                     icon: <IconBook className={css({ width: "1rem", height: "1rem" })} />,
                     items: [
-                        { path: "/documentation/comptabilité", label: "Introduction" },
+                        { path: "/documentation/comptabilité", label: "Accueil" },
+                        { path: "/documentation/comptabilité/introduction", label: "Introduction" },
                         { path: "/documentation/comptabilité/comptes", label: "Les comptes" },
                         { path: "/documentation/comptabilité/écritures", label: "Les écritures" },
                         { path: "/documentation/comptabilité/documents", label: "Les documents" },
+                        { path: "/documentation/comptabilité/glossaire", label: "Glossaire" },
                     ]
                 }
             }
diff --git a/packages/dashboard/src/features/docs/documentationLayout.tsx b/packages/dashboard/src/features/docs/docsLayout.tsx
similarity index 77%
rename from packages/dashboard/src/features/docs/documentationLayout.tsx
rename to packages/dashboard/src/features/docs/docsLayout.tsx
index 79f1762..931bb79 100644
--- a/packages/dashboard/src/features/docs/documentationLayout.tsx
+++ b/packages/dashboard/src/features/docs/docsLayout.tsx
@@ -1,12 +1,9 @@
 import { ButtonContent, Logo } from "@arrhes/ui"
 import {
     IconBook2,
-    IconBrandGithub,
-    IconMenu2,
-    IconX
+    IconBrandGithub
 } from "@tabler/icons-react"
 import { Outlet, useRouterState } from "@tanstack/react-router"
-import { useState } from "react"
 import { LinkButton } from "../../components/linkButton.js"
 import { css, cx } from "../../utilities/cn.js"
 import { docSections } from "./docSections.js"
@@ -26,9 +23,8 @@ function getCurrentSection(pathname: string): DocSectionId {
 }
 
 
-export function DocumentationLayout() {
+export function DocsLayout() {
     const pathname = useRouterState({ select: (s) => s.location.pathname })
-    const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
 
     const currentSectionId = getCurrentSection(pathname)
     const currentSection = docSections[currentSectionId]
@@ -49,7 +45,7 @@ export function DocumentationLayout() {
                 justifyContent: "start",
                 alignItems: "center",
                 borderBottom: "1px solid",
-                borderColor: "neutral/8",
+                borderColor: "neutral/10",
                 backgroundColor: "white",
                 position: "sticky",
                 top: "0",
@@ -63,7 +59,7 @@ export function DocumentationLayout() {
                     alignItems: "center",
                     padding: "1rem",
                     borderBottom: "1px solid",
-                    borderColor: "neutral/8",
+                    borderColor: "neutral/10",
                 })}>
                     <div className={css({
                         width: "100%",
@@ -78,23 +74,6 @@ export function DocumentationLayout() {
                             alignItems: "center",
                             gap: "0.5rem"
                         })}>
-                            {/* Mobile menu button */}
-                            <button
-                                onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-                                className={css({
-                                    display: { base: "flex", lg: "none" },
-                                    padding: "0.5rem",
-                                    borderRadius: "md",
-                                    color: "neutral/60",
-                                    _hover: { backgroundColor: "neutral/5", color: "neutral" }
-                                })}
-                            >
-                                {mobileMenuOpen
-                                    ? <IconX className={css({ width: "1.25rem", height: "1.25rem" })} />
-                                    : <IconMenu2 className={css({ width: "1.25rem", height: "1.25rem" })} />
-                                }
-                            </button>
-
                             <LinkButton to="/">
                                 <Logo withText />
                             </LinkButton>
@@ -185,7 +164,8 @@ export function DocumentationLayout() {
                 justifyContent: "start",
                 alignItems: "center",
                 backgroundColor: "white",
-                flex: "1"
+                flex: "1",
+                padding: "1rem",
             })}>
                 <div className={css({
                     width: "100%",
@@ -193,21 +173,6 @@ export function DocumentationLayout() {
                     display: "flex",
                     flex: "1",
                 })}>
-                    {/* Mobile sidebar overlay */}
-                    {mobileMenuOpen && (
-                        <div
-                            className={css({
-                                display: { base: "block", lg: "none" },
-                                position: "fixed",
-                                inset: "0",
-                                top: "120px",
-                                backgroundColor: "neutral/50",
-                                zIndex: "15"
-                            })}
-                            onClick={() => setMobileMenuOpen(false)}
-                        />
-                    )}
-
                     {/* Sidebar */}
                     <aside className={cx(
                         css({
@@ -217,20 +182,11 @@ export function DocumentationLayout() {
                             overflowY: "auto",
                             flexShrink: 0,
                             display: "flex"
-                        }),
-                        mobileMenuOpen && css({
-                            display: "block",
-                            position: "fixed",
-                            left: "0",
-                            top: "120px",
-                            zIndex: "16",
-                            boxShadow: "lg"
                         })
                     )}>
                         <SidebarNavigation
                             navigation={currentSection.navigation}
                             pathname={pathname}
-                            onItemClick={() => setMobileMenuOpen(false)}
                         />
                     </aside>
 
diff --git a/packages/dashboard/src/features/docs/sidebarNavigation.tsx b/packages/dashboard/src/features/docs/sidebarNavigation.tsx
index d8232b6..8684eeb 100644
--- a/packages/dashboard/src/features/docs/sidebarNavigation.tsx
+++ b/packages/dashboard/src/features/docs/sidebarNavigation.tsx
@@ -14,7 +14,6 @@ export interface NavigationSection {
 export function SidebarNavigation(props: {
     navigation: Record<string, NavigationSection>
     pathname: string
-    onItemClick: () => void
 }) {
     return (
         <nav className={css({
@@ -51,7 +50,6 @@ export function SidebarNavigation(props: {
                             <LinkButton
                                 key={item.path}
                                 to={item.path}
-                                onClick={props.onItemClick}
                                 className={css({ width: "100%", })}
                             >
                                 <ButtonContent
diff --git a/packages/dashboard/src/features/website/heroIllustration.tsx b/packages/dashboard/src/features/website/heroIllustration.tsx
index 1164d9c..8350e9a 100644
--- a/packages/dashboard/src/features/website/heroIllustration.tsx
+++ b/packages/dashboard/src/features/website/heroIllustration.tsx
@@ -4,7 +4,7 @@ import { css } from "@arrhes/ui/utilities/cn.js"
 export function HeroIllustration() {
     const dim = css({ color: "neutral/30" })
     const muted = css({ color: "neutral/50" })
-    const text = css({ color: "neutral/80" })
+    const text = css({ color: "neutral/100" })
     const accent = css({ color: "primary" })
     const accentDim = css({ color: "primary/50" })
     const success = css({ color: "success" })
@@ -18,7 +18,7 @@ export function HeroIllustration() {
                 fontFamily: "mono",
                 fontSize: "xs",
                 lineHeight: "1.35",
-                color: "neutral/80",
+                color: "neutral/100",
                 whiteSpace: "pre",
                 userSelect: "none",
             })}
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
index b56532e..ced7e26 100644
--- a/packages/dashboard/src/features/website/websitePage.tsx
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -35,7 +35,7 @@ export function WebsitePage() {
                     alignItems: "center",
                     padding: "1rem",
                     borderBottom: "1px solid",
-                    borderColor: "neutral/8",
+                    borderColor: "neutral/10",
                     backgroundColor: "white",
                     position: "sticky",
                     top: "0",
@@ -105,7 +105,7 @@ export function WebsitePage() {
                     paddingX: "1rem",
                     paddingY: "4rem",
                     borderBottom: "1px solid",
-                    borderColor: "neutral/8"
+                    borderColor: "neutral/10"
                 })}
             >
                 <div
@@ -266,7 +266,7 @@ export function WebsitePage() {
                     paddingY: "4rem",
                     // backgroundColor: "white",
                     borderTop: "1px solid",
-                    borderColor: "neutral/8"
+                    borderTopColor: "neutral/10"
                 })}
             >
                 <div
@@ -320,7 +320,7 @@ export function WebsitePage() {
                     alignItems: "start",
                     padding: "1rem",
                     borderTop: "1px solid",
-                    borderColor: "neutral/8",
+                    borderTopColor: "neutral/10",
                     backgroundColor: "white",
                     marginTop: "auto"
                 })}
diff --git a/packages/dashboard/src/routes/root/docs/accounting/glossaryAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/glossaryAccountingDocRoute.tsx
new file mode 100644
index 0000000..961e979
--- /dev/null
+++ b/packages/dashboard/src/routes/root/docs/accounting/glossaryAccountingDocRoute.tsx
@@ -0,0 +1,15 @@
+import { createRoute } from "@tanstack/react-router"
+import { GlossaryAccountingDocPage } from "../../../../features/docs/accounting/glossaryAccountingDocPage.tsx"
+import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
+
+
+export const glossaryAccountingDocRoute = createRoute({
+    getParentRoute: () => accountingDocLayoutRoute,
+    path: "/glossaire",
+    beforeLoad: () => ({
+        title: "Glossaire comptable"
+    }),
+    component: () => (
+        <GlossaryAccountingDocPage />
+    )
+})
diff --git a/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx b/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
index e48943b..239926a 100644
--- a/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/accounting/introductionAccountingDocRoute.tsx
@@ -5,7 +5,7 @@ import { accountingDocLayoutRoute } from "./accountingDocLayoutRoute.js"
 
 export const introductionAccountingDocRoute = createRoute({
     getParentRoute: () => accountingDocLayoutRoute,
-    path: "/",
+    path: "/introduction",
     beforeLoad: () => ({
         title: "Introduction au cours de comptabilité"
     }),
diff --git a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
index 50b34cc..4a2bcf3 100644
--- a/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
+++ b/packages/dashboard/src/routes/root/docs/docsLayoutRoute.tsx
@@ -1,6 +1,6 @@
 import { createRoute } from "@tanstack/react-router"
 import { CircularLoader } from "../../../components/layouts/circularLoader.js"
-import { DocumentationLayout } from "../../../features/docs/documentationLayout.js"
+import { DocsLayout } from "../../../features/docs/docsLayout.js"
 import { rootLayoutRoute } from "../../rootLayoutRoute.js"
 
 
@@ -14,6 +14,6 @@ export const docsLayoutRoute = createRoute({
         title: "Documentation"
     }),
     component: () => (
-        <DocumentationLayout />
+        <DocsLayout />
     )
 })
diff --git a/packages/dashboard/src/routes/root/docs/docsTree.ts b/packages/dashboard/src/routes/root/docs/docsTree.ts
index 588c2f9..86cc83f 100644
--- a/packages/dashboard/src/routes/root/docs/docsTree.ts
+++ b/packages/dashboard/src/routes/root/docs/docsTree.ts
@@ -1,6 +1,7 @@
 import { AnyRoute } from "@tanstack/react-router"
 import { accountingDocLayoutRoute } from "./accounting/accountingDocLayoutRoute.js"
 import { accountsAccountingDocRoute } from "./accounting/accountsAccountingDocRoute.js"
+import { glossaryAccountingDocRoute } from "./accounting/glossaryAccountingDocRoute.js"
 import { introductionAccountingDocRoute } from "./accounting/introductionAccountingDocRoute.js"
 import { recordsAccountingDocRoute } from "./accounting/recordsAccountingDocRoute.js"
 import { reportsAccountingDocRoute } from "./accounting/reportsAccountingDocRoute.js"
@@ -45,6 +46,7 @@ export const docsTree: AnyRoute = docsLayoutRoute.addChildren([
         accountsAccountingDocRoute,
         recordsAccountingDocRoute,
         reportsAccountingDocRoute,
+        glossaryAccountingDocRoute,
     ]),
 
     // Dashboard section (guide d'utilisation)
diff --git a/packages/ui/src/components/buttons/buttonContent.tsx b/packages/ui/src/components/buttons/buttonContent.tsx
index 2dcbb4c..44f0750 100644
--- a/packages/ui/src/components/buttons/buttonContent.tsx
+++ b/packages/ui/src/components/buttons/buttonContent.tsx
@@ -156,7 +156,7 @@ const variantStyles = {
             borderColor: "transparent",
             bg: "transparent",
             _hover: {
-                bg: "neutral/8",
+                bg: "neutral/10",
             },
             _active: {
                 bg: "neutral/12",
diff --git a/packages/ui/src/components/layouts/separator.tsx b/packages/ui/src/components/layouts/separator.tsx
index 348a2da..48a6f56 100644
--- a/packages/ui/src/components/layouts/separator.tsx
+++ b/packages/ui/src/components/layouts/separator.tsx
@@ -14,7 +14,7 @@ export function Separator(props: {
             aria-orientation={orientation}
             className={cx(
                 css({
-                    backgroundColor: "neutral/8",
+                    backgroundColor: "neutral/10",
                     flexShrink: 0,
                 }),
                 orientation === "horizontal"

From 24c4cc0fa5e85c92c31db91084e38f4f6f6fdeeb Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Sat, 14 Feb 2026 00:38:44 +0100
Subject: [PATCH 23/25] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(dashboard):?=
 =?UTF-8?q?=20replace=20local=20cn=20utility=20with=20@arrhes/ui=20import?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- replace all imports of css/cx from local utilities/cn.ts
  with @arrhes/ui/utilities/cn.js across 123 files
- delete redundant packages/dashboard/src/utilities/cn.ts
  which only re-exported css and cx from Panda CSS
- reorder imports to follow workspace packages → external
  deps → relative internal convention
---
 .../dashboard/src/components/document/docDefinition.tsx    | 2 +-
 packages/dashboard/src/components/document/docExample.tsx  | 2 +-
 .../dashboard/src/components/document/docGlossaryEntry.tsx | 2 +-
 packages/dashboard/src/components/document/docHeader.tsx   | 2 +-
 .../dashboard/src/components/document/docIndexLink.tsx     | 4 ++--
 .../dashboard/src/components/document/docLastUpdate.tsx    | 2 +-
 packages/dashboard/src/components/document/docLink.tsx     | 4 ++--
 packages/dashboard/src/components/document/docLinkCard.tsx | 4 ++--
 packages/dashboard/src/components/document/docList.tsx     | 2 +-
 packages/dashboard/src/components/document/docNextPage.tsx | 2 +-
 .../dashboard/src/components/document/docParagraph.tsx     | 2 +-
 packages/dashboard/src/components/document/docSection.tsx  | 2 +-
 .../dashboard/src/components/document/docSectionCard.tsx   | 4 ++--
 packages/dashboard/src/components/document/docTable.tsx    | 2 +-
 .../dashboard/src/components/document/docTextSection.tsx   | 2 +-
 packages/dashboard/src/components/document/docTip.tsx      | 2 +-
 packages/dashboard/src/components/formats/formatBase.tsx   | 2 +-
 .../dashboard/src/components/formats/formatDateTime.tsx    | 2 +-
 packages/dashboard/src/components/formats/formatError.tsx  | 2 +-
 .../dashboard/src/components/formats/formatFileSize.tsx    | 2 +-
 packages/dashboard/src/components/formats/formatLink.tsx   | 2 +-
 packages/dashboard/src/components/formats/formatNull.tsx   | 2 +-
 packages/dashboard/src/components/formats/formatPrice.tsx  | 2 +-
 packages/dashboard/src/components/formats/formatText.tsx   | 2 +-
 packages/dashboard/src/components/forms/formError.tsx      | 2 +-
 packages/dashboard/src/components/forms/formItem.tsx       | 2 +-
 packages/dashboard/src/components/forms/formLabel.tsx      | 2 +-
 packages/dashboard/src/components/forms/formRoot.tsx       | 6 +++---
 packages/dashboard/src/components/forms/formSubmit.tsx     | 2 +-
 packages/dashboard/src/components/inputs/inputCombobox.tsx | 2 +-
 .../src/components/inputs/inputComboboxMultiple.tsx        | 2 +-
 packages/dashboard/src/components/inputs/inputDate.tsx     | 2 +-
 packages/dashboard/src/components/inputs/inputDisabled.tsx | 2 +-
 packages/dashboard/src/components/inputs/inputFile.tsx     | 2 +-
 packages/dashboard/src/components/inputs/inputNumber.tsx   | 2 +-
 packages/dashboard/src/components/inputs/inputPassword.tsx | 2 +-
 packages/dashboard/src/components/inputs/inputRating.tsx   | 2 +-
 packages/dashboard/src/components/inputs/inputSelect.tsx   | 2 +-
 packages/dashboard/src/components/inputs/inputSwitch.tsx   | 2 +-
 packages/dashboard/src/components/inputs/inputText.tsx     | 2 +-
 packages/dashboard/src/components/inputs/inputTextArea.tsx | 2 +-
 packages/dashboard/src/components/inputs/inputToggle.tsx   | 2 +-
 packages/dashboard/src/components/layouts/banner.tsx       | 2 +-
 packages/dashboard/src/components/layouts/box.tsx          | 2 +-
 .../dashboard/src/components/layouts/card/cardContent.tsx  | 2 +-
 .../dashboard/src/components/layouts/card/cardHeader.tsx   | 2 +-
 .../dashboard/src/components/layouts/card/cardRoot.tsx     | 2 +-
 packages/dashboard/src/components/layouts/chip.tsx         | 2 +-
 packages/dashboard/src/components/layouts/command.tsx      | 2 +-
 .../src/components/layouts/dataBlock/dataBlockContent.tsx  | 2 +-
 .../src/components/layouts/dataBlock/dataBlockHeader.tsx   | 2 +-
 .../src/components/layouts/dataBlock/dataBlockItem.tsx     | 2 +-
 .../src/components/layouts/dataBlock/dataBlockRoot.tsx     | 2 +-
 packages/dashboard/src/components/layouts/dataTable.tsx    | 2 +-
 packages/dashboard/src/components/layouts/dataWrapper.tsx  | 2 +-
 .../components/layouts/dropdownMenu/dropdownContent.tsx    | 2 +-
 .../src/components/layouts/dropdownMenu/dropdownItem.tsx   | 2 +-
 .../src/components/layouts/dropdownMenu/dropdownLabel.tsx  | 2 +-
 .../components/layouts/dropdownMenu/dropdownSeparator.tsx  | 2 +-
 .../components/layouts/dropdownMenu/dropdownTrigger.tsx    | 2 +-
 packages/dashboard/src/components/layouts/emptyState.tsx   | 2 +-
 .../src/components/layouts/listTable/listTableRoot.tsx     | 2 +-
 .../src/components/layouts/listTable/listTableRow.tsx      | 2 +-
 packages/dashboard/src/components/layouts/logo.tsx         | 2 +-
 .../dashboard/src/components/layouts/page/pageContent.tsx  | 2 +-
 .../src/components/layouts/page/pageDescription.tsx        | 2 +-
 .../dashboard/src/components/layouts/page/pageHeader.tsx   | 2 +-
 .../src/components/layouts/page/pageNavigation.tsx         | 2 +-
 .../dashboard/src/components/layouts/page/pageRoot.tsx     | 2 +-
 .../src/components/layouts/page/pageSeparator.tsx          | 2 +-
 .../dashboard/src/components/layouts/page/pageTitle.tsx    | 2 +-
 .../src/components/layouts/section/sectionItem.tsx         | 2 +-
 .../src/components/layouts/section/sectionRoot.tsx         | 2 +-
 .../dashboard/src/components/layouts/subPageLayout.tsx     | 2 +-
 .../components/layouts/table/tableBody/tableBodyCell.tsx   | 2 +-
 .../components/layouts/table/tableBody/tableBodyRoot.tsx   | 2 +-
 .../components/layouts/table/tableBody/tableBodyRow.tsx    | 2 +-
 .../layouts/table/tableHeader/tableHeaderCell.tsx          | 2 +-
 .../layouts/table/tableHeader/tableHeaderRoot.tsx          | 2 +-
 .../layouts/table/tableHeader/tableHeaderRow.tsx           | 2 +-
 .../dashboard/src/components/layouts/table/tableRoot.tsx   | 2 +-
 packages/dashboard/src/components/layouts/title.tsx        | 2 +-
 packages/dashboard/src/components/layouts/virtualizer.tsx  | 2 +-
 packages/dashboard/src/components/linkButton.tsx           | 2 +-
 .../src/components/overlays/dialog/dialogBody.tsx          | 2 +-
 .../src/components/overlays/dialog/dialogContent.tsx       | 2 +-
 .../src/components/overlays/dialog/dialogDescription.tsx   | 2 +-
 .../src/components/overlays/dialog/dialogFooter.tsx        | 2 +-
 .../src/components/overlays/dialog/dialogHeader.tsx        | 2 +-
 .../src/components/overlays/dialog/dialogOverlay.tsx       | 2 +-
 .../src/components/overlays/dialog/dialogTitle.tsx         | 2 +-
 .../src/components/overlays/drawer/drawerBody.tsx          | 2 +-
 .../src/components/overlays/drawer/drawerContent.tsx       | 2 +-
 .../src/components/overlays/drawer/drawerHeader.tsx        | 2 +-
 .../src/components/overlays/drawer/drawerTrigger.tsx       | 2 +-
 .../src/components/overlays/popover/popoverContent.tsx     | 2 +-
 .../dashboard/src/components/overlays/toast/toastItem.tsx  | 2 +-
 .../src/components/overlays/toast/toastViewport.tsx        | 2 +-
 .../src/components/overlays/tooltip/tooltipContent.tsx     | 2 +-
 packages/dashboard/src/features/breadcrumbs.tsx            | 2 +-
 .../dashboard/src/features/dashboard/dashboardLayout.tsx   | 2 +-
 .../features/docs/accounting/accountsAccountingDocPage.tsx | 2 +-
 .../docs/accounting/introductionAccountingDocPage.tsx      | 2 +-
 .../features/docs/accounting/recordsAccountingDocPage.tsx  | 2 +-
 .../features/docs/accounting/reportsAccountingDocPage.tsx  | 2 +-
 .../features/docs/dashboard/recordsDashboardDocPage.tsx    | 2 +-
 packages/dashboard/src/features/docs/docsLayout.tsx        | 2 +-
 .../docs/general/features/featuresGeneralDocPage.tsx       | 2 +-
 .../src/features/docs/general/legalGeneralDocPage.tsx      | 2 +-
 .../src/features/docs/general/pricing/faqItem.tsx          | 2 +-
 .../docs/general/pricing/pricingGeneralDocPage.tsx         | 2 +-
 .../src/features/docs/general/privacyGeneralDocPage.tsx    | 2 +-
 .../src/features/docs/general/rootGeneralDocPage.tsx       | 2 +-
 .../src/features/docs/general/supportGeneralDocPage.tsx    | 2 +-
 .../src/features/docs/general/termsGeneralDocPage.tsx      | 2 +-
 .../src/features/docs/general/whitepaperGeneralDocPage.tsx | 2 +-
 packages/dashboard/src/features/error/errorPage.tsx        | 2 +-
 packages/dashboard/src/features/rootLayout.tsx             | 2 +-
 packages/dashboard/src/features/signIn/signInPage.tsx      | 2 +-
 packages/dashboard/src/features/signUp/signUpPage.tsx      | 2 +-
 .../dashboard/src/features/website/documentationBanner.tsx | 2 +-
 .../dashboard/src/features/website/organizationsBanner.tsx | 2 +-
 packages/dashboard/src/features/website/websitePage.tsx    | 2 +-
 packages/dashboard/src/utilities/cn.ts                     | 7 -------
 124 files changed, 129 insertions(+), 136 deletions(-)
 delete mode 100644 packages/dashboard/src/utilities/cn.ts

diff --git a/packages/dashboard/src/components/document/docDefinition.tsx b/packages/dashboard/src/components/document/docDefinition.tsx
index 7ffd810..80d8891 100644
--- a/packages/dashboard/src/components/document/docDefinition.tsx
+++ b/packages/dashboard/src/components/document/docDefinition.tsx
@@ -1,6 +1,6 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBookmark } from "@tabler/icons-react"
 import { ReactNode } from "react"
-import { css } from "../../utilities/cn.js"
 
 
 export function DocDefinition(props: {
diff --git a/packages/dashboard/src/components/document/docExample.tsx b/packages/dashboard/src/components/document/docExample.tsx
index 99c61ae..df08715 100644
--- a/packages/dashboard/src/components/document/docExample.tsx
+++ b/packages/dashboard/src/components/document/docExample.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconInfoCircle } from "@tabler/icons-react"
-import { css } from "../../utilities/cn.js"
 
 
 export function DocExample(props: {
diff --git a/packages/dashboard/src/components/document/docGlossaryEntry.tsx b/packages/dashboard/src/components/document/docGlossaryEntry.tsx
index b45b267..d4c641c 100644
--- a/packages/dashboard/src/components/document/docGlossaryEntry.tsx
+++ b/packages/dashboard/src/components/document/docGlossaryEntry.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ReactNode } from "react"
-import { css } from "../../utilities/cn.js"
 
 
 export function DocGlossaryEntry(props: {
diff --git a/packages/dashboard/src/components/document/docHeader.tsx b/packages/dashboard/src/components/document/docHeader.tsx
index 8859cfc..ab8be93 100644
--- a/packages/dashboard/src/components/document/docHeader.tsx
+++ b/packages/dashboard/src/components/document/docHeader.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocHeader(props: {
diff --git a/packages/dashboard/src/components/document/docIndexLink.tsx b/packages/dashboard/src/components/document/docIndexLink.tsx
index def407b..9594cda 100644
--- a/packages/dashboard/src/components/document/docIndexLink.tsx
+++ b/packages/dashboard/src/components/document/docIndexLink.tsx
@@ -1,6 +1,6 @@
-import { LinkButton } from "../linkButton.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export function DocIndexLink(props: {
diff --git a/packages/dashboard/src/components/document/docLastUpdate.tsx b/packages/dashboard/src/components/document/docLastUpdate.tsx
index de01913..33e8184 100644
--- a/packages/dashboard/src/components/document/docLastUpdate.tsx
+++ b/packages/dashboard/src/components/document/docLastUpdate.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocLastUpdate(props: {
diff --git a/packages/dashboard/src/components/document/docLink.tsx b/packages/dashboard/src/components/document/docLink.tsx
index 0c26eb8..7a60652 100644
--- a/packages/dashboard/src/components/document/docLink.tsx
+++ b/packages/dashboard/src/components/document/docLink.tsx
@@ -1,6 +1,6 @@
-import { LinkButton } from "../linkButton.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export function DocLink(props: {
diff --git a/packages/dashboard/src/components/document/docLinkCard.tsx b/packages/dashboard/src/components/document/docLinkCard.tsx
index f0358bc..990d640 100644
--- a/packages/dashboard/src/components/document/docLinkCard.tsx
+++ b/packages/dashboard/src/components/document/docLinkCard.tsx
@@ -1,7 +1,7 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import type { ReactNode } from "react"
-import { LinkButton } from "../linkButton.js"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export type DocLinkCardColor = "information" | "success" | "primary" | "warning"
diff --git a/packages/dashboard/src/components/document/docList.tsx b/packages/dashboard/src/components/document/docList.tsx
index 58db9c4..df377ef 100644
--- a/packages/dashboard/src/components/document/docList.tsx
+++ b/packages/dashboard/src/components/document/docList.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ReactNode } from "react"
-import { css } from "../../utilities/cn.js"
 
 
 export function DocList(props: {
diff --git a/packages/dashboard/src/components/document/docNextPage.tsx b/packages/dashboard/src/components/document/docNextPage.tsx
index 8b5e720..36fa108 100644
--- a/packages/dashboard/src/components/document/docNextPage.tsx
+++ b/packages/dashboard/src/components/document/docNextPage.tsx
@@ -1,7 +1,7 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronRight } from "@tabler/icons-react"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
 import { LinkButton } from "../linkButton.js"
 
 
diff --git a/packages/dashboard/src/components/document/docParagraph.tsx b/packages/dashboard/src/components/document/docParagraph.tsx
index 253b993..11c249a 100644
--- a/packages/dashboard/src/components/document/docParagraph.tsx
+++ b/packages/dashboard/src/components/document/docParagraph.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocParagraph(props: {
diff --git a/packages/dashboard/src/components/document/docSection.tsx b/packages/dashboard/src/components/document/docSection.tsx
index 63bd632..f6f25a7 100644
--- a/packages/dashboard/src/components/document/docSection.tsx
+++ b/packages/dashboard/src/components/document/docSection.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocSection(props: {
diff --git a/packages/dashboard/src/components/document/docSectionCard.tsx b/packages/dashboard/src/components/document/docSectionCard.tsx
index 6482626..956d28d 100644
--- a/packages/dashboard/src/components/document/docSectionCard.tsx
+++ b/packages/dashboard/src/components/document/docSectionCard.tsx
@@ -1,9 +1,9 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronRight } from "@tabler/icons-react"
 import type { ReactNode } from "react"
-import { LinkButton } from "../linkButton.js"
 import type { ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
+import { LinkButton } from "../linkButton.js"
 
 
 export type DocSectionCardColor = "information" | "success" | "primary" | "warning"
diff --git a/packages/dashboard/src/components/document/docTable.tsx b/packages/dashboard/src/components/document/docTable.tsx
index a2f749f..642bcd6 100644
--- a/packages/dashboard/src/components/document/docTable.tsx
+++ b/packages/dashboard/src/components/document/docTable.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocTable(props: {
diff --git a/packages/dashboard/src/components/document/docTextSection.tsx b/packages/dashboard/src/components/document/docTextSection.tsx
index 26dba9c..bd382d3 100644
--- a/packages/dashboard/src/components/document/docTextSection.tsx
+++ b/packages/dashboard/src/components/document/docTextSection.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function DocTextSection(props: {
diff --git a/packages/dashboard/src/components/document/docTip.tsx b/packages/dashboard/src/components/document/docTip.tsx
index c76946e..a7d5443 100644
--- a/packages/dashboard/src/components/document/docTip.tsx
+++ b/packages/dashboard/src/components/document/docTip.tsx
@@ -1,10 +1,10 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import {
     IconAlertTriangle,
     IconBulb,
     IconCircleCheck,
     IconInfoCircle
 } from "@tabler/icons-react"
-import { css } from "../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/formats/formatBase.tsx b/packages/dashboard/src/components/formats/formatBase.tsx
index 89f63dd..3383098 100644
--- a/packages/dashboard/src/components/formats/formatBase.tsx
+++ b/packages/dashboard/src/components/formats/formatBase.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 type FormatBase = {
diff --git a/packages/dashboard/src/components/formats/formatDateTime.tsx b/packages/dashboard/src/components/formats/formatDateTime.tsx
index 5fb0bb7..08ec6aa 100644
--- a/packages/dashboard/src/components/formats/formatDateTime.tsx
+++ b/packages/dashboard/src/components/formats/formatDateTime.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
 import { FormatNull } from "./formatNull.js"
 
diff --git a/packages/dashboard/src/components/formats/formatError.tsx b/packages/dashboard/src/components/formats/formatError.tsx
index 6b7c50b..2b0ddea 100644
--- a/packages/dashboard/src/components/formats/formatError.tsx
+++ b/packages/dashboard/src/components/formats/formatError.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css } from "../../utilities/cn.js"
 import { FormatBase } from "./formatBase.js"
 
 
diff --git a/packages/dashboard/src/components/formats/formatFileSize.tsx b/packages/dashboard/src/components/formats/formatFileSize.tsx
index b2e7b19..4a6bf4e 100644
--- a/packages/dashboard/src/components/formats/formatFileSize.tsx
+++ b/packages/dashboard/src/components/formats/formatFileSize.tsx
@@ -1,7 +1,7 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
 import { FormatBase } from "../../components/formats/formatBase.js"
 import { FormatNull } from "../../components/formats/formatNull.js"
-import { css } from "../../utilities/cn.js"
 
 
 const sizes = ['o', 'ko', 'Mo', 'Go', 'To']
diff --git a/packages/dashboard/src/components/formats/formatLink.tsx b/packages/dashboard/src/components/formats/formatLink.tsx
index 5614eda..51eb76a 100644
--- a/packages/dashboard/src/components/formats/formatLink.tsx
+++ b/packages/dashboard/src/components/formats/formatLink.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
 import { toast } from "../../contexts/toasts/useToast.js"
-import { css } from "../../utilities/cn.js"
 import { FormatBase } from "./formatBase.js"
 import { FormatNull } from "./formatNull.js"
 
diff --git a/packages/dashboard/src/components/formats/formatNull.tsx b/packages/dashboard/src/components/formats/formatNull.tsx
index 822cc3c..79ce97c 100644
--- a/packages/dashboard/src/components/formats/formatNull.tsx
+++ b/packages/dashboard/src/components/formats/formatNull.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function FormatNull(props: {
diff --git a/packages/dashboard/src/components/formats/formatPrice.tsx b/packages/dashboard/src/components/formats/formatPrice.tsx
index 07910f4..c5b24d4 100644
--- a/packages/dashboard/src/components/formats/formatPrice.tsx
+++ b/packages/dashboard/src/components/formats/formatPrice.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
 import { FormatNull } from "../../components/formats/formatNull.js"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function formatPrice(parameters: {
diff --git a/packages/dashboard/src/components/formats/formatText.tsx b/packages/dashboard/src/components/formats/formatText.tsx
index f8e3c7e..ea667d9 100644
--- a/packages/dashboard/src/components/formats/formatText.tsx
+++ b/packages/dashboard/src/components/formats/formatText.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
-import { css, cx } from "../../utilities/cn.js"
 import { FormatNull } from "./formatNull.js"
 
 
diff --git a/packages/dashboard/src/components/forms/formError.tsx b/packages/dashboard/src/components/forms/formError.tsx
index 9a09387..c7d3147 100644
--- a/packages/dashboard/src/components/forms/formError.tsx
+++ b/packages/dashboard/src/components/forms/formError.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { forwardRef } from "react"
-import { css, cx } from "../../utilities/cn.js"
 import { useFormField } from "./useFormField.js"
 
 
diff --git a/packages/dashboard/src/components/forms/formItem.tsx b/packages/dashboard/src/components/forms/formItem.tsx
index 4b91203..bca5b2d 100644
--- a/packages/dashboard/src/components/forms/formItem.tsx
+++ b/packages/dashboard/src/components/forms/formItem.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { HTMLAttributes, useId } from "react"
-import { css, cx } from "../../utilities/cn.js"
 import { FormItemContext } from "./formItemContext.js"
 
 
diff --git a/packages/dashboard/src/components/forms/formLabel.tsx b/packages/dashboard/src/components/forms/formLabel.tsx
index 93982fa..fe70f99 100644
--- a/packages/dashboard/src/components/forms/formLabel.tsx
+++ b/packages/dashboard/src/components/forms/formLabel.tsx
@@ -1,8 +1,8 @@
 
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip"
 import { IconInfoSquare } from "@tabler/icons-react"
 import { HTMLAttributes } from "react"
-import { css } from "../../utilities/cn.js"
 import { useFormField } from "./useFormField.js"
 
 
diff --git a/packages/dashboard/src/components/forms/formRoot.tsx b/packages/dashboard/src/components/forms/formRoot.tsx
index 8b7257a..a3077c6 100644
--- a/packages/dashboard/src/components/forms/formRoot.tsx
+++ b/packages/dashboard/src/components/forms/formRoot.tsx
@@ -1,11 +1,11 @@
-import { Button, ButtonContent } from "@arrhes/ui"
 import type { ButtonColor, ButtonVariant } from "@arrhes/ui"
-import type { Icon, IconProps } from "@tabler/icons-react"
+import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { valibotResolver } from "@hookform/resolvers/valibot"
+import type { Icon, IconProps } from "@tabler/icons-react"
 import { ReactElement, useEffect, useRef } from "react"
 import { DefaultValues, FormProvider, useForm, UseFormReturn } from "react-hook-form"
 import * as v from "valibot"
-import { css } from "../../utilities/cn.js"
 
 
 export function FormRoot<
diff --git a/packages/dashboard/src/components/forms/formSubmit.tsx b/packages/dashboard/src/components/forms/formSubmit.tsx
index b96c89c..53c1a2f 100644
--- a/packages/dashboard/src/components/forms/formSubmit.tsx
+++ b/packages/dashboard/src/components/forms/formSubmit.tsx
@@ -1,5 +1,5 @@
 import { Button, ButtonContent } from "@arrhes/ui"
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export type FormSubmit<T> = {
diff --git a/packages/dashboard/src/components/inputs/inputCombobox.tsx b/packages/dashboard/src/components/inputs/inputCombobox.tsx
index 6ab1ceb..8617e05 100644
--- a/packages/dashboard/src/components/inputs/inputCombobox.tsx
+++ b/packages/dashboard/src/components/inputs/inputCombobox.tsx
@@ -1,5 +1,6 @@
 
 import { Button } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconCheck, IconChevronDown } from "@tabler/icons-react"
 import { ComponentProps, useEffect, useState } from "react"
 import { FieldError } from "react-hook-form"
@@ -7,7 +8,6 @@ import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Virtualizer } from "../../components/layouts/virtualizer.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
-import { css, cx } from "../../utilities/cn.js"
 import { debounce } from "../../utilities/debounce.js"
 
 
diff --git a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
index 67f3819..73af1d7 100644
--- a/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
+++ b/packages/dashboard/src/components/inputs/inputComboboxMultiple.tsx
@@ -1,4 +1,5 @@
 import { Button, ButtonContent } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconCheck, IconSelector, IconX } from "@tabler/icons-react"
 import { CommandEmpty, CommandLoading } from "cmdk"
 import { Fragment, useState } from "react"
@@ -6,7 +7,6 @@ import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Command, CommandInput, CommandItem, CommandList } from "../../components/layouts/command.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
-import { css, cx } from "../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/inputs/inputDate.tsx b/packages/dashboard/src/components/inputs/inputDate.tsx
index 1a7e163..06de3be 100644
--- a/packages/dashboard/src/components/inputs/inputDate.tsx
+++ b/packages/dashboard/src/components/inputs/inputDate.tsx
@@ -1,7 +1,7 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { InputHTMLAttributes } from "react"
 import { FieldError } from "react-hook-form"
 import { IMask, IMaskInput } from "react-imask"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputDate(props:
diff --git a/packages/dashboard/src/components/inputs/inputDisabled.tsx b/packages/dashboard/src/components/inputs/inputDisabled.tsx
index 228de73..f3f2f5c 100644
--- a/packages/dashboard/src/components/inputs/inputDisabled.tsx
+++ b/packages/dashboard/src/components/inputs/inputDisabled.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { InputHTMLAttributes, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
-import { css, cx } from "../../utilities/cn.js"
 
 
 type InputDisabled = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
diff --git a/packages/dashboard/src/components/inputs/inputFile.tsx b/packages/dashboard/src/components/inputs/inputFile.tsx
index 5028557..e118854 100644
--- a/packages/dashboard/src/components/inputs/inputFile.tsx
+++ b/packages/dashboard/src/components/inputs/inputFile.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { InputHTMLAttributes, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
-import { css } from "../../utilities/cn.js"
 
 
 export function InputFile(props:
diff --git a/packages/dashboard/src/components/inputs/inputNumber.tsx b/packages/dashboard/src/components/inputs/inputNumber.tsx
index 9cdf8b9..ec5ded3 100644
--- a/packages/dashboard/src/components/inputs/inputNumber.tsx
+++ b/packages/dashboard/src/components/inputs/inputNumber.tsx
@@ -1,7 +1,7 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { InputHTMLAttributes } from "react"
 import { FieldError } from "react-hook-form"
 import { IMask, IMaskInput } from 'react-imask'
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputPrice(props:
diff --git a/packages/dashboard/src/components/inputs/inputPassword.tsx b/packages/dashboard/src/components/inputs/inputPassword.tsx
index 82aca1f..00561b9 100644
--- a/packages/dashboard/src/components/inputs/inputPassword.tsx
+++ b/packages/dashboard/src/components/inputs/inputPassword.tsx
@@ -1,8 +1,8 @@
 import { Button } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconEye, IconEyeClosed } from '@tabler/icons-react'
 import { InputHTMLAttributes, forwardRef, useState } from 'react'
 import { FieldError } from 'react-hook-form'
-import { css, cx } from "../../utilities/cn.js"
 
 
 type InputPassword = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
diff --git a/packages/dashboard/src/components/inputs/inputRating.tsx b/packages/dashboard/src/components/inputs/inputRating.tsx
index bd2f0e2..224b70e 100644
--- a/packages/dashboard/src/components/inputs/inputRating.tsx
+++ b/packages/dashboard/src/components/inputs/inputRating.tsx
@@ -1,4 +1,4 @@
-import { css, cx } from "../../utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconStarFilled } from '@tabler/icons-react'
 import { InputHTMLAttributes, forwardRef } from 'react'
 import { FieldError } from 'react-hook-form'
diff --git a/packages/dashboard/src/components/inputs/inputSelect.tsx b/packages/dashboard/src/components/inputs/inputSelect.tsx
index 5b086e2..3071126 100644
--- a/packages/dashboard/src/components/inputs/inputSelect.tsx
+++ b/packages/dashboard/src/components/inputs/inputSelect.tsx
@@ -1,11 +1,11 @@
 import { Button } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconCheck, IconChevronDown } from "@tabler/icons-react"
 import { InputHTMLAttributes, useState } from 'react'
 import { FieldError } from 'react-hook-form'
 import { FormatNull } from "../../components/formats/formatNull.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputSelect<TValue extends string>(props:
diff --git a/packages/dashboard/src/components/inputs/inputSwitch.tsx b/packages/dashboard/src/components/inputs/inputSwitch.tsx
index d2e3ab8..74be3b7 100644
--- a/packages/dashboard/src/components/inputs/inputSwitch.tsx
+++ b/packages/dashboard/src/components/inputs/inputSwitch.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
 import { ComponentProps } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 type InputSwitch = Omit<ComponentProps<typeof SwitchPrimitives.Root>, "value" | "onChange"> & {
diff --git a/packages/dashboard/src/components/inputs/inputText.tsx b/packages/dashboard/src/components/inputs/inputText.tsx
index 98818f7..a55f88d 100644
--- a/packages/dashboard/src/components/inputs/inputText.tsx
+++ b/packages/dashboard/src/components/inputs/inputText.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { InputHTMLAttributes } from 'react'
 import { FieldError } from 'react-hook-form'
-import { css, cx } from "../../utilities/cn.js"
 
 
 type InputText = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
diff --git a/packages/dashboard/src/components/inputs/inputTextArea.tsx b/packages/dashboard/src/components/inputs/inputTextArea.tsx
index 420901d..c38c56f 100644
--- a/packages/dashboard/src/components/inputs/inputTextArea.tsx
+++ b/packages/dashboard/src/components/inputs/inputTextArea.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentPropsWithRef, useRef } from 'react'
 import { FieldError } from 'react-hook-form'
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputTextArea(props:
diff --git a/packages/dashboard/src/components/inputs/inputToggle.tsx b/packages/dashboard/src/components/inputs/inputToggle.tsx
index 9d5c743..8924031 100644
--- a/packages/dashboard/src/components/inputs/inputToggle.tsx
+++ b/packages/dashboard/src/components/inputs/inputToggle.tsx
@@ -1,8 +1,8 @@
 
 import { Button, ButtonContent } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
 import { ComponentProps, JSX } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function InputToggle<TValue extends (string | boolean)>(props:
diff --git a/packages/dashboard/src/components/layouts/banner.tsx b/packages/dashboard/src/components/layouts/banner.tsx
index f32f0f9..6b8064a 100644
--- a/packages/dashboard/src/components/layouts/banner.tsx
+++ b/packages/dashboard/src/components/layouts/banner.tsx
@@ -1,7 +1,7 @@
 import { colorVariant } from "@arrhes/application-metadata/components"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconAlertHexagon, IconAlertTriangle, IconCircleCheck, IconInfoSquare } from "@tabler/icons-react"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/box.tsx b/packages/dashboard/src/components/layouts/box.tsx
index 4c449e9..f722249 100644
--- a/packages/dashboard/src/components/layouts/box.tsx
+++ b/packages/dashboard/src/components/layouts/box.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function Box(props: {
diff --git a/packages/dashboard/src/components/layouts/card/cardContent.tsx b/packages/dashboard/src/components/layouts/card/cardContent.tsx
index 7b266d7..0396536 100644
--- a/packages/dashboard/src/components/layouts/card/cardContent.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardContent.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function CardContent(props: {
diff --git a/packages/dashboard/src/components/layouts/card/cardHeader.tsx b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
index a00db3d..659ca2e 100644
--- a/packages/dashboard/src/components/layouts/card/cardHeader.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardHeader.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/card/cardRoot.tsx b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
index 45476d7..6648d6f 100644
--- a/packages/dashboard/src/components/layouts/card/cardRoot.tsx
+++ b/packages/dashboard/src/components/layouts/card/cardRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function CardRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/chip.tsx b/packages/dashboard/src/components/layouts/chip.tsx
index cbf1391..5f77952 100644
--- a/packages/dashboard/src/components/layouts/chip.tsx
+++ b/packages/dashboard/src/components/layouts/chip.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export type ChipColors = keyof typeof chipColors
diff --git a/packages/dashboard/src/components/layouts/command.tsx b/packages/dashboard/src/components/layouts/command.tsx
index 981fdb2..2e2a280 100644
--- a/packages/dashboard/src/components/layouts/command.tsx
+++ b/packages/dashboard/src/components/layouts/command.tsx
@@ -1,8 +1,8 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { Dialog, DialogContent, DialogProps } from "@radix-ui/react-dialog"
 import { IconSearch } from "@tabler/icons-react"
 import { Command as CommandPrimitive } from "cmdk"
 import * as React from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export const Command = React.forwardRef<
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
index 8d5f975..1f07939 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockContent.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockContent(props: {
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
index 4f4caa8..5b9614d 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockHeader.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockHeader(props: {
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
index c4bf7ab..161d4b6 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockItem.tsx
@@ -1,7 +1,7 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconInfoSquareRounded } from "@tabler/icons-react"
 import { Fragment, ReactElement } from "react"
 import { Tooltip } from "../../../components/overlays/tooltip/tooltip.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function DataBlockItem(props: {
diff --git a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
index 8fdf8cb..1094d59 100644
--- a/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
+++ b/packages/dashboard/src/components/layouts/dataBlock/dataBlockRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DataBlockRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/dataTable.tsx b/packages/dashboard/src/components/layouts/dataTable.tsx
index 93f3945..a982b7f 100644
--- a/packages/dashboard/src/components/layouts/dataTable.tsx
+++ b/packages/dashboard/src/components/layouts/dataTable.tsx
@@ -1,4 +1,5 @@
 import { Button, ButtonContent } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronDown, IconChevronLeft, IconChevronRight, IconSortAscending, IconSortDescending } from "@tabler/icons-react"
 import {
     ColumnDef,
@@ -17,7 +18,6 @@ import { FormatNull } from "../../components/formats/formatNull.js"
 import { InputDebounced } from "../../components/inputs/inputDebounced.js"
 import { InputText } from "../../components/inputs/inputText.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function DataTable<TData extends Record<keyof TData, unknown>>(props: {
diff --git a/packages/dashboard/src/components/layouts/dataWrapper.tsx b/packages/dashboard/src/components/layouts/dataWrapper.tsx
index 6377bc6..2d962ee 100644
--- a/packages/dashboard/src/components/layouts/dataWrapper.tsx
+++ b/packages/dashboard/src/components/layouts/dataWrapper.tsx
@@ -1,9 +1,9 @@
 import { routeDefinition } from "@arrhes/application-metadata/utilities"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement, Suspense } from "react"
 import * as v from "valibot"
 import { FormatError } from "../../components/formats/formatError.js"
 import { CircularLoader } from "../../components/layouts/circularLoader.js"
-import { css, cx } from "../../utilities/cn.js"
 import { useDataFromAPI } from "../../utilities/useHTTPData.js"
 
 
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
index 0d8bafb..f57d32c 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownContent.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { DropdownMenuContent, DropdownMenuPortal } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
index 4e43e8a..3866f78 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownItem.tsx
@@ -1,6 +1,6 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DropdownMenuItem } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
-import { css } from "../../../utilities/cn.js"
 
 
 export function DropdownItem(props:
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
index 473bd55..e5d24e0 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownLabel.tsx
@@ -1,6 +1,6 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DropdownMenuLabel } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
-import { css } from "../../../utilities/cn.js"
 
 
 export function DropdownLabel(props:
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
index d9fbda8..80e3175 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownSeparator.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
index 92d2c8b..33ffc8d 100644
--- a/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
+++ b/packages/dashboard/src/components/layouts/dropdownMenu/dropdownTrigger.tsx
@@ -1,8 +1,8 @@
 
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DropdownTrigger(props:
diff --git a/packages/dashboard/src/components/layouts/emptyState.tsx b/packages/dashboard/src/components/layouts/emptyState.tsx
index fb21fb9..1187aa5 100644
--- a/packages/dashboard/src/components/layouts/emptyState.tsx
+++ b/packages/dashboard/src/components/layouts/emptyState.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement, ReactNode } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function EmptyState(props: {
diff --git a/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx b/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
index 28b321f..61b9922 100644
--- a/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
+++ b/packages/dashboard/src/components/layouts/listTable/listTableRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, JSX } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function ListTableRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
index 6171f6e..571179c 100644
--- a/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
+++ b/packages/dashboard/src/components/layouts/listTable/listTableRow.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, JSX } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function ListTableRow(props: {
diff --git a/packages/dashboard/src/components/layouts/logo.tsx b/packages/dashboard/src/components/layouts/logo.tsx
index 76b5eb5..7b6219c 100644
--- a/packages/dashboard/src/components/layouts/logo.tsx
+++ b/packages/dashboard/src/components/layouts/logo.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 export function Logo() {
     return (
diff --git a/packages/dashboard/src/components/layouts/page/pageContent.tsx b/packages/dashboard/src/components/layouts/page/pageContent.tsx
index 1bba78a..0c9712d 100644
--- a/packages/dashboard/src/components/layouts/page/pageContent.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageContent.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function PageContent(props: {
diff --git a/packages/dashboard/src/components/layouts/page/pageDescription.tsx b/packages/dashboard/src/components/layouts/page/pageDescription.tsx
index cbfc716..3329d10 100644
--- a/packages/dashboard/src/components/layouts/page/pageDescription.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageDescription.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/page/pageHeader.tsx b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
index b7c6991..ec956aa 100644
--- a/packages/dashboard/src/components/layouts/page/pageHeader.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageHeader.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactNode } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
index 35725b2..848933e 100644
--- a/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageNavigation.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { useMatches, useRouterState } from "@tanstack/react-router"
 import { JSX } from "react"
 import { ValidParams, ValidRoutes } from "../../../routes/platformRouter.js"
-import { css } from "../../../utilities/cn.js"
 import { LinkButton } from "../../linkButton.js"
 
 
diff --git a/packages/dashboard/src/components/layouts/page/pageRoot.tsx b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
index 4e617b5..08f7635 100644
--- a/packages/dashboard/src/components/layouts/page/pageRoot.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function PageRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
index 9910c0f..f49ee6c 100644
--- a/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageSeparator.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 type PageSeparator = ComponentProps<"div">
diff --git a/packages/dashboard/src/components/layouts/page/pageTitle.tsx b/packages/dashboard/src/components/layouts/page/pageTitle.tsx
index 49d99f9..69173a4 100644
--- a/packages/dashboard/src/components/layouts/page/pageTitle.tsx
+++ b/packages/dashboard/src/components/layouts/page/pageTitle.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/layouts/section/sectionItem.tsx b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
index abb4c81..8498801 100644
--- a/packages/dashboard/src/components/layouts/section/sectionItem.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionItem.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function SectionItem(props: {
diff --git a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
index db090d2..45404ea 100644
--- a/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
+++ b/packages/dashboard/src/components/layouts/section/sectionRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function SectionRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/subPageLayout.tsx b/packages/dashboard/src/components/layouts/subPageLayout.tsx
index e94dd8d..950c0e8 100644
--- a/packages/dashboard/src/components/layouts/subPageLayout.tsx
+++ b/packages/dashboard/src/components/layouts/subPageLayout.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Outlet, useMatches, useRouterState } from "@tanstack/react-router"
 import { ReactNode } from "react"
 import { ValidParams, ValidRoutes } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
 import { LinkButton } from "../linkButton.js"
 
 
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
index ad6a53d..2d8ad38 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyCell.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyCell(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
index 1a56ad3..0bf750b 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
index 92fbcab..dd0760c 100644
--- a/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableBody/tableBodyRow.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableBodyRow(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
index 8518730..a9067eb 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderCell.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderCell(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
index 01f1d1d..624a87b 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
index e506ab3..29cee10 100644
--- a/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableHeader/tableHeaderRow.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../../utilities/cn.js"
 
 
 export function TableHeaderRow(props: {
diff --git a/packages/dashboard/src/components/layouts/table/tableRoot.tsx b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
index b1e7a60..9a09fd9 100644
--- a/packages/dashboard/src/components/layouts/table/tableRoot.tsx
+++ b/packages/dashboard/src/components/layouts/table/tableRoot.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps, ReactElement } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function TableRoot(props: {
diff --git a/packages/dashboard/src/components/layouts/title.tsx b/packages/dashboard/src/components/layouts/title.tsx
index 901b499..2555898 100644
--- a/packages/dashboard/src/components/layouts/title.tsx
+++ b/packages/dashboard/src/components/layouts/title.tsx
@@ -1,5 +1,5 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { ComponentProps } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function TitleComponent(props: {
diff --git a/packages/dashboard/src/components/layouts/virtualizer.tsx b/packages/dashboard/src/components/layouts/virtualizer.tsx
index 0a837df..3963b2e 100644
--- a/packages/dashboard/src/components/layouts/virtualizer.tsx
+++ b/packages/dashboard/src/components/layouts/virtualizer.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { useVirtualizer } from '@tanstack/react-virtual'
 import { ComponentProps, ReactElement, useRef } from "react"
-import { css, cx } from "../../utilities/cn.js"
 
 
 export function Virtualizer<TData extends unknown>(props: {
diff --git a/packages/dashboard/src/components/linkButton.tsx b/packages/dashboard/src/components/linkButton.tsx
index 02266f3..6d5c3a2 100644
--- a/packages/dashboard/src/components/linkButton.tsx
+++ b/packages/dashboard/src/components/linkButton.tsx
@@ -1,7 +1,7 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { Link } from "@tanstack/react-router"
 import type { ComponentProps, MouseEventHandler, ReactNode } from "react"
 import type { ValidParams, ValidRoutes } from "../routes/platformRouter.js"
-import { css, cx } from "../utilities/cn.js"
 
 
 /**
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx b/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
index 7d5cbbd..00ceac5 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogBody.tsx
@@ -1,6 +1,6 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { HTMLAttributes } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogBody(props:
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
index 1513668..786301a 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogContent.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 import { DialogOverlay } from "./dialogOverlay.js"
 import { DialogPortal } from "./dialogPortal.js"
 
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx b/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
index 7bc6695..78c8ae8 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogDescription.tsx
@@ -1,5 +1,5 @@
 
-import { css, cx } from "../../../utilities/cn.js"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
 
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
index daa6941..9722623 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogFooter.tsx
@@ -1,6 +1,6 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { HTMLAttributes } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogFooter(props:
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
index 66c6180..dbc02ff 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogHeader.tsx
@@ -1,9 +1,9 @@
 
 import { ButtonContent } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { IconX } from "@tabler/icons-react"
 import { HTMLAttributes } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogHeader(props:
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
index c21a5b6..05cb704 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogOverlay.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 
diff --git a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
index d098430..f8e1e0c 100644
--- a/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
+++ b/packages/dashboard/src/components/overlays/dialog/dialogTitle.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { ComponentPropsWithRef } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function DialogTitle(props:
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
index 39dd81a..24be7c2 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerBody.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { JSX } from "react"
-import { css } from "../../../utilities/cn.js"
 
 
 export function DrawerBody(props: {
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
index 20ce504..c48cf7a 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerContent.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { JSX, useCallback, useEffect, useRef, useState } from "react"
 import { createPortal } from "react-dom"
-import { css, cx } from "../../../utilities/cn.js"
 import { useDrawerContext } from "./drawerRoot.js"
 
 
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
index af25f32..30c6794 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerHeader.tsx
@@ -1,7 +1,7 @@
 
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconX } from "@tabler/icons-react"
-import { css } from "../../../utilities/cn.js"
 import { useDrawerContext } from "./drawerRoot.js"
 
 
diff --git a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
index 2c0dd34..58e0a6f 100644
--- a/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
+++ b/packages/dashboard/src/components/overlays/drawer/drawerTrigger.tsx
@@ -1,7 +1,7 @@
 
 import { Button } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { JSX } from "react"
-import { css } from "../../../utilities/cn.js"
 import { useDrawerContext } from "./drawerRoot.js"
 
 
diff --git a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
index bb9aba0..91d3f6e 100644
--- a/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
+++ b/packages/dashboard/src/components/overlays/popover/popoverContent.tsx
@@ -1,6 +1,6 @@
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as PopoverPrimitive from "@radix-ui/react-popover"
 import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 type PopoverContent = ComponentProps<typeof PopoverPrimitive.Content>
diff --git a/packages/dashboard/src/components/overlays/toast/toastItem.tsx b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
index 7bb820a..cb260b7 100644
--- a/packages/dashboard/src/components/overlays/toast/toastItem.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastItem.tsx
@@ -1,8 +1,8 @@
 import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Icon, IconAlertTriangle, IconCircleCheck, IconInfoSquare, IconProps, IconX } from "@tabler/icons-react"
 import { ReactElement } from "react"
 import { ToasterToast, ToastVariant } from "../../../contexts/toasts/useToast.js"
-import { css } from "../../../utilities/cn.js"
 
 
 const toastIcons: Record<ToastVariant, ReactElement<IconProps & React.RefAttributes<Icon>>> = {
diff --git a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
index a4fa047..d801cfe 100644
--- a/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
+++ b/packages/dashboard/src/components/overlays/toast/toastViewport.tsx
@@ -1,6 +1,6 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { ReactNode } from "react"
 import { createPortal } from "react-dom"
-import { css } from "../../../utilities/cn.js"
 
 
 type ToastViewportProps = {
diff --git a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
index 643437c..e67f60b 100644
--- a/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
+++ b/packages/dashboard/src/components/overlays/tooltip/tooltipContent.tsx
@@ -1,7 +1,7 @@
 
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 import { ComponentProps } from "react"
-import { css, cx } from "../../../utilities/cn.js"
 
 
 export function TooltipContent(props: ComponentProps<typeof TooltipPrimitive.Content>) {
diff --git a/packages/dashboard/src/features/breadcrumbs.tsx b/packages/dashboard/src/features/breadcrumbs.tsx
index ce7f8ec..c4a8d37 100644
--- a/packages/dashboard/src/features/breadcrumbs.tsx
+++ b/packages/dashboard/src/features/breadcrumbs.tsx
@@ -1,9 +1,9 @@
 import { readOneOrganizationRouteDefinition, readOneYearRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { useRouterState } from "@tanstack/react-router"
 import { Fragment } from "react/jsx-runtime"
 import { LinkButton } from "../components/linkButton.js"
-import { css } from "../utilities/cn.js"
 import { useDataFromAPI } from "../utilities/useHTTPData.js"
 
 
diff --git a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
index dbeda75..e526fff 100644
--- a/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
+++ b/packages/dashboard/src/features/dashboard/dashboardLayout.tsx
@@ -1,12 +1,12 @@
 import { signOutRouteDefinition } from "@arrhes/application-metadata/routes"
 import { Button, ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBook2, IconBuildings, IconLifebuoy, IconLogout, IconUser } from "@tabler/icons-react"
 import { Outlet } from "@tanstack/react-router"
 import { LinkButton } from "../../components/linkButton.js"
 import { Popover } from "../../components/overlays/popover/popover.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
 import { deleteCookies } from "../../utilities/cookies/deleteCookies.js"
 import { postAPI } from "../../utilities/postAPI.js"
 import { Breadcrumbs } from "../breadcrumbs.js"
diff --git a/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
index 2b07edd..4e15e72 100644
--- a/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
+++ b/packages/dashboard/src/features/docs/accounting/accountsAccountingDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocDefinition } from "../../../components/document/docDefinition.js"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
@@ -7,7 +8,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { DocTip } from "../../../components/document/docTip.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function AccountsAccountingDocPage() {
diff --git a/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
index 24cc650..9df9474 100644
--- a/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
+++ b/packages/dashboard/src/features/docs/accounting/introductionAccountingDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocDefinition } from "../../../components/document/docDefinition.js"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
@@ -8,7 +9,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTip } from "../../../components/document/docTip.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function IntroductionAccountingDocPage() {
diff --git a/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
index a1ff679..c21c92e 100644
--- a/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
+++ b/packages/dashboard/src/features/docs/accounting/recordsAccountingDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocDefinition } from "../../../components/document/docDefinition.js"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
@@ -9,7 +10,6 @@ import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
 import { DocTip } from "../../../components/document/docTip.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function RecordsAccountingDocPage() {
diff --git a/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
index d9beb46..f8fa5a4 100644
--- a/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
+++ b/packages/dashboard/src/features/docs/accounting/reportsAccountingDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocDefinition } from "../../../components/document/docDefinition.js"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
@@ -8,7 +9,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function ReportsAccountingDocPage() {
diff --git a/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
index d63ded0..7e9b1c6 100644
--- a/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
+++ b/packages/dashboard/src/features/docs/dashboard/recordsDashboardDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocExample } from "../../../components/document/docExample.js"
 import { DocHeader } from "../../../components/document/docHeader.js"
 import { DocLink } from "../../../components/document/docLink.js"
@@ -7,7 +8,6 @@ import { DocParagraph } from "../../../components/document/docParagraph.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocSection } from "../../../components/document/docSection.js"
 import { DocTable } from "../../../components/document/docTable.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function RecordsDashboardDocPage() {
diff --git a/packages/dashboard/src/features/docs/docsLayout.tsx b/packages/dashboard/src/features/docs/docsLayout.tsx
index 931bb79..3eb73b1 100644
--- a/packages/dashboard/src/features/docs/docsLayout.tsx
+++ b/packages/dashboard/src/features/docs/docsLayout.tsx
@@ -1,11 +1,11 @@
 import { ButtonContent, Logo } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import {
     IconBook2,
     IconBrandGithub
 } from "@tabler/icons-react"
 import { Outlet, useRouterState } from "@tanstack/react-router"
 import { LinkButton } from "../../components/linkButton.js"
-import { css, cx } from "../../utilities/cn.js"
 import { docSections } from "./docSections.js"
 import { SectionTab } from "./sectionTab.js"
 import { SidebarNavigation } from "./sidebarNavigation.js"
diff --git a/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
index a4ce534..9a8e1b9 100644
--- a/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/features/featuresGeneralDocPage.tsx
@@ -1,3 +1,4 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import {
     IconBook,
     IconFileText,
@@ -5,7 +6,6 @@ import {
     IconUsers
 } from "@tabler/icons-react"
 import { DocRoot } from "../../../../components/document/docRoot.js"
-import { css } from "../../../../utilities/cn.js"
 import { FeatureCard } from "./featureCard.js"
 
 
diff --git a/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
index e19c31c..774d66a 100644
--- a/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/legalGeneralDocPage.tsx
@@ -1,9 +1,9 @@
 import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocTextSection } from "../../../components/document/docTextSection.js"
 import { DocTip } from "../../../components/document/docTip.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function LegalGeneralDocPage() {
diff --git a/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx b/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
index 6bcaf31..4d6a7ca 100644
--- a/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
+++ b/packages/dashboard/src/features/docs/general/pricing/faqItem.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function FaqItem(props: {
diff --git a/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
index 8a383a7..ee15d2d 100644
--- a/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/pricing/pricingGeneralDocPage.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocRoot } from "../../../../components/document/docRoot.js"
-import { css } from "../../../../utilities/cn.js"
 import { Pricing } from "../../../website/pricing.js"
 import { FaqItem } from "./faqItem.js"
 
diff --git a/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
index 1b5853c..5061eb7 100644
--- a/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/privacyGeneralDocPage.tsx
@@ -1,9 +1,9 @@
 import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocTextSection } from "../../../components/document/docTextSection.js"
 import { LinkButton } from "../../../components/linkButton.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function PrivacyGeneralDocPage() {
diff --git a/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
index cd80a4f..87e5559 100644
--- a/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/rootGeneralDocPage.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconChevronRight } from "@tabler/icons-react"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { LinkButton } from "../../../components/linkButton.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function RootGeneralDocPage() {
diff --git a/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
index 6546e03..09818ec 100644
--- a/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/supportGeneralDocPage.tsx
@@ -1,9 +1,9 @@
 import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBrandGithub, IconMail } from "@tabler/icons-react"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocTip } from "../../../components/document/docTip.js"
 import { LinkButton } from "../../../components/linkButton.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function SupportGeneralDocPage() {
diff --git a/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
index ceb2d4b..35663c7 100644
--- a/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/termsGeneralDocPage.tsx
@@ -1,8 +1,8 @@
 import { LinkContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocTextSection } from "../../../components/document/docTextSection.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function TermsGeneralDocPage() {
diff --git a/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx b/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
index 950f611..18e6a2e 100644
--- a/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
+++ b/packages/dashboard/src/features/docs/general/whitepaperGeneralDocPage.tsx
@@ -1,7 +1,7 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { DocLastUpdate } from "../../../components/document/docLastUpdate.js"
 import { DocRoot } from "../../../components/document/docRoot.js"
 import { DocTextSection } from "../../../components/document/docTextSection.js"
-import { css } from "../../../utilities/cn.js"
 
 
 export function WhitepaperGeneralDocPage() {
diff --git a/packages/dashboard/src/features/error/errorPage.tsx b/packages/dashboard/src/features/error/errorPage.tsx
index 85617ee..d267d52 100644
--- a/packages/dashboard/src/features/error/errorPage.tsx
+++ b/packages/dashboard/src/features/error/errorPage.tsx
@@ -1,4 +1,4 @@
-import { css } from "../../utilities/cn.js"
+import { css } from "@arrhes/ui/utilities/cn.js"
 
 
 export function ErrorPage() {
diff --git a/packages/dashboard/src/features/rootLayout.tsx b/packages/dashboard/src/features/rootLayout.tsx
index e586f1e..e74e4bb 100644
--- a/packages/dashboard/src/features/rootLayout.tsx
+++ b/packages/dashboard/src/features/rootLayout.tsx
@@ -1,5 +1,5 @@
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { Outlet } from "@tanstack/react-router"
-import { css } from "../utilities/cn.js"
 import { useDeviceDetect } from "../utilities/useDeviceDetect.js"
 
 
diff --git a/packages/dashboard/src/features/signIn/signInPage.tsx b/packages/dashboard/src/features/signIn/signInPage.tsx
index 88bf32e..df0aacf 100644
--- a/packages/dashboard/src/features/signIn/signInPage.tsx
+++ b/packages/dashboard/src/features/signIn/signInPage.tsx
@@ -1,5 +1,6 @@
 import { signInRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBook2, IconLogin2, IconUserPlus } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
@@ -13,7 +14,6 @@ import { InputText } from "../../components/inputs/inputText.js"
 import { LinkButton } from "../../components/linkButton.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
 import { postAPI } from "../../utilities/postAPI.js"
 
 
diff --git a/packages/dashboard/src/features/signUp/signUpPage.tsx b/packages/dashboard/src/features/signUp/signUpPage.tsx
index d3dd4c1..cd302dc 100644
--- a/packages/dashboard/src/features/signUp/signUpPage.tsx
+++ b/packages/dashboard/src/features/signUp/signUpPage.tsx
@@ -1,5 +1,6 @@
 import { signUpRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent, Logo, Separator } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBook2, IconLogin2, IconUserPlus } from "@tabler/icons-react"
 import { Fragment } from "react/jsx-runtime"
 import { FormControl } from "../../components/forms/formControl.js"
@@ -13,7 +14,6 @@ import { InputText } from "../../components/inputs/inputText.js"
 import { LinkButton } from "../../components/linkButton.js"
 import { toast } from "../../contexts/toasts/useToast.js"
 import { platformRouter } from "../../routes/platformRouter.js"
-import { css } from "../../utilities/cn.js"
 import { postAPI } from "../../utilities/postAPI.js"
 
 
diff --git a/packages/dashboard/src/features/website/documentationBanner.tsx b/packages/dashboard/src/features/website/documentationBanner.tsx
index 19bc209..d837741 100644
--- a/packages/dashboard/src/features/website/documentationBanner.tsx
+++ b/packages/dashboard/src/features/website/documentationBanner.tsx
@@ -1,7 +1,7 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconExternalLink } from "@tabler/icons-react"
 import { Box } from "../../components/layouts/box.js"
-import { css } from "../../utilities/cn.js"
 
 
 export function DocumentationBanner() {
diff --git a/packages/dashboard/src/features/website/organizationsBanner.tsx b/packages/dashboard/src/features/website/organizationsBanner.tsx
index c0322d7..4f38ed6 100644
--- a/packages/dashboard/src/features/website/organizationsBanner.tsx
+++ b/packages/dashboard/src/features/website/organizationsBanner.tsx
@@ -1,8 +1,8 @@
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconBuilding } from "@tabler/icons-react"
 import { Box } from "../../components/layouts/box.js"
 import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
 
 
 export function OrganizationsBanner() {
diff --git a/packages/dashboard/src/features/website/websitePage.tsx b/packages/dashboard/src/features/website/websitePage.tsx
index ced7e26..28caa99 100644
--- a/packages/dashboard/src/features/website/websitePage.tsx
+++ b/packages/dashboard/src/features/website/websitePage.tsx
@@ -1,4 +1,5 @@
 import { Badge, ButtonContent, Logo } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import {
     IconBook2,
     IconBrandGithub,
@@ -6,7 +7,6 @@ import {
     IconUser
 } from "@tabler/icons-react"
 import { LinkButton } from "../../components/linkButton.js"
-import { css } from "../../utilities/cn.js"
 import { HeroIllustration } from "./heroIllustration.js"
 import { Pricing } from "./pricing.js"
 
diff --git a/packages/dashboard/src/utilities/cn.ts b/packages/dashboard/src/utilities/cn.ts
deleted file mode 100644
index b0e7544..0000000
--- a/packages/dashboard/src/utilities/cn.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { css, cx } from "../../styled-system/css"
-
-export { css, cx }
-
-export function cn(...inputs: (string | undefined | null | false)[]) {
-    return cx(...inputs.filter(Boolean) as string[])
-}

From 9e307fe651ceebe6b3d3e5bf7aab56f96802178a Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Sat, 14 Feb 2026 02:06:16 +0100
Subject: [PATCH 24/25] =?UTF-8?q?=F0=9F=90=9B=20fix(dashboard):=20update?=
 =?UTF-8?q?=20cn=20utility=20imports=20in=20attachments=20and=20records=20?=
 =?UTF-8?q?pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- replace relative path imports of cn.js with @arrhes/ui package
  import in attachmentsGrid, attachmentsPage, and recordsPage
---
 .../years/$idYear/attachments/attachmentsGrid.tsx               | 2 +-
 .../years/$idYear/attachments/attachmentsPage.tsx               | 2 +-
 .../$idOrganization/years/$idYear/records/recordsPage.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
index f269776..4b1eb89 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
@@ -10,7 +10,7 @@ import { InputText } from "../../../../../../../components/inputs/inputText.js"
 import { Box } from "../../../../../../../components/layouts/box.js"
 import { EmptyState } from "../../../../../../../components/layouts/emptyState.js"
 import { platformRouter } from "../../../../../../../routes/platformRouter.js"
-import { css, cx } from "../../../../../../../utilities/cn.js"
+import { css, cx } from "../../"@arrhes/ui/utilities / cn.js"
 import { CreateOneAttachment } from "./createOneAttachment.js"
 
 
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index 697d302..94e1288 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -6,7 +6,7 @@ import { useState } from "react"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { attachmentsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
-import { css } from "../../../../../../../utilities/cn.js"
+import { css } from "../../"@arrhes/ui/utilities / cn.js"
 import { AttachmentsGrid } from "./attachmentsGrid.js"
 import { AttachmentsTable } from "./attachmentsTable.js"
 
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index b2d2940..406044e 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -12,7 +12,7 @@ import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { LinkButton } from "../../../../../../../components/linkButton.js"
 import { recordsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
-import { css } from "../../../../../../../utilities/cn.js"
+import { css } from "../../"@arrhes/ui/utilities / cn.js"
 import { CreateOneRecord } from "./createOneRecord.js"
 
 

From 0a809b32a5e35f7c06368a9575841b754925c520 Mon Sep 17 00:00:00 2001
From: &mile <dev@emilesabatier.com>
Date: Sat, 14 Feb 2026 02:06:58 +0100
Subject: [PATCH 25/25] =?UTF-8?q?=F0=9F=90=9B=20fix(dashboard):=20correct?=
 =?UTF-8?q?=20malformed=20cn=20utility=20import=20paths?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix broken imports in attachmentsGrid, attachmentsPage, and
recordsPage that were corrupted during the previous refactor.
---
 .../years/$idYear/attachments/attachmentsGrid.tsx               | 2 +-
 .../years/$idYear/attachments/attachmentsPage.tsx               | 2 +-
 .../$idOrganization/years/$idYear/records/recordsPage.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
index 4b1eb89..39bb890 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsGrid.tsx
@@ -1,5 +1,6 @@
 import { returnedSchemas } from "@arrhes/application-metadata/schemas"
 import { ButtonContent } from "@arrhes/ui"
+import { css, cx } from "@arrhes/ui/utilities/cn.js"
 import { IconFile, IconFileTypePdf, IconPhoto, IconPlus } from "@tabler/icons-react"
 import { useState } from "react"
 import * as v from "valibot"
@@ -10,7 +11,6 @@ import { InputText } from "../../../../../../../components/inputs/inputText.js"
 import { Box } from "../../../../../../../components/layouts/box.js"
 import { EmptyState } from "../../../../../../../components/layouts/emptyState.js"
 import { platformRouter } from "../../../../../../../routes/platformRouter.js"
-import { css, cx } from "../../"@arrhes/ui/utilities / cn.js"
 import { CreateOneAttachment } from "./createOneAttachment.js"
 
 
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
index 94e1288..7187445 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsPage.tsx
@@ -1,12 +1,12 @@
 import { readAllAttachmentsRouteDefinition } from "@arrhes/application-metadata/routes"
 import { Button, ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconLayoutGrid, IconLayoutList } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { useState } from "react"
 import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper.js"
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { attachmentsLayoutRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/attachments/attachmentsLayoutRoute.js"
-import { css } from "../../"@arrhes/ui/utilities / cn.js"
 import { AttachmentsGrid } from "./attachmentsGrid.js"
 import { AttachmentsTable } from "./attachmentsTable.js"
 
diff --git a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
index 406044e..9f9716c 100644
--- a/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
+++ b/packages/dashboard/src/features/dashboard/organizations/$idOrganization/years/$idYear/records/recordsPage.tsx
@@ -1,5 +1,6 @@
 import { readAllRecordRowsRouteDefinition, readAllRecordsRouteDefinition, readOneAccountRouteDefinition, readOneAttachmentRouteDefinition, readOneJournalRouteDefinition, readOneRecordLabelRouteDefinition } from "@arrhes/application-metadata/routes"
 import { ButtonContent } from "@arrhes/ui"
+import { css } from "@arrhes/ui/utilities/cn.js"
 import { IconEye, IconPlus } from "@tabler/icons-react"
 import { useParams } from "@tanstack/react-router"
 import { FormatDate } from "../../../../../../../components/formats/formatDate.js"
@@ -12,7 +13,6 @@ import { DataWrapper } from "../../../../../../../components/layouts/dataWrapper
 import { Page } from "../../../../../../../components/layouts/page/page.js"
 import { LinkButton } from "../../../../../../../components/linkButton.js"
 import { recordsRoute } from "../../../../../../../routes/root/dashboard/organizations/$idOrganization/years/$idYear/records/recordsRoute.js"
-import { css } from "../../"@arrhes/ui/utilities / cn.js"
 import { CreateOneRecord } from "./createOneRecord.js"